/* IMPORT FROM PARENT THEME STYLESHEET */
@import url('../../../folo/assets/css/mobile.css');

/*----------------------------------------------------------------------
 
	Content: Theme Mobile CSS 
	Author:  ThemeBeans of http://www.themebeans.com
 
 ----------------------------------------------------------------------*/

@media only screen and (max-width: 1390px) { 
#footer-container {
width: 1016px;
}

}	

@media only screen and (max-width: 1060px) { 
#footer-container {
width: 682px;
}

}	


@media only screen and (min-width: 1061px) and (max-width: 1389px) { 
	.isotope-item {
		width: 184px;
	}
}	


@media only screen 
and (max-width: 767px) {
.branding {
margin: 5px 0;
}
#header-container {
top: 51px;
}
#responsive-nav {
padding: 0px;
width: 100%;
z-index: 99999;
position: fixed;
top: 0;
}

#responsive-nav form.custom div.custom.dropdown a.current {
background-color: white;
background-color: rgb(187,198,169);
color: rgb(187,198,169);
background: white;
font-size:2px;
}
#responsive-nav form.custom div.custom.dropdown a.selector {
/* -webkit-filter: invert(100%);
filter: invert(100%); */
top: -2px;
opacity: 0.8;
}
.entry-header .pagination {
	display:none !important;	
}
.deer-img {
width: 50px;
right: 0;
top: 21px;
left: auto;
margin: 0 auto;
}
#responsive-nav form.custom div.custom.dropdown ul {
background-color: white;
}
#responsive-nav select {
opacity:0;
}
#responsive-nav form.custom div.custom.dropdown ul li {
border-bottom: 1px solid rgba(0,0,0,0.02) !important;
cursor: pointer;
margin: 5px 30px;
padding: 6px 0px 13px;
color: black;
text-align:center;
font-family: 'Engravers W01 Roman 927677';
letter-spacing: 4.9px;
font-size: 11px;
font-weight:normal !important;
text-transform: uppercase;
}

#footer-container {
width: 84%;
padding: 9px 30px;
}


.isotope-item {
width: 100%;
}
.entry-content, .entry-content-media {
width: 100%;
margin: 0 auto;
}

.single-portfolio h1.entry-title {
width: 100%;
}

.sub-text {
width: 100%;
}
#primary-container {
padding-top: 67px;
}

.Contact .design-by {
top: -81px;
}

.Contact .design-by a {
text-decoration: none;
}

a {
font-weight: normal;
word-break: break-word;
}
.entry-content a {
border-bottom: 1px solid black;
}

.overlay {
background: white;
width: 100%;
height: 100%;
z-index: 9999999999999;
position: fixed;
top: 0;
margin:0 auto;
left:0;
right:0;
display:none;

}

.overlay img {
margin-top:35%;
height: 30%;
width:auto;
}

.hider{
display:none;
 transition: all .8s linear;
    -webkit-transition: all .8s linear;
    -moz-transition: all .8s linear;
    -o-transition: all .8s linear;

}

#responsive-nav form.custom div.custom.dropdown ul li:hover {
color: rgb(187,198,169);
}


} 

@media only screen 
and (max-width: 320px) {
	/* BODY */
#footer-container {
padding: 9px 30px;
width: 279px;
}
.Contact .design-by {
top: -129px;
}
} 
@media only screen 
and (min-width: 320px)
and (max-width : 480px) {
  #footer-container {
  padding: 9px 30px;
  width: 279px;
  }	
  .Contact .design-by {
  top: -129px;
  }
}


/*--------------------------------------------------------------------*/
/*	SMALLER SCREENS
/*--------------------------------------------------------------------*/
@media only screen 
and (max-width: 515px) {	
}

@media only screen 
and (max-width: 460px) {
						
}




/*--------------------------------------------------------------------*/
/*	iPAD/TABLET DEVICES GENERAL 
/*--------------------------------------------------------------------*/	
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}
 
		
/*--------------------------------------------------------------------*/
/*	iPAD PORTRAIT
/*--------------------------------------------------------------------*/		
@media only screen 
and (min-device-width : 768px) 
and (orientation : portrait){ 	
}
    
    
/*--------------------------------------------------------------------*/
/*	iPHONE GENERAL / LANDSCAPE
/*--------------------------------------------------------------------*/
@media only screen 
and (max-device-width: 320px)
and (max-device-width : 480px) {
	
#footer-container {
padding: 9px 30px;
width: 279px;
}	
.Contact .design-by {
top: -129px;
}
}

/* ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* css here */ 
  .About #primary-container, .Contact #primary-container{
	  padding: 91px 30px 9px;
	  min-height: 639px;
  }
  .isotope-item{
	 width: 173px; 
  }
}


/* For iPad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* css here */ 

.home #primary-container{
margin-top: 101px;
min-height: 731px;
margin:0 auto !important;	
left:0;
right:0;
position:relative;	
width:100% !important;
text-align:center;
padding: 154px 30px 55px;
  }
#footer-container{  
  width: 75%;
padding: 9px 30px;
}
  .isotope-item{
	 width: 150px; 
  }

}

/* For iPad landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* css here */
  .isotope-item{
	 width: 184px; 
  }


}