/*########################################################## STYLE FOR IPAD VIEW IN POTRAIT MODE */

@media only screen and (device-width:768px)and (orientation:portrait) {
	body{zoom:0.76;}
}

/*########################################################## STYLE FOR SCREEN 767PX AND LOWER */

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

	/**************** RESET */

	.left,
	.right{float:none;}
	.width-global{width:100%;margin:auto;}
	.mobile-hide{display:none!important;}
	.mobile-left{float:left;}
	.mobile-right{float:right;}
	.mobile-clear{clear:both;}
	
	/**************** INPUT */
	
	input{max-width:90%;}
	textarea{max-width:90%;}
	
	/**************** HEADER */
	
	#header-mobile{height:190px;}
	header#header h1#blog-title{position:absolute;top:40px;left:20px;}
	header#header .social-web{position:absolute;top:80px;left:160px;}
	
	/**************** HOMEPAGE */
	
	.box-homepage{width:85%;padding:5%;margin:auto;margin-bottom:20px;}
	.box-homepage img{max-width:100%;}
	
	/* SLIDESHOW */

	#slideshow{height:auto;width:100%;margin:0 auto 20px;position:relative;display:block;}
	#slideshow img{border:1px solid #ddd;}
	#slideshow #slide div{height:auto;width:100%;display:block;}
	#slideshow #slide img{height:auto;width:100%;display:block;}
	.bx-controls-direction{display:none;}
	
	/**************** PAGE */
	
	#page-wrapper{width:95%;margin:10px auto 0;}
	
	/**************** FOOTER */

	footer#footer{padding:20px 10px;}
	#footer-logo .title{margin-bottom:10px;}
	#footer-logo img{margin-bottom:20px;}

}

/* ####################################################################### MEAN MENU */

a.meanmenu-reveal{display:none;}
.mean-container .mean-bar{float:left;width:100%;position:relative;background:#333 url(../images/responsive-menu.png) 45px 15px no-repeat;padding:4px 0;min-height:33px;z-index:999999;}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:10px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:12px!important;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial, Helvetica, sans-serif;font-weight:700;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px;}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:33px;margin-bottom:-4px;}
.mean-container .mean-nav ul{padding:0!important;margin:0!important;width:100%;list-style-type:none;border-top:3px solid rgba(0,0,0,0.2);}
.mean-container .mean-nav ul li{padding:0!important;margin:0!important;}
.mean-container .mean-nav ul li a{display:block;float:left;width:92%;overflow-x:hidden;padding:8px 4%;margin:0;text-align:left;color:#fff;border-top:1px solid rgba(255,255,255,0.05);border-top:1px solid rgba(255,255,255,0.05);text-decoration:none;font-weight:700!important;}
.mean-container .mean-nav ul li:first-child a{border:none;}
.mean-container .mean-nav ul li ul{border-top:0!important;}
.mean-container .mean-nav ul li li a{width:76%;padding:8px 12%;border-top:1px solid rgba(255,255,255,0.05);border-top:1px solid rgba(255,255,255,0.05);opacity:0.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible;}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%;}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%;}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%;}
.mean-container .mean-nav ul li li:first-child a{border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.05);}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.05);}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both;}
.mean-nav .wrapper{width:100%;padding:0;margin:0;}