/* this css file loaded after the menufication plugin - enqueued the order in function.php */
#leader-wrapper,
#foot-leader{ width: 100%; clear: both; display: block; background: #f1f1f1;}

#leader-wrapper> div,
#foot-leader> div{ width: 728px; margin: 0 auto;}

.home #leader-wrapper iframe, 
.home #foot-leader iframe{ width: 728px; height: 90px ; zoom:1;}
.home #foot-leader{ height: 140px; margin-top: -20px;}

#menufication-page-holder #foot-top{ background-color:#052433;}
.facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; z-index: 99; opacity: 0.6; }

.category .more-nav-contain{ display: none;}

@media screen and (min-width: 989px) and (max-width: 1200px) {  /* category: shrink the nav bar; */
	.category .more-nav-contain{ display: inline-block; width: 80px !important; margin-left: 10px;}	

	.category #category-header-wrap{ margin-right: 5px;}
	.category #nav-in{ margin-right: 20px;}
	.category .main-nav-contain{max-width: 500px !important;}
	.category .main-nav-in{max-width: 500px;}
	.category .menu-main-menu-container .menu{ width:350px; }
	.category #menu-main-menu-1 li:nth-child(6),
	.category #menu-main-menu-1 li:nth-child(7) { display: none;}

	.category .menu-main-menu-container{ display: inline-block; max-width: 320px;}
	.category .main-nav .menu li ul.sub-menu{ width: 300px;}
	.category .main-nav .menu li a{ padding: 24px 13px 24px !important}
}

@media screen and (min-width: 480px) and (max-width: 1024px) {
	@viewport { width:100%; webkit-width:100%; initial-scale:1;  }
	.side-fixed { top: 52px !important;}
	#post-social-wrap{transform:translate3d(0px,0px,0px);}
	#post-social-wrap.social-fixed { top: 52px !important; 
		transform:none;}

	#sidebar-contain { transform:translate3d(0px,0px,0px);}	
	#sidebar-contain.side-fixed { transform:none;}		
}


@media screen and (min-width: 768px) and (max-width: 989px) {

	.archive .widget-full-list-text a, 
	.archive .widget-full-list-text a:visited,
	.search .widget-full-list-text a, 
	.search .widget-full-list-text a:visited{ font-size: 18px; line-height: 23px; }

	.category .widget-full-list-text{ max-height: 258px; overflow: hidden; }
	.search .widget-full-list-text{ max-height: 254px; overflow: hidden; }

	.archive .widget-full-list-text p,
	.search .widget-full-list-text p{ font-size: 16px; line-height: 23px;}
	.category .widget-full-list-text p{ font-size: 16px; line-height: 22px;}
}

/* FTCS-149: keep desktop navigation bar for mobile 989 px and above */
/* menufication setting: only create the menu when the width is less than...989 */

@media only screen and (min-width: 768px) and (max-width: 989px){
	#leader-wrapper {margin-top: 15px; height: 90px; padding-bottom: 0;}

	.stat-container, #page-info,
	#nav-wrap{ display: none; }
}

@media only screen and (min-width:990px) and (max-width: 1023px){
	#nav-wrap, #page-info { display: block; width: 100%; }
	.main-nav-contain{ display: block;}	

	#leader-wrapper {margin-top: 10px; height: 90px; padding-bottom: 0; clear: both;}
}


