/*########################################################## 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{float:none;}
	.right{float:none;}
	.width-global{width:90%;margin:auto;}
	.mobile-hide{display:none;}
	#wrapper article.width-full{width:100%;}
	#homepage article{width:100%;}
	#wrapper article{width:100%;}
	
	/**************** HEADER */
	
	header#header{padding:50px 0 0;background:#eee;}
	header#header h1#blog-title{width:200px;height:44px;margin:auto;margin-bottom:0;}
	
	/**************** HOMEPAGE */
	
	#homepage .featured-post{padding-top:10px;}
	#homepage .featured-post ul{margin-right:0;}
	#homepage .featured-post ul li{margin-right:0;width:100%;padding-right:0;}
	
	/**************** SIDEBAR */
	
	aside#sidebar{width:90%;margin:auto;background:#eee;padding:5%;}
	
	/**************** METADATA */
	
	.metadata img{margin-bottom:10px;}
	
	/**************** THE CONTENT */
	
	.the-content iframe{max-width:100%;height:auto;}
	
	/**************** ARCHIVE */
	
	.archive-post ul{margin-right:0;}
	.archive-post ul li{margin-right:0;width:100%;padding-right:0;}
	
	/**************** IMAGE */
	
	.width-global img{max-width:100%!important;height:auto;}
	.the-content img{max-width:100%!important;height:auto;}
	.wp-caption{max-width:100%!important;height:auto;}
	
	/**************** SHARE BUTTON */
	
	#share-button{position:fixed;bottom:0;width:100%;left:0;background:#03A600;}
	#share-button br{display:none;}
	#share-button .share-button{padding-left:0!important;padding:0;padding-top:10px;padding-bottom:10px;margin-right:-4px;width:28%!important;margin-top:0;}
	#share-button .share-button.whatsapp-button{width:29%!important;}
	#share-button .share-button a{text-indent:-9999px;display:block;}
	
	/**************** PAGINATION */
	
	#pagination{margin-bottom:15px;}
	
	/**************** FOOTER */
	
	footer#footer{padding-bottom:60px;}
	footer#footer #footer-navigation ul li{margin-bottom:10px;}
	#toTop{top:10px;height:15px;}
}

/* ####################################################################### 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;}