@media only screen and (max-width: 1167px) {
	* {box-sizing: border-box;}
	
	body > header #logo, body > header nav, body > header #visit {opacity: 1; transition: none;}
	body > header {height: 110px; padding: 15px; transition: none;}
	body > header .inner {width: 100%; height: auto; position: relative;}
	body > header #logo {display: inline-block; height: 80px; position: static;}
	body > header #logo img {width: auto; height: 100%;}
	body > header nav {height: auto; padding: 15px; background: #000; border-bottom: 5px solid #fff; box-shadow: 0 9px 9px #000; top: 95px; left: -15px; right: -15px;}
	body > header nav > ul > li {height: auto; float: none;}
	body > header nav > ul > li > a {height: auto; line-height: normal; padding: 15px 0;}
	body > header nav > ul > li > a:hover,
	body > header nav > ul > li:hover > a {color: #fff !important; background: rgba(0,0,0,0) !important;}
	body > header nav > ul > li.on > a, 
	body > header nav > ul > li.current-menu-item > a, 
	body > header nav > ul > li.menu-item-has-children.current-menu-item > a, 
	body > header nav > ul > li.menu-item-has-children.current-page-ancestor > a, 
	body > header nav > ul > li.menu-item-has-children.current-menu-parent > a, 
	body > header nav > ul > li.menu-item-has-children > a:hover, 
	body > header nav > ul > li.menu-item-has-children:hover > a {color: #fff; background: transparent url(images/bg-arrow-down.png) 100% 0 no-repeat;}
	body > header nav > ul > li > a + i {display: none !important;}
	body > header nav > ul > li div,
	body > header nav > ul > li:hover div {height: auto; padding: 0; opacity: 1; position: static; transition: none;}
	body > header nav > ul > li div ul {display: inherit; margin: 0;}
	body > header nav > ul > li div ul li a {padding: 10px 15px;}
	
	.nav_switch_label {display: block; width: 40px; height: 40px; background: #fff url(images/btn-drag.png) 50% 50% no-repeat; border-radius: 50%; cursor: pointer; position: absolute; right: 0; bottom: 0;}
	.nav_switch + nav {display: none;}
	.nav_switch:checked + nav {display: block;}
	
	.social-top {width: 114px; top: 0; right: 0;}
	#visit {display: none;}
	
	body > footer {padding: 15px;}
	body > footer .inner {width: 100%;}
	#logoFooter {position: static;}
	.footerSection, .footerSection.wideSection {width: 100%; margin: 15px 0; padding: 0; float: none;}
	.footerSection ul li + li {margin-top: 10px;}
	.contactNews {width: 100%; float: none;}
	.copyright {text-align: center;}
	.social {margin-top: 15px; text-align: center; position: static;}
	.social li {margin: 0 20px;}
	
	#page {width: 100%; margin: 0; padding: 0 15px;}
	.row {height: auto;}
	.half {width: 100%;}
	.half > img {display: none;}
	.showArticle {height: auto; margin-bottom: 15px; padding: 15px 15px 15px 105px; overflow: hidden; position: relative;}
	.showArticle > img {width: 75px; height: 75px; border-radius: 50%; overflow: hidden; position: absolute; top: 15px; left: 15px;}
	.showArticle .info {width: 100%; height: auto; padding: 0;}
	.showArticle > img + .info {width: 100%;}
	.showArticle .info .catName {height: auto; margin-bottom: 12px; padding-bottom: 15px; line-height: 1.2;}
	.showArticle .info h2 br {display: none;}
	.showArticle .info .more {display: inline-block; position: static; float: right;}
	
	.post.invert {padding: 15px;}
	.invertContent {margin-bottom: 20px; padding-left: 115px; position: relative;}
	.invertContent > img {width: 100px; height: 100px; position: absolute; top: 0; left: 0;}
	.articleContent {width: 100%; padding: 0; font-size: 14px; float: none;}
	.articleContent .acFull {text-align: left;}
	.invertContent > .articleContent:first-child {width: auto; margin-left: -115px;}
	.articleContent h2 {font-size: 24px;}
	.articleContent h3 {font-size: 16px;}
	
	.addedPic {width: 100%; height: 120px; margin: 0 0 20px; float: none;}
	.addedPic img {width: 100%; height: auto;}
	.addedPic + .extraWrap {width: 100%; float: none;}
	
	.brands-categ {width: 100%; float: none;}
	.brands-categ li a {padding: 5px 10px;}
	.brands-posts {width: 100%; float: none;}
	.brand_feed {width: 100%; margin: 0 0 20px; padding: 0; overflow: hidden; float: none;}
	.brand-logo {width: 100%; text-align: center;}
	.brand-logo img {margin: 0 auto;}
	.brand-logo span, .brand-logo:hover span {display: none;}
	.brand_excerpt {height: auto;}
	.go_to_brand {display: inline-block; position: static; float: right;}
	
	.category_title {padding-top: 40px;}
	.brand_content {width: 100%; float: none;}
	.brand_tags li {margin: 0 9px 9px 0;}
	.brand_slider_box {width: 100%; height: auto;}
	.brand_slider li {height: auto;}
	.bx-pager.bx-default-pager {text-align: center; left: 15px; right: 15px; bottom: 15px;}
	
	.scrollBox {margin: 0 0 30px;}
	.scrollBox, .jspContainer, .jspPane {width: 100% !important; height: auto;}
	
	.content {width: 100%;}
	.portofolioSlider {height: auto; overflow: hidden;}
	.portofolioSlider .pSliderHolder {width: 100%; height: auto;}
	.portofolioSlider .pSlider {height: auto;}
	.portofolioSlider .pSlider li {width: 100%; height: 0; padding-top: 150px; overflow: hidden; position: relative;}
	.portofolioSlider .pSlider li img {width: 100%; height: auto; min-width: inherit; min-height: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.pSMask {display: none;}
	
	.post .titleBox {width: 100%; float: none;}
	.third {width: 100%; float: none;}
	.third + .third {width: 100%; padding-left: 0;}
	
	.navigation > div {max-width: 100%;}
	.wp-pagenavi a, .wp-pagenavi span {padding: 3px 7px;}
	
	.blog-single-xws .entry img {max-width: 100%; height: auto;}
	
	.contentContact {padding: 15px;}
	.contentContact .entry {width: 100%; float: none;}
	.wpcf7-form {width: 100%;}
	.wpcf7-text, .wpcf7-select, .wpcf7-textarea {width: 100%;}
	.wpcf7-submit {width: 100%; float: none;}
	.contentContactInfo {width: 100%; padding: 0; float: none;}
	span.wpcf7-not-valid-tip {font-size: .8em;}
	div.wpcf7-response-output {font-size: .8em;}
}