/* iPad in landscape */
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation : landscape) { 

	/* prevent extra white on the right */
	@viewport { width:1024px; webkit-width:1024px; initial-scale:1;  }

	* { margin: 0; padding: 0;}
	html, body{ width:1024px; margin: 0px;  padding: 0px; max-width: 1024px; overflow-x: hidden; webkit-overflow-scrolling:touch;}
	
	#menufication-page-holder,
	#menufication-inner-wrap,
	#menufication-page-holder,
	#menufication-top,
	#menufication-top center{ width:1024px; max-width: 100%;}

	#wpadminbar,
	#page-info,
    header, #site,  #head-wrap, .head-wrap-out, .head-wrap-in, #leader-wrapper,
    #content-wrapper, #content-out, #content-in, .content-out, .content-in,
    .homepage-containter,  #home-content-wrapper, #home-content-out, #home-content-in,
    .container{  max-width:1024px !important;}

	#leader-wrapper, #site,
	#foot-leader{ width:100%; max-width: 100%; /*overflow: hidden;*/}
	#leader-wrapper > *, #foot-leader > * {/*overflow: hidden;*/}
	#leader-wrapper > iframe, #foot-leader > iframe { /*width:100%; max-width: 100%; overflow-x: hidden;*/ }
    /* end of prevent extra white */

	#nav-wrap { display: block; width: 100%; }	
	#leader-wrapper {margin-top: 80px; height: 90px; padding-bottom: 0;}

	.category #leader-wrapper { margin-top: 0; padding-bottom: 0; }
	.menufication-add-padding,
	.menufication-non-css3-add-padding { padding-top: 0 !important;	}
	
	.author h1.archive-header{ width: 70%; float: right; text-align: left;}
	.author #author-page-box{ width: 30%; float: left;}

	.home #leader-wrapper,
	.home #foot-leader { zoom:1; width: 984px; max-width: 984px;}


	#menufication-page-holder #leader-wrapper.left,
	#menufication-page-holder #leader-wrapper.left{ clear: both; float: none;}
	#menufication-page-holder #foot-wrap.left,
	#menufication-page-holder #foot-leader.left{ float: none; clear: both;}
	
	.search #foot-leader,	
	.single #foot-leader,
	.archive #foot-leader{
		background-color:#f1f1f1;
		padding: 0;	
		margin:5px -45px 0;	
		zoom: document;
	 	-ms-zoom: 0.79;
	 	-moz-transform: scale(0.79);
	 	-o-transform: scale(0.79);
	 	-webkit-transform: scale(0.79);
	 	width: 728px;
	 	height: 90px;		
	}	

	.single #foot-leader{ margin-left:-58px;}		

	/* other settings */	
	.olderpostscontainer-type{ margin-bottom: 0;}

	#content-wrapper{ overflow: scroll;}
	#post-article,
	#post-latest-wrap,
	#post-content-contain{ webkit-overflow-scrolling:touch; overflow-x:none;}
	#sidebar-contain{ right: -361px;}
	.widget-ad{ text-align: left; padding-left: 10px;}
	#post-social-wrap.social-fixed { top: 68px !important; left:20px !important;}

	.category .more-nav-contain{ display: inline-block; width: 80px !important; margin-left: 10px;}	

	.category #category-header-wrap{ margin-right: 5px;}
	.category #nav-in{ margin-right: 20px;}
	.category .main-nav-contain{max-width: 500px !important;}
	.category .main-nav-in{max-width: 500px;}
	.category .menu-main-menu-container .menu{ width:350px; }
	.category #menu-main-menu-1 li:nth-child(6),
	.category #menu-main-menu-1 li:nth-child(7) { display: none;}

	.category .menu-main-menu-container{ display: inline-block; max-width: 320px;}
	.category .main-nav .menu li ul.sub-menu{ width: 300px;}
	.category .main-nav .menu li a{ padding: 24px 13px 24px !important}
}


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

	/* prevent extra white on the right */
	@viewport { width:768px; webkit-width:768px; initial-scale:1;  }

	* { margin: 0; padding: 0; max-width: 768px;}
	html, body{ width:768px; margin: 0px;  padding: 0px; max-width: 768px; overflow-x: hidden;}

	#menufication-page-holder,
	#menufication-inner-wrap,
	#menufication-page-holder,
	#menufication-top,
	#menufication-top center{ display: block; width:768px; max-width: 100%;}

	#wpadminbar,
	#page-info,
    header, #site,  #head-wrap, .head-wrap-out, .head-wrap-in, #leader-wrapper,
    #content-wrapper, #content-out, #content-in, .content-out, .content-in,
    .homepage-containter,  #home-content-wrapper, #home-content-out, #home-content-in,
    .container{  max-width: 768px !important;}

	#leader-wrapper,
	#foot-leader{ width:100%; max-width: 100%;}
	#leader-wrapper > *, #foot-leader > * {/*overflow: hidden;*/}
	#leader-wrapper > iframe, #foot-leader > iframe { /* width:768px; max-width: 768px; overflow-x: hidden;*/ }

	/* end of prevent extra white */

	#nav-wrap { display: none; }
	#leader-wrapper { /*height: 100px; margin-top: 85px;*/}

	#foot-top{ min-height: 180px; text-align: center;}
	ul#menu-footer-menu.menu li{ float: none !important; display: inline-block; line-height: 1.5em; text-align: center;}
	.foot-widget.widget_text{ margin-top: 15px !important;}	
	.iblogounify{ height: 60px;}
	.widget-full-list-text{ max-height: 256px; overflow: hidden;}
	.author h1.archive-header{ width: 70%; float: right; text-align: left;}
	.author #author-page-box{ width: 30%; float: left;}

	#menufication-page-holder,
	.home #foot-leader { zoom:1;}
	.home #foot-leader { height: 140px;}

	#menufication-page-holder #leader-wrapper.left{ clear: both; float: none;}

	.search #menufication-page-holder #head-wrap.left{ margin: 10px auto; clear: both;}
	.single #menufication-page-holder #head-wrap{ margin-top:0 !important;}

	/* for article's footer ad */
	.single #foot-wrap{ background: #fff !important; width: 680px; overflow: visible;}
	.search #foot-leader,
	.single #foot-leader{
		background-color:#052433;
		padding: 0;	
		margin:10px -5%;	
		zoom: document;
	 	-ms-zoom: 0.88;
	 	-moz-transform: scale(0.88);
	 	-o-transform: scale(0.88);
	 	-webkit-transform: scale(0.88);	 
	 	width: 728px;		 			
	}	

	.search #foot-leader{
		margin:10px auto;	 			
	}		

	/* other settings */	
	.olderpostscontainer-type{ margin-bottom: 0;}
	#post-social-wrap.social-fixed { left:20px !important;}

	#menufication-nav,
	#menufication-transform-container,
	#menufication-scroll-container{ height: 2000px;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		}

}


