.menu-toggle{ background:url(../images/menu_toggle.png) no-repeat 98% center; cursor:pointer; color:#fff; text-align:left; width:100%; text-transform:uppercase; padding:5px 0; display:none;}



@media only screen and (max-width: 1410px) {
	footer #logo { float: left; }
	footer .center { float: right; text-align: right; }
	footer .center nav li:last-child a { margin-right: 0; }
	footer .social { clear: both; float: none; text-align: center; }
	footer .social br { display: none; }
	footer .social a.call { display: block; margin-bottom: 1em; }
	footer .social a.mail-link { display: none; }
}


@media only screen and (max-width: 1400px) {

	h1 { font: 50px/60px 'oswald_regularregular' }
	h2 { font: 36px/44px 'oswald_regularregular' }
	h3 { font: 32px/38px 'oswald_regularregular' }
	
	.wrapper, .barton .woocommerce-page .entry-header, .barton .woocommerce-page .entry-content, .woocommerce-wrapper { width: 90%; }
	.woocommerce-page .woocommerce-wrapper #primary,
	.woocommerce-page .woocommerce-wrapper #secondary { float: none; width: auto; padding-right: 0; padding-left: 0; }

 
	header .social { padding: 30px 0 0; }
	header .social a.shop { font-size: 0.75em; margin-top: -1px; }
	header #logo { width: 150px; margin-top: 10px; }
	header nav { width: auto; display: block; }
	header .social { width: auto; }
	header .social-icons:before { display: none; }
	header nav { margin-top: 1em; }
	header nav ul li a { padding: 20px 15px; font-size: 14px;}
	
	header .social .nav-store { display: none; }
	header nav .nav-store a.cart span { display: none; }

	header nav { display: none; }
	.toggle { float:right; display:inline-block; width:35px; height:30px; margin:23px 0 0 15px; cursor: pointer; position: relative; z-index: 999; }
	.toggle span { float:left; width:100%; background-color: #000; height:2px; margin-bottom: 6px; }
	header nav { margin-top: 0; position: fixed; top:0; left:0; width:100%; height:100%; z-index: 9;}
	header nav:after { content: ""; width:100%; height:100%; position: absolute;top:0; left:0; background:rgba(0,0,0,0.9) ; z-index: 0;  }
	header nav ul { position: relative; z-index: 99; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
	header nav ul li { width:100%; }
	header nav ul li.nav-mobile { display: inline-block; }
	header nav ul li a { color:#fff; width:auto; }
	
	header nav .nav-store { display: block; position: absolute; top: 50%; z-index: 99; width: 100%; }
	header nav .nav-store a { display: block; padding: 20px 15px; font-size: 14px; line-height: 24px; text-transform: uppercase; color: #fff; }
	header nav .nav-store a.shop { background: #c80f00; width: 200px; margin: 0 auto; padding: .625em .75em; }
	header nav .nav-store a.shop:hover { background: #a51307; }
	header nav .nav-store a.shop:before { content: ""; display: inline-block; background: url('../images/shopping-cart.png'); width: 20px; height: 20px; margin-right: 0.5em; margin-bottom: -.25em; }
	header nav .nav-store a.cart { background: #FFF url('../images/shopping-cart-red.png') 18px center no-repeat; display: inline-block; padding-left: 30px; width: 200px; color: #000; padding: 10px 15px; margin-top: 5px; }
	header nav .nav-store a.cart:hover { background-color: #d0d0d0; color: #000; }
	header nav .nav-store .cart-items { display: none !important; left: -9999px !important; }
	.header-spacer { height: 145px; }


	.close{ position: relative; }
	.close span{ background-color: #fff; position: absolute; top:50%; left:0; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }
	.close span:nth-child(2n){ display: none; }
	.close span:last-of-type{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);  -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; }

	
	.center { float: right; text-align: right; padding-left: 10px; }
	.center nav ul { padding: 5px 0 0 ;}
	.center nav ul li:last-of-type a { margin-right: 0; }

	.product-gallery li{ width:16.66%; }
	.right-box form h3{ font-size: 28px; line-height: 36px; }
	.right-box form input[type="text"], form input[type="tel"], form input[type="email"], select, textarea { font-size: 16px; }
	.left-box .tel{ font-size: 32px; }
	
	.banner-title p{ font-size: 24px; line-height: 36px; }
	
	.button{ font-size: 18px; }
	.inner h1{ font-size: 32px; }
	.inner h1 span{ padding:25px 18px 20px; }
	.left-box .tel{ margin-bottom: 15px; }
	.left-box .mail{ font-size: 16px; }
	.left-box .social-list{ padding:20px 0 13px; }
	#logo > img{ max-height: 85px; }
	.center nav ul{ padding: 15px 0; }
	footer .social{ padding-top:15px;  }
}


@media only screen and (max-width: 1269px) {
	.barton .woocommerce-page .entry-header, .barton .woocommerce-page .entry-content { max-width: 100%; }
}


@media only screen and (max-width: 1200px) {
	h1 { font: 46px/56px 'oswald_regularregular' }
	h2 { font: 32px/40px 'oswald_regularregular' }
	h3 { font: 28px/34px 'oswald_regularregular' }
	
	.left-box .row{ padding-left: 35px; }
	.left-box .tel{ font-size: 30px; line-height: 38px;}
	.right-box form{ padding:40px 30px; }
	.right-box form h3 { font-size: 26px; margin-bottom: 40px; }

	header nav ul { padding-top: 0; }
	.header-spacer { height: 140px; }

	
	.product-gallery li{ padding:0 10px; }
	.product-gallery li span{ font-size: 16px; vertical-align: top; display: inline-block; width:100%; }
	.product-gallery li figure img{ max-width: 100px; max-height:70px; }
	#logo > img{ max-height: 70px; }
}

@media only screen and (max-width: 990px) {

	h1 { font: 40px/52px 'oswald_regularregular' }
	h2 { font: 30px/38px 'oswald_regularregular' }
	h3 { font: 28px/34px 'oswald_regularregular' }
	
	.left-box { width: 100%; margin-bottom: 25px; padding: 0; }
	.right-box { width: 100%; }
	
	.header-spacer { height: 120px; }
	
	footer .social { margin:0 auto; float: none; width: 185px; }
	
	.left-box .tel { font-size: 28px; line-height: 40px }
	.right-box form h3 { font-size: 24px; margin-bottom: 30px; }
	
	.listbox li{ padding:0 6%; }
	.listbox li span{ font-size: 18px; }
	.inner h1 span{ padding:20px 18px 15px; }
	.info-block p{ font-size: 16px; line-height: 32px; }
	.button{ font-size: 16px; padding: 12px 47px 12px 13px;}
	.button::after{ top:44%; }
	.banner-title{ width:90%; }
	.banner img{ height:500px; }
	.inner img{ height:auto; }
	.banner-title p{ font-size: 22px; line-height: 34px; margin-bottom: 10%;}
	.product-gallery li{ width:25%; margin-bottom: 30px; }
	.product-gallery li figure{ margin-bottom: 20px; }
	.home .banner{ position:absolute; top:50px; left:0; height:100%; width:100%; background:url(../images/home-page-banner.jpg) no-repeat center center/cover;}
	.home .banner img{ display:none}
	.modal-content{width:60% !important}
	
	footer #logo { float: none; display: block; margin: 0 auto; text-align: center; }
	footer .center { float: none; text-align: center; padding: 0 0 1em; width: 100%; }
	footer .center nav { float: none; }
	footer .center nav ul { float: none; }
	footer .center p { float: none; clear: both; }
	footer .center nav li { float: none; }
	footer .center nav li a { margin: 0; }
}


@media only screen and (max-width: 782px) {
	.admin-bar #main-header { top: 46px; }
}


@media only screen and (max-width: 768px) {
	
	/* Page */
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth { float: none; width: auto; }
	
	/* Header */
	.preheader .one-half:first-of-type { display: none; }
	.preheader .preheader-right { text-align: left; }
	
	/* Single product */
	.summary .product_title.entry-title { display: none; }
	.barton .product > .product_title.entry-title { display: block; }
}


@media only screen and (max-width: 767px) {

	h1 { font: 36px/46px 'oswald_regularregular' }
	h2 { font: 28px/36px 'oswald_regularregular' }
	h3 { font: 26px/32px 'oswald_regularregular' }
	
	.left-box .tel{ font-size: 26px; line-height: 38px}
	.contact-box{ padding: 35px 0; }
	.title h1{ font-size: 34px; }
	.right-box form h3{ font-size: 22px; margin-bottom: 25px; line-height: 34px; }
	.banner-title p{ font-size: 20px; line-height: 32px; }
	.listbox li{ width:100%; margin-bottom: 10%; }
	.listbox li:last-of-type{ margin-bottom: 0; }
	.listbox{ padding:10% 0 2%; }
	.inner h1{ margin-bottom: 20px; }
	.product-gallery li{ width:33.33%; margin-bottom: 30px; }
	.inner h1 span{ padding:15px 18px 10px; }
	.center > p > a { margin-top: 5px; text-align: center;}
}


@media only screen and (max-width: 639px) {

	h1 { font: 32px/40px 'oswald_regularregular' }
	h2 { font: 28px/36px 'oswald_regularregular' }
	h3 { font: 24px/32px 'oswald_regularregular' }
	
	header .social { text-align: right; width: 260px; }
	header .social-icons { display: none; }

	header #logo{ width:135px; }
	footer{ text-align: center; }
	footer nav{ display: none; }
	footer .center{ padding: 0; float:none; margin: 10px 0; }
	.left-box .tel{ font-size: 24px; line-height: 36px}
	.left-box .tel::before{ background-size:20px; }
	.left-box .mail::before{ background-size:22px; }
	.contact-box{ padding: 25px 0; }
	.right-box form input[type="text"], form input[type="tel"], form input[type="email"], select, textarea{ font-size: 14px; }
	.right-box form select{ height:42px; }
	.right-box form input[type="submit"]{ padding:12px 0; font-size: 16px; }
	.right-box form .select::after{ top:8px; font-size: 26px; }
	.title h1{ font-size: 30px; }
	.title{ padding:25px 0 20px; }
	.right-box form{ padding:20px; }
	.right-box form h3{ font-size: 20px; margin-bottom: 20px; line-height: 32px;}
	.right-box form .col-6{ width:100%; margin-bottom: 20px;}
	.info-block p{ font-size: 15px; line-height: 28px; }
	.banner-title p{ font-size: 18px; line-height: 28px; }
	.button{ margin-bottom: 10px; }
	.inner h1{ font-size: 28px; line-height: 38px; }
	.banner img{ height:410px; }
	.inner img{ height:300px; }
	.product-gallery li{ width:50%; margin-bottom: 40px; }
	.product-gallery{ padding:35px 0 0; }
	.listbox li span{ font-size: 16px; }
	.product-gallery li:hover figure img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
	.right-box form .select::after{ font-size: 24px; top:10px; }
	.home .banner{top:65px;}
	.inner img{ display:none}
	.inner{ height:300px; background-size:cover; background-position:center;}
	.modal-content{width:80% !important}
	.model-form .mc4wp-form-fields{ width:100% !important}
}

@media only screen and (max-width: 479px) {
	
	.header-spacer { height: 115px; }
	
	.right-box form h3{ font-size: 18px; }
	.product-gallery li{ width:100%; margin-bottom: 40px; }
	.product-gallery li figure{ margin-bottom: 15px; }
	.product-gallery li:last-of-type{ margin-bottom: 0; }
	.product-gallery{ padding:35px 0 0; }
	.info-block p{ font-size: 14px; line-height: 26px; }

}

@media only screen and (max-width: 429px) {
	header .social { display: none; }
}