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


}