/* responsive for both orientation */
@media only screen and (max-width: 767px) {	
	@viewport { width:100%; webkit-width:100%; initial-scale:1;  }
	* { margin: 0; padding: 0;}
	html, body{ width:100%;  margin: 0px;  padding: 0px; max-width: 100%; overflow-x: hidden; webkit-overflow-scrolling:touch;}

	#site{ width: 100% !important;}

	#leader-wrapper,
	#foot-leader{ padding-left: 5px;}

	/* home page */
	.home #foot-leader { /*zoom:1;*/}
	.home #foot-leader.left{ float: none;}

	.author #menufication-page-holder h1.archive-header{ width: 60%; float: right; text-align: left; }
	.author #menufication-page-holder #author-page-box{ width:35%; float: left; } 

	/* Older Posts */
	.visible-xs-block{ display: inline-block !important;}
	/* other settings */	
	.olderpostscontainer-type{ margin-bottom: 0;}
	#nav-wrap { display: none;}
	#menufication-page-holder #head-wrap.left{ clear: both; float: none;}

	#menufication-nav,
	#menufication-transform-container,
	#menufication-scroll-container{ height: 2000px;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
		}	

}
@media only screen and (max-width: 668px) {	
	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,
	.home #leader-wrapper,
	.home #foot-leader { 
		padding-bottom: 0;
		background: transparent !important;
		zoom: document;
	 	-ms-zoom: 0.75;
	 	-moz-transform: scale(0.75);
	 	-o-transform: scale(0.75);
	 	-webkit-transform: scale(0.75);
	 	margin-top: 0;
	 	margin-bottom: 0;	 	
	 	margin-left:-5%;
	 	width: 735px;
	}
	.home #menufication-page-holder #foot-leader{ height: 120px; margin-top: -20px;}
}
@media only screen and (max-width: 568px) {	
	@viewport { width:100%; webkit-width:100%; initial-scale:1;  }

	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,
	.home #leader-wrapper,
	.home #foot-leader { 
		padding-bottom: 0;
		background: transparent !important;
		zoom: document;
	 	-ms-zoom: 0.75;
	 	-moz-transform: scale(0.75);
	 	-o-transform: scale(0.75);
	 	-webkit-transform: scale(0.75);
	 	margin-top: 0;
	 	margin-bottom: 0;	 	
	 	margin-left:-15%;
	 	width: 735px;
	}	

	#facebox{ max-width: 90%;}
	#facebox .content{width: 320px;}
	#facebox .content table{ width: 320px !important;}
	#facebox .content table tr{ width: 300px;}
	#facebox .content table tr td:first-child{ width: 100px;}
	#facebox .content table tr td:last-child{ width: 200px;}
	#facebox .googleAdBlockHack{ width: 200px !important; height: 5px !important;}
}

/*****************************************/
@media only screen and (max-width : 480px){ 
	#menufication-page-holder #head-wrap,
	.home #head-wrap{ margin: 10px auto;}

	.category #menufication-page-holder  #head-wrap{ margin: 20px auto 10px;}

	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,
	.home #leader-wrapper,
	.home #foot-leader { 
		padding-bottom: 0;
		background: transparent !important;
		zoom: document;

	 	-ms-zoom: 0.54;
	 	-moz-transform: scale(0.54);
	 	-o-transform: scale(0.54);
	 	-webkit-transform: scale(0.54);
	 	margin-top: -10px;
	 	margin-bottom: 0;	 	
	 	margin-left:-39%;
	 	width: 728px;
	
	/*	-ms-zoom: 1;
	 	-moz-transform: scale(1);
	 	-o-transform: scale(1);
	 	-webkit-transform: scale(1);
	 	margin-left:15%;	 	
	 	margin-top: 0;
	 	margin-bottom: 20px;	 	
	 	width: 320px;	 	
	 	width: 100%;
	 	height: 80px;*/	 	
	}
	.home #foot-leader { height: 100px; margin-top: -30px;}

	.author #menufication-page-holder #leader-wrapper,
	.single #menufication-page-holder #leader-wrapper{ margin-bottom: -20px; padding: 0;}
	.author #menufication-page-holder h1.archive-header{ width: 60%; float: right; text-align: left; }
	.author #menufication-page-holder #author-page-box{ width:35%; float: left; } 
	h1.slider-article-title a, 
	h1.feat-article-title a { font-size: 23px;}
}	

