/*-----------------------------------------------
/* @media queries 
/*---------------------------------------------*/
#page, .container { max-width: 1124px; }
.secondary-navigation, footer { display: block; }
/*-[ Responsive Navigation ]--------------------------------*/
#mobile-menu-wrapper {
    -ms-transform: translate(-300px,0);
    -webkit-transform: translate(-300px,0);
    transform: translate(-300px,0);
}
.mobile-menu, .mobile-menu #navigation .menu-icon-item { display: none }
@media screen and (max-width:1300px) { 
	.shareit {
	    position: relative!important;
	    width: 100%!important;
	    top: 0!important;
	    padding-left: 0!important;
	    padding-right: 0!important;
	    margin: 0!important;
	    padding-top: 10px!important;
	    border: none !important;
	}
}
@media screen and (max-width:1124px) { 
	.mobile-menu .container { max-width: 100%; }
	.main-container, .container { max-width: 96% }
	.main-header .container { width: 100% }
	.sticky-nav {
	   /* width: 96%; */
	   /*  left: 2%; */
	   /* right: 2%; */
	}
	#move-to-top {
	    margin-right: 0;
	    right: 2%;
	}
}
@media screen and (max-width:960px) { 
	.ad-300 img { max-width: 100% }
	.ad-125 img {
	    padding: 0;
	    border: 0;
	}
	.widgets-num-4 .f-widget {
	    width: 29.5%;
	    margin-right: 5.75%;
	}
	.widgets-num-4 .f-widget-3 { margin-right: 0 }
}
@media screen and (max-width:865px) { 
	.mobile-menu { display: block }
	#catcher { height: 0!important }
	.home-menu-item, #mobile-menu-wrapper .header-search .fa-search, #mobile-menu-wrapper .mts-cart { display: none !important }
	.header-search .fa-search {
	    width: 42px;
	    line-height: 42px;
	}
	.header-search #s { padding: 9px }
	.header-search #s.active { top: 42px }
	.header-search #s, .header-search .ajax-search-results-container {
	    width: 100%;
	    max-width: 100%;
	}
	.header-search .ajax-search-results-container { top: 84px }
	.mts-cart {
	    text-align: center!important;
	    float: left;
	    display: block;
	    line-height: 1;
	    padding: 20px;
	    color: initial;
	    z-index: 0;
	}
	.mts-cart a { color: inherit!important }
	/* Menu */
	#mobile-menu-wrapper {
	    display: block;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 300px;
	    height: 100%;
	    background: #444;
	    -ms-transform: translate(-300px,0);
	    -webkit-transform: translate(-300px,0);
	    transform: translate(-300px,0);
	    -webkit-transition: -webkit-transform 500ms ease;
	    transition: transform 500ms ease;
	    -webkit-backface-visibility: hidden;
	}
	.admin-bar #mobile-menu-wrapper {
	    top: 32px;
	    padding-bottom: 32px;
	}
	#mobile-menu-wrapper .mobile-menu {
	    display: block;
	    position: relative;
	    width: 100%;
	    height: 100%;
	    overflow: auto;
	    text-transform: uppercase;
	}
	/* Menu transition */
	.mobile-menu-active #mobile-menu-wrapper {
	    -ms-transform: translate(0,0);
	    -webkit-transform: translate(0,0);
	    transform: translate(0,0);
	}
	.mobile-menu-active .main-container-wrap {
	    -ms-transform: translate(300px,0);
	    -webkit-transform: translate(300px,0);
	    transform: translate(300px,0);
	}
	.main-container-wrap {
	    -webkit-transition: -webkit-transform 500ms ease;
	    -moz-transition: -moz-transform 500ms ease;
	    -o-transition: -o-transform 500ms ease;
	    transition: transform 500ms ease;
	}
	/* .... */
	#mobile-menu-wrapper .menu {
	    background: none;
	    display: block;
	}
	#mobile-menu-wrapper ul li {
	    width: 100%;
	    display: block;
	}
	#mobile-menu-wrapper nav ul.social-links { width: 100% }
	#mobile-menu-wrapper nav ul.social-links li {
	    display: inline-block;
	    width: 16.66% !important;
	    border-left: 0px none !important;
	}
	#mobile-menu-wrapper nav ul.social-links li a {
	    text-align: center !important;
	    line-height: 40px;
	    padding: 0;
	    border-right: 1px solid rgba(0, 0, 0, 0.2)!important;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
	}
	#mobile-menu-wrapper #navigation { background: #f00000 }
	#mobile-menu-wrapper #navigation ul li:hover, #mobile-menu-wrapper #navigation ul li:hover a { background: none }
	#mobile-menu-wrapper ul li a, #mobile-menu-wrapper #navigation ul ul a {
	    padding: 9px 20px;
	    width: 100%;
	    border: none;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	#mobile-menu-wrapper #navigation ul ul {
	    display: block;
	    position: static;
	    width: 100%;
	    border: none;
	}
	#mobile-menu-wrapper #navigation ul ul li {
	    background: none;
	    width: 100%;
	}
	#mobile-menu-wrapper ul a:after { content: "" !important }
	.primary-navigation, .secondary-navigation {
	    border: none !important;
	    background: transparent;
	}
	.primary-navigation, .secondary-navigation, .mts-cart {
	    width: 100%;
	    position: relative!important;
	    left: 0;
	    right: 0;
	}
	#navigation .menu a {
	    color: #fff!important;
	    background: transparent;
	}
	#navigation .menu {
	    float: none;
	    background: transparent;
	}
	#navigation ul ul {
	    display: block!important;
	    visibility: visible!important;
	    opacity: 1!important;
	    position: relative;
	    left: 0!important;
	    border: 0;
	    width: 100%;
	}
	#navigation ul li li {
	    background: transparent;
	    border: 0;
	}
	nav { height: auto }
	.main-container-wrap nav ul {
	    width: 100%;
	    display: none;
	    height: auto;
	}
	nav li, #navigation ul li li {
	    width: 100%!important;
	    float: left;
	    position: relative;
	}
	#navigation ul li:after { display: none }
	#mobile-menu-wrapper ul li a:hover { background: transparent }
	#navigation ul li:before { display: none }
	nav li a {
	    border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
	    width: 100%!important;
	}
	nav a {
	    text-align: left;
	    width: 100%;
	}
	nav a.toggle-mobile-menu {
	    display: block;
	    width: 100%;
	    position: relative;
	    color: #f00000;
	    padding: 10px 0;
	    text-align: center;
	    z-index: 1;
	}
	.mobile-menu #navigation a.toggle-mobile-menu {	   
	    width: 100%; color: #fff; background: #f00000; border-bottom: 1px solid rgba(0, 0, 0, 0.2) }
	nav a.toggle-mobile-menu:after {
	    font-family: FontAwesome;
	    content: "\f0c9";
	    position: absolute;
	    left: 20px;
	    top: 0;
	    font-size: 21px;
	    line-height: 42px;
	}
	.tab-menu-nav ul.nav-populer li.tag { float:left; }
	.mixed.latestPost { width:100%; }
	h3 { font-size:18px!important;}
	/* Menu Network */
	#mobile-network-wrapper {
	    display: block;
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 300px;
	    height: 100%;
	    background: #fff;
		border-left: 1px solid #f1f1f1;
		border-bottom: 5px solid #f00000;		
	    -ms-transform: translate(300px,0);
	    -webkit-transform: translate(300px,0);
	    transform: translate(300px,0);
	    -webkit-transition: -webkit-transform 500ms ease;
	    transition: transform 500ms ease;
	    -webkit-backface-visibility: hidden;
	}
	.mobile-network-active #mobile-network-wrapper {
	    -ms-transform: translate(0,0);
	    -webkit-transform: translate(0,0);
	    transform: translate(0,0);
	}
	.mobile-network-active .main-container-wrap {
	    -ms-transform: translate(-300px,0);
	    -webkit-transform: translate(-300px,0);
	    transform: translate(-300px,0);
	}
	.main-container-wrap {
	    -webkit-transition: -webkit-transform 500ms ease;
	    -moz-transition: -moz-transform 500ms ease;
	    -o-transition: -o-transform 500ms ease;
	    transition: transform 500ms ease;
	}
	.mobile-network li.tnet {
		float:none!important;
	}
	.mobile-network li.tnet i {
		color: #fff;
		float: left;
		font-size: 22px;
		padding: 11px 11px 7px 25px;
	}
	.mobile-network li.tnet span {
		width: 100%;
		display: block;
		color: #fff;
		font-size: 18px;
		font-weight:600;
		padding: 9px 20px 4px 25px;
		background: #13479D;
		border-bottom: 5px solid #f00000;
	}
	.mobile-network li .sub-menu{
		margin-top:10px;
		margin-left:10px;
	}
	.mobile-network li .sub-menu li{
		padding-top:5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ddd;
	}
	.mobile-network li .sub-menu li a{
		font-size:14px;
	}
	/* .... */
} 
@media screen and (max-width:830px) { 
	.article { width: 100% }
	#content_box {
	    padding-right: 0px;
	    padding-left: 0px!important;
	}
	.sidebar.c-4-12 { 
		display:none;
	    float: none;
	    width: 100% !important;
	    margin: 0 auto;
	    padding-left: 0;
	    padding-right: 0;
	    overflow: hidden;
	    max-width: 345px;
}
	.featured-section-2-full-width-2 .featured-section-2-2 .post-box { width: 50%!important }
	.featured-section-2-full-width-1 .featured-section-2-1 .post-box { width: 100%!important }
	.featured-section-2-full-width-1 .featured-section-2-1 .vertical-small .post-img, .featured-section-2-full-width-1 .featured-section-2-1 .vertical-small .post-data { width: 50%!important }
	.featured-section-2-full-width-1 .featured-section-2-1 .post-data { padding-bottom: 25.64% }
	.featured-section-2-full-width-1 .featured-section-2-1 .post-box { margin-bottom: 10px !important }
	.featured-section-2-full-width-1 .featured-section-2-1 .post-data { float: right }
	.featured-section-2-full-width-1 .featured-section-2-1 .post-data-container { margin: 15% 20px !important }
}
@media screen and (min-width: 424px) and (max-width: 830px) { 
	.featured-section-2-full-width-1 .featured-section-2-1 .post-data:after, .featured-section-2-full-width-1 .featured-section-2-1 .vertical-small.image-bottom .post-data:after {
	    border-width: 10px 14px 10px 0;
	    border-color: transparent #444;
	    margin-top: -10px;
	    left: -14px;
	    /*top: 45px;*/
	    top: 25%;
	    bottom: auto;
	}
}
@media screen and (max-width:782px) { 
	.admin-bar #mobile-menu-wrapper {
	    top: 46px;
	    padding-bottom: 46px;
	}
	.admin-bar .pace .pace-progress { top: 46px }
	html .mobile-menu-active #wpadminbar { left: 300px!important }
	.main-container, .container { width:auto;  }
	.secondary-navigation .container { padding:0; }
}
@media(min-width: 768px)  { 
	.main-header .container { width: 100% }
	footer .container { width: 100% }
}
@media screen and (max-width:776px) { 
	.main-header .container { width: 100% }
	#header h1, #header h2, .site-description {
	    float: none;
	    text-align: center;
	    width: 100%;
	    max-width: 100%;
	    padding: 0;
	}
	#header h1, #header h2 { font-size: 40px }
	.site-description { margin-top: 0 }
	#logo a, #logo img {
	    float: none;
	    letter-spacing: 0;
	}
	.logo-wrap, .widget-header {
	    width: 100%;
	    float: left;
	    display: block;
	}
	.widget-header form#searchform { float: none; margin: 10px auto 0;}
	#header .ad-728 { margin-top: 5% }	
	.main-header .iklan-item {
		left: 0;
		bottom: -5px;
		z-index:5;
		background-color: #fff;
		position: fixed;
		width: 100%;
	}
	.fixed .closebot {
		text-align: right;
		position: absolute;
		right: 0;
		cursor: pointer;
		top: -30px;
		z-index:10;
	}
}
@media screen and (max-width:720px) { 
	.main-header .container { width: 100% }
	.secondary-navigation a {
	    padding-top: 10px!important;
	    padding-bottom: 10px!important;
	}
	.f-widget, .widgets-num-4 .f-widget {
	    width: 44%;
	    margin-right: 5.75%;
	}
	.f-widget-2 { margin-right: 0 !important }
	.f-widget-3 { clear: left; }
	#comments { margin-right: 0 }
	.widget-header .textwidget {
	    margin-top: 0;
	    padding-left: 0;
	    border-left: none;
	}
	.featured-section-1-full-width-2 .featured-section-1-2 .slider-container, .featured-section-1-full-width-2 .featured-section-1-2 .static-posts { width: 100% }
	.featured-section-1-full-width-2 .featured-section-1-2 .post-box { width: 50% }	
	footer .col-md-2 { width:29.5%; float:left; }
	footer .col-md-10 { width:70%; float:right; }
}
@media screen and (max-width:640px) { nav { border-bottom: 0 }	
	.main-container, .container { max-width: 100% } 
	.main-container{ padding-top:50px; } 
	.main-header { position:fixed; float:none; z-index:4; }
	.main-header { height:45px; background:#fff; border-bottom:1px solid #f00000; }        
	.main-header .container { }
	.secondary-navigation .container { background:none; }
	.is_stuck { top: 45px!important; }
	nav a.toggle-mobile-network {
	    display: block;
	    position: absolute;
	    top: 0px;
		right: 10px;
		width: 50px;
	    color: #f00000;
	    padding: 10px 0;
	    text-align: center;
	    z-index: 36;
	}
	.mobile-menu-active .mobile-menu #navigation a.toggle-mobile-network { display:none; }
	.mobile-menu #navigation a.toggle-mobile-network { border-bottom: 1px solid rgba(0, 0, 0, 0.2) }
	nav a.toggle-mobile-network:after {
	    font-family: FontAwesome; 
	    content: "\f00a";
	    position: absolute;
	    left: 20px;
	    top: 0;
	    font-size: 21px;
	    line-height: 42px;
	}
	#navigation {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.secondary-navigation {
	    width: 100%;
	    height: 35px;
	}
	#slider { margin-bottom:55px }
	.slides .image-container{ max-height:180px; overflow:hidden;	}
	.flex-direction-nav li a { right:0; top:50%; bottom:auto; }
	.flex-direction-nav li:first-child a { left:0; }
	.flex-caption { 	bottom: -55px; 	}
	.slidertitle { font-size: 14px; background:#333; }
	.sliderdate { display: none; }
	.vertical .post-img, .vertical .post-data { width: 100%; }
	.related-posts li {
	    width: 100%!important;
	    float: left!important;
	    max-width: 100%;
	}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	    width: 100%;
	    margin-right: 0;
	}
	.search  .title.post-title a,
	.tag .title.post-title a,
	.cat-page .title.post-title a { 
		line-height: 14px;
		font-size: 15px;
	}
	span.thetime {
		display:none;
	}
	.single_post .thetime {
		display:block;
	} 
	span.thetime.mobile {
		display:block;
		color: #919191;
		font-size: 12px;
	}
	.copyrights { text-align: center }
	#copyright-note > span { width: 100% }
	#copyright-note .right {
	    margin-right: 0;
	    float: none;
	}
	.top { width: 100% }
	#cancel-comment-reply-link {
	    margin-bottom: 0;
	    margin-top: -43px;
	}
	ul.fs-category-filter {
	    width: 100%;
	    text-align: center;
	}
	.fs-pagination { text-align: center }
	ul.fs-category-filter li {
	    float: none;
	    display: inline-block;
	    margin-bottom: 1px;
	}
	.fs-pagination { width: 100% }
	.fs-pagination a {
	    float: none;
	    display: inline-block;
	}
	#featured-section-2 .featured-section-title, .featured-section-title {
	    width: 100%;
	}
	.hentry .entry-title {
		font-size: 20px;
		line-height: 1.1;
	}
	.mixed.latestPost { width:100%; }
	.tab-menu-nav ul.nav-populer li.tag { width:100%; } 
	.vertical-small .post-data{ margin-top:0px; margin-bottom:10px; }
	.post-box.latestPost.mixed.vertical-small  .post-excerpt,
	.post-box.latestPost.mixed.horizontal-small.full .post-excerpt { display:none; } 
	.mixed.latestPost { width:100%; }
	.post-box.latestPost.mixed.horizontal-small.full .post-img { width: 29.6%; }
	footer .bgred{ overflow: hidden; }
	footer .col-md-2 { position:absolute; width:100%; opacity:0.5; text-align:center; }
	footer .col-md-2  img{ display:inline-block; }
	footer .col-md-10 { width:100%; float:right; z-index:3; }
	ul#menu-footer { padding: 20px 0 10px 0;}
	.pagination a { padding:5px; font-size:12px; }
	.currenttext, .pagination a:hover, .single .pagination a:hover .currenttext { padding:5px; font-size:12px; }
	#menu-foot li { float:none; } 
	#menu-foot li a { font-size:13px; margin:0; border-left:0;}
	.right { float: none; }
	li.search.menu-item { display:none!important; } 
	.search-mobile { display:block; margin-bottom:10px; }
	#header .header-inner .logo-wrap .image-logo{ display:none; }
	#header h1.image-logo-mobile, #header h2.image-logo-mobile {
		display: block;
		z-index: 30;
		position: absolute;
		top: -1px;
		left: 0;
		right: 0;
		text-align: center;
		width: 100%;
		line-height:0.9;
	}
	#header h1.image-logo-mobile a, #header h2.image-logo-mobile a {background:#fff; text-align: center; width: 220px; display:inline-block; }
	nav a.toggle-mobile-menu { 
		width:55px; 
		z-index: 35;
	}
	.tab-menu-nav ul.nav-populer li.tag a {font-size: 13px;}
	.rl-posts { margin-top:0px; }
}
/*dark checker small*/
@media screen and (max-width:560px) { 
	#content_box .dark .post-box, .featured-section-2-1 .post-box { width: 100%!important }
	#content_box .dark .vertical-small .post-img, #content_box .featured-section-2-1 .post-img, #content_box .dark .vertical-small .post-data, #content_box .featured-section-2-1  .post-data { width: 50%!important }
	#content_box .dark .post-data, #content_box .featured-section-2-1 .post-data { padding-bottom: 46.15% }
	#content_box .dark .post-box, #content_box .featured-section-2-1 .post-box { margin-bottom: 10px !important }
	#content_box .dark .post-data, #content_box .featured-section-2-1 .post-data { float: right }
	#content_box .dark .post-data:after, #content_box .featured-section-2-1 .post-data:after {
	    border-width: 10px 14px 10px 0;
	    border-color: transparent #444;
	    margin-top: -10px;
	    left: -14px;
	    top: 25%;
	    bottom: auto;
	}
	.dark .post-data-container { margin: 15% 20px !important }
}
@media screen and (max-width:550px) { 
	.sbutton { float: right }
	.f-widget, .widgets-num-4 .f-widget {
	    float: none;
	    width: 100%;
	    margin: 0 auto !important;
	    max-width: 345px;
	}
}
@media screen and (max-width:480px) { 
	nav { border-bottom: 0 }	
	.main-container, .container { max-width: 100% } 
	.main-container{ padding-top:50px; } 
	.main-header { position:fixed; float:none; z-index:4; }
	.main-header { height:45px; background:#fff; border-bottom:1px solid #f00000; }        
	.main-header .container { }
	.secondary-navigation .container { background:none; }
	.is_stuck { top: 44px!important; }
	nav a.toggle-mobile-network {
	    display: block;
	    position: absolute;
	    top: 0px;
		right: 10px;
		width: 50px;
	    color: #f00000;
	    padding: 10px 0;
	    text-align: center;
	    z-index: 36;
	}
	.mobile-menu-active .mobile-menu #navigation a.toggle-mobile-network { display:none; }
	.mobile-menu #navigation a.toggle-mobile-network { border-bottom: 1px solid rgba(0, 0, 0, 0.2) }
	nav a.toggle-mobile-network:after {
	    font-family: FontAwesome; 
	    content: "\f00a";
	    position: absolute;
	    left: 20px;
	    top: 0;
	    font-size: 21px;
	    line-height: 42px;
	}
	#navigation {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.secondary-navigation {
	    width: 100%;
	    height: 35px;
	}
	#slider { margin-bottom:70px }
	.slides .image-container{ max-height:180px; overflow:hidden;	}
	.flex-direction-nav li a { right:0; top:50%; bottom:auto; }
	.flex-direction-nav li:first-child a { left:0; }
	.flex-caption { 	bottom: -70px; 	}
	.slidertitle { line-height: 1.2; font-size: 22px; background:#333; font-weight:normal;}
	.sliderdate { display: none; }
	.vertical .post-img, .vertical .post-data { width: 100%; }
	.related-posts li {
	    width: 100%!important;
	    float: left!important;
	    max-width: 100%;
	}
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	    width: 100%;
	    margin-right: 0;
	}
	.cat-page .title.post-title a {
		line-height: 14px;
		font-size: 15px;
	}
	span.thetime {
		display:none;
	}
	.single_post .thetime {
		display:block;
	} 
	span.thetime.mobile {
		display:block;
		color: #919191;
		font-size: 12px;
	}
	.copyrights { text-align: center }
	#copyright-note > span { width: 100% }
	#copyright-note .right {
	    margin-right: 0;
	    float: none;
	}
	.top { width: 100% }
	#cancel-comment-reply-link {
	    margin-bottom: 0;
	    margin-top: -43px;
	}
	ul.fs-category-filter {
	    width: 100%;
	    text-align: center;
	}
	.fs-pagination { text-align: center }
	ul.fs-category-filter li {
	    float: none;
	    display: inline-block;
	    margin-bottom: 1px;
	}
	.fs-pagination { width: 100% }
	.fs-pagination a {
	    float: none;
	    display: inline-block;
	}
	#featured-section-2 .featured-section-title, .featured-section-title {
	    width: 100%;
	}
	.hentry .entry-title {
		font-size: 20px;
		line-height: 1.1;
	}
	.mixed.latestPost { width:100%; }
	.tab-menu-nav ul.nav-populer li.tag { width:100%; } 
	.vertical-small .post-data{ margin-top:0px; margin-bottom:10px; }
	.post-box.latestPost.mixed.vertical-small  .post-excerpt,
	.post-box.latestPost.mixed.horizontal-small.full .post-excerpt { display:none; } 
	.mixed.latestPost { width:100%; }
	.post-box.latestPost.mixed.horizontal-small.full .post-img { width: 29.6%; }
	footer .bgred{ overflow: hidden; }
	footer .col-md-2 { position:absolute; width:100%; opacity:0.5; text-align:center; }
	footer .col-md-2  img{ display:inline-block; }
	footer .col-md-10 { width:100%; float:right; z-index:3; }
	ul#menu-footer { padding: 20px 0 10px 0;}
	.pagination a { padding:5px; font-size:12px; }
	.currenttext, .pagination a:hover, .single .pagination a:hover .currenttext { padding:5px; font-size:12px; }
	#menu-foot li { float:none; } 
	#menu-foot li a { font-size:13px; margin:0; border-left:0;}
	.right { float: none; }
	li.search.menu-item { display:none!important; } 
	.search-mobile { display:block; margin-bottom:10px; }
}
@media screen and (max-width:360px) { 
	#header .header-inner .logo-wrap .image-logo{ display:none; }
	#header h1.image-logo-mobile, #header h2.image-logo-mobile {
		display: block;
		z-index: 30;
		position: absolute;
		top: -1px;
		left: 0;
		right: 0;
		text-align: center;
		width: 100%;
		line-height:0.9;
	}
	#header h1.image-logo-mobile a, #header h2.image-logo-mobile a {background:#fff; text-align: center; width: 220px; display:inline-block; }
	nav a.toggle-mobile-menu { 
		width:55px; 
		z-index: 35;
	}
	.tab-menu-nav ul.nav-populer li.tag a {font-size: 13px;}
	.rl-posts { margin-top:0px; }
}