/*****************************************/
@media only screen and (max-width : 375px){ 

	.single #head-wrap{ margin-top: -10px; padding-top: 0;}

	#foot-wrap{ max-width: 375px; width: 375px;}

	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,	
	.home #leader-wrapper,
	.home #foot-leader {
		zoom: document;
	 	-ms-zoom: 0.50;
	 	-moz-transform: scale(0.50);
	 	-o-transform: scale(0.50);
	 	-webkit-transform: scale(0.50);
	 	margin-left: -47%;
	 	margin-top: -10px;
	 	margin-bottom: 0;
	 	width: 728px;
	/*
		-ms-zoom: 1;
	 	-moz-transform: scale(1);
	 	-o-transform: scale(1);
	 	-webkit-transform: scale(1);
	 	margin-left:18%;	 	
	 	margin-top: 0;
	 	margin-bottom: 10px;	 	
	 	width: 320px;	 	
	 	width: 100%;
	 	height: 80px;*/
	}	
	.home #menufication-page-holder #foot-leader{ height: 90px; margin-top: -30px;}
}	

/*****************************************/
@media only screen and (max-width : 360px){ 
	#head-wrap, #foot-wrap{ max-width: 100%; width: 100%;}

	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,	
	.home #leader-wrapper,
	.home #foot-leader { 
		-ms-zoom: 0.48;
	 	-moz-transform: scale(0.48);
	 	-o-transform: scale(0.48);
	 	-webkit-transform: scale(0.48);
	 	margin-top: -20px;
	 	margin-left:-52%;
	 	width: 728px;

	/*  	-ms-zoom: 1;
	 	-moz-transform: scale(1);
	 	-o-transform: scale(1);
	 	-webkit-transform: scale(1);
	 	margin-left:18%;	 	
	 	margin-top: 0;
	 	margin-bottom: 10px;	 	
	 	width: 320px; 
	 	height: 80px;*/
	}

	#facebox .content{width: 290px; padding:5px;}
	#facebox .content table{ width: 270px !important;}
	#facebox .content table tr{ width: 270px;}
	#facebox .content table tr td:first-child{ width: 70px;}
	#facebox .content table tr td:last-child{ width: 150px;}

}	

/*****************************************/
@media only screen and (max-width : 320px){ 

	/* home page */
	#menufication-page-holder #head-wrap,
	.home #head-wrap{ margin:0 auto;}

	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,	
	.home #leader-wrapper,
	.home #foot-leader { 
		-ms-zoom: 0.42;
	 	-moz-transform: scale(0.42);
	 	-o-transform: scale(0.42);
	 	-webkit-transform: scale(0.42);
	 	margin-top: 0;
	 	margin-left:-64%;
	 	width: 728px; 
	 	height: 90px; 
 
	 /*	-ms-zoom: 1;
	 	-moz-transform: scale(1);
	 	-o-transform: scale(1);
	 	-webkit-transform: scale(1);
	 	margin-left:10px;	 	
	 	margin-top: 0;
	 	margin-bottom: 10px;	 	
	 	width: 320px; 
	 	height: 80px;*/
	}
	#menufication-page-holder #foot-leader,	
	.home #foot-leader { margin-top: -20px;	}

	.home #menufication-page-holder #foot-leader{ height: 90px; margin-top: -30px;}

	.single #menufication-page-holder #head-wrap{ margin-bottom: -40px; padding: 0;}
	.author #menufication-page-holder h1.archive-header{ width: 55%;}
	.author #menufication-page-holder #author-page-box{ width:40%;} 
	h1.slider-article-title{ max-height: 98px;}
	
}
/*****************************************/
/*             landscape only            */
/*****************************************/
@media only screen and (max-width : 480px) and (orientation : landscape) { 

	#foot-wrap,  #head-wrap{ width: 100%; max-width: 100%; clear: both; display: block;}

	#menufication-page-holder #leader-wrapper,
	#menufication-page-holder #foot-leader,	
	.home #leader-wrapper,
	.home #foot-leader { 
		-ms-zoom: 0.62;
	 	-moz-transform: scale(0.62);
	 	-o-transform: scale(0.62);
	 	-webkit-transform: scale(0.62);
	 	margin-top: -10px;
	 	margin-left:-27%;
	 	width: 728px; 
	 	height: 90px; 
 
	}	


}