/*!
 * Copyright © 2016
 * Developed by Oleg Frolov
 * www.artof.pro
 *
 * ======================================================================================= */

/* Medium devices (notebooks) */

	@media screen and (max-width: 1199px) {
		.site-header .logo {padding-left: 200px;}
		#slider-home,
		.product-view .wide .container {height: 600px;}
		#slider-home li,
		.product-view .wide {background-position: 60% 50%}
		.product-view .big-img {height: auto;}
		.block-questions:after {margin-top: -2px;}
	}


/* Small devices (tablets) */

	@media screen and (max-width: 991px) {
		body, th, td, input, select, textarea, button {font-size: 18px;}

		/* SIZES */
			h1, .h1 {line-height: 1.0769; font-size: 52px; font-weight: 200; margin-bottom: 20px;}
			h2, .h2 {margin: 0 0 20px; line-height: 1.14286; font-size: 42px; font-weight: 200;}
			h4, .h4 {margin: 0 0 20px; line-height: 1.35417; font-size: 24px; font-weight: 200;}

			small, .text-sm {font-size: 13px;}
			.size-14 {font-size: 14px;}
			.size-18 {font-size: 18px;}
			.size-22 {font-size: 22px;}
			.size-26 {font-size: 20px;}
			.size-lg {font-size: 24px; line-height: 1.4; font-weight: 200; letter-spacing: normal;}


		.sm-text-left {text-align: left}

		.site-header .logo {white-space: nowrap; text-indent: -9999px; padding: 0; width: 185px; height: 65px;}
		.navbar-nav > li > a {padding-left: 5px; padding-right: 5px;}

		#slider-home .data .h4,
		.product-view .wide .data .h4 {font-size: 24px; font-weight: 200; line-height: 1.125;}

		#slider-home {height: 500px;}
		#slider-home .data {width: 250px;}

		.btn-lg {font-size: 17px;}

		.block-home.benchmarks .table .icon img {max-width: 75px;}
		.block-home.benchmarks .table .name {font-size: 16px;}
		.block-home.benchmarks .jcarousel-pagination {font-size: 22px;}
		.block-home.summary .col5-set .col {width: 100%; padding-left: 100px; position: relative; min-height: 60px;}
		.block-home.summary .col5-set .col + .col {margin-top: 30px;}
		.block-home.summary .icon {position: absolute; left: 15px; top: 0; margin: 0; width: 80px; text-align: center;}
		.block-home.summary .icon img {max-width: 60px;}
		.block-home.summary .icon + p {margin-bottom: 0;}

		.navbar.fixed {position: relative; top: auto; left: auto; width: auto}

		.product-view .wide .container {height: 500px;}
		.product-view .wide .data {width: 240px;}
		.product-view .product-details .buy .b1,
		.product-view .product-details .buy .b2 {padding-left: 20px; padding-right: 20px;}
		.product-view .product-details .box {padding: 20px;}

		.top-btns .btn-link {padding-left: 10px; padding-right: 10px;}

		.dashboard .box:before {display: none;}
		.dashboard .box,
		.dashboard .box.clear {padding: 20px;}
		.dashboard .box .sm-text-left {margin-top: 10px;}

		.cart-table tbody tr td .size-18 {font-size: 18px;}
	}


/* Extra Small devices (phones) */

	@media screen and (max-width: 767px) {
		#slider-home .data .h4,
		.product-view .wide .data .h4 {font-size: 32px; font-weight: 200; line-height: 1.125;}

		/* SIZES */
			h1, .h1 {line-height: 1.0769; font-size: 52px; font-weight: 200; margin-bottom: 20px;}
			h2, .h2 {margin: 0 0 20px; line-height: 1.14286; font-size: 32px; font-weight: 200;}
			h4, .h4 {margin: 0 0 20px; line-height: 1.35417; font-size: 24px; font-weight: 200;}

			small, .text-sm {font-size: 13px;}
			.size-14 {font-size: 14px;}
			.size-18 {font-size: 18px;}
			.size-22 {font-size: 22px;}
			.size-26 {font-size: 20px;}
			.size-lg {font-size: 20px; line-height: 1.4; font-weight: 200; letter-spacing: normal;}


		.bg-gray {background: #f3f5f7}
		.bg-gray .col3-set .col {width: 50%;}
		.bg-gray .col3-set .col:last-child .box {text-align: right}

		.site-header .top {position: relative;}
		.site-header {border-bottom: #dee2e8 1px solid;}
		.site-header .logo {margin: 20px 0; height: 50px; width: 142px; background-size: 142px 50px;}
		.site-header .box {display: block; padding: 10px 0;}

		.mini-cart {background-position: 50% 50%; background-image: url(../images/icon-cart-xs.svg); background-color: transparent; border-radius: 5px; box-shadow: none; height: 24px; margin-top: -12px; overflow: hidden; padding: 0; position: absolute; right: 60px; text-indent: -99px; top: 50%; width: 26px;}
		.mini-cart:last-child {right: 70px;}
		.mini-cart.empty {background-color: transparent; border-radius: 0;}
		.mini-compare {background-position: 50% 50%; background-color: transparent; border-radius: 0; box-shadow: none; height: 24px; margin-top: -12px; overflow: hidden; padding: 0; position: absolute; right: 110px; text-indent: -99px; top: 50%; width: 24px;}

		.navbar {min-height: 0;}
		.navbar-toggle {float: none; margin: 0; padding: 0; position: absolute; right: 15px; top: -55px; border-radius: 0;}
		.navbar-toggle .icon-bar {background: #333; height: 3px; width: 25px; border-radius: 0;}
		.navbar-nav {display: block; width: auto; margin-top: 0; margin-bottom: 0;}
		.navbar-nav > li {display: block;}
		.navbar-nav > li > a {padding-left: 15px; padding-right: 15px; text-align: left;}
		.navbar .dropdown-menu > li > a {color: #fff;}
		.navbar .dropdown-menu > li > a:hover,
		.navbar .dropdown-menu > li > a:active,
		.navbar .dropdown-menu > li > a:focus {background: #0b65a7 !important}
		.navbar-nav .fa-angle-down {margin-top: -0.5em; position: absolute; right: 15px; top: 50%;}

		#slider-home {height: auto; padding-top: 0; max-height: none;}
		#slider-home ul, #slider-home li, #slider-home .container {height: auto;}
		#slider-home li {background-position: 50% 0; background-size: auto 340px; padding-top: 340px; border-bottom: #e2e8ed 1px solid; padding-bottom: 40px;}
		#slider-home .data {position: relative; width: auto; right: auto; top: auto; -webkit-transform: none; -moz-transform: none; transform: none; text-align: center; padding: 40px 0 0;}
		#slider-home .slide1 {background-image: url(../images/slider1-xs.jpg)}

		.btn-default {border-color: #08c; color: #08c;}

		.block-home {padding: 40px 0;}
		.block-home .h2 {margin-bottom: 30px;}
		.block-home.offer .box {margin: 15px 0 30px;}
		.block-home.offer .item {margin-top: 15px;}
		.block-home.offer .col + .col .item {border-left: none;}
		.block-home.sum .equal {display: block; margin: 30px auto; position: relative; top: auto;}
		.block-home.sum h4 {margin: 20px 0 0;}
		.block-home.features .img {text-align: center; margin-bottom: 20px;}
		.block-home.features .row + .row .item {margin-top: 0;}
		.block-home.features .item {margin-bottom: 40px; text-align: center;}
		.block-home.features .row:last-child .col-sm-4:last-child .item {margin-bottom: 0;}
		.block-home.features .item p {color: #555;}
		.block-home.benchmarks .table {border-bottom: none; display: block; margin-bottom: 0; padding: 10px 0 0;}
		.block-home.benchmarks .table > .col {border-bottom: 1px solid #93a4ad; display: block; float: left; height: 125px; margin: 90px 0 70px; width: 33.3333%;}
		.block-home.benchmarks .table .icon {top: -80px;}
		.block-home.benchmarks .table .bar {bottom: 0; left: 50%; overflow: hidden; position: absolute; width: 50px; font-size: 10px;}
		.block-home.benchmarks .table .bar.blue {width: 60px; min-height: 50px; margin-left: -60px;}
		.block-home.benchmarks .table .bar b {font-size: 24px; font-weight: 400;}
		.block-home.benchmarks .table .name {bottom: auto; font-size: 14px; font-weight: 400; margin-top: 10px; top: 100%;}
		.block-home.benchmarks .legend {font-size: 14px;}
		.block-home.benchmarks .list-inline li {display: block; text-align: left;}
		.block-home.benchmarks .list-inline li + li {margin-top: 10px;}
		.block-home.benchmarks .list-inline li + li .legend {margin-left: 0}
		.block-home.benchmarks .vr {background: url(../images/bg-vr-xs.jpg) no-repeat 50% 100% / cover;}
		.block-home.benchmarks .vr > .container {height: auto;}
		.block-home.benchmarks .vr .p-vertical {left: auto; width: auto; position: static; -webkit-transform: none; -moz-transform: none; transform: none;}
		.block-home.benchmarks .vr .p-vertical .size-22 {font-size: 15px; text-align: center !important;}
		.block-home.benchmarks .vr .list-inline {margin-top: 30px;}
		.block-home.benchmarks .vr .list-inline li {display: inline-block;}

		.site-footer .footer {text-align: center;}
		.site-footer .footer .list-unstyled {margin: 0 0 20px;}
		.site-footer .footer .list-unstyled li + li {margin: 0;}
		.site-footer .footer b {margin-bottom: 5px;}
		.site-footer .footer form {padding: 20px 15px 0; border-top: #394d5c 1px solid; margin: 0 -15px;}
		.site-footer .footer form b {color: #8a98ab;}
		.site-footer .subscribe {margin-bottom: 20px;}
		.site-footer .socials {padding: 0 15px 20px; border-bottom: #394d5c 1px solid; margin: 0 -15px 20px;}
		.site-footer .img {text-align: center !important;}
		.site-footer .img img {margin: 0 auto;}
		.container + .site-footer {margin-top: 40px;}

		#shopping-cart-totals-table strong {font-size: 17px;}

		.container > .navbar-collapse .navbar-nav > li {min-height: 50px;}
		.container > .navbar-collapse .navbar-nav > li > a {border-bottom: #2786c2 1px solid; padding: 14px 15px 15px; top: -15px; opacity: 0; position: relative; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: opacity, top; -moz-transition-property: opacity, top; transition-property: opacity, top}
		.container > .navbar-collapse[aria-expanded=true] .navbar-nav > li > a {opacity: 1; top: 0;}

		.container > .navbar-collapse .navbar-nav > li:nth-child(1) > a {-webkit-transition-delay: 0.56s; -moz-transition-delay: 0.56s; transition-delay: 0.56s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(2) > a {-webkit-transition-delay: 0.49s; -moz-transition-delay: 0.49s; transition-delay: 0.49s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(3) > a {-webkit-transition-delay: 0.42s; -moz-transition-delay: 0.42s; transition-delay: 0.42s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(4) > a {-webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(5) > a {-webkit-transition-delay: 0.28s; -moz-transition-delay: 0.28s; transition-delay: 0.28s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(6) > a {-webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(7) > a {-webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; transition-delay: 0.14s;}
		.container > .navbar-collapse .navbar-nav > li:nth-child(8) > a {-webkit-transition-delay: 0.07s; -moz-transition-delay: 0.07s; transition-delay: 0.07s;}

		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(8) > a {-webkit-transition-delay: 0.56s; -moz-transition-delay: 0.56s; transition-delay: 0.56s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(7) > a {-webkit-transition-delay: 0.49s; -moz-transition-delay: 0.49s; transition-delay: 0.49s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(6) > a {-webkit-transition-delay: 0.42s; -moz-transition-delay: 0.42s; transition-delay: 0.42s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(5) > a {-webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(4) > a {-webkit-transition-delay: 0.28s; -moz-transition-delay: 0.28s; transition-delay: 0.28s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(3) > a {-webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(2) > a {-webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; transition-delay: 0.14s;}
		.container > .navbar-collapse.shown .navbar-nav > li:nth-child(1) > a {-webkit-transition-delay: 0.07s; -moz-transition-delay: 0.07s; transition-delay: 0.07s;}

		.top-btns {text-align: center; margin-bottom: 10px;}

		.product-view .wide {background-position: 40% 0; background-size: auto 340px; padding-top: 340px; border-bottom: #e2e8ed 1px solid; padding-bottom: 40px;}
		.product-view .wide .container {height: auto;}
		.product-view .wide .data {position: relative; width: auto; right: auto; top: auto; -webkit-transform: none; -moz-transform: none; transform: none; text-align: center; padding: 40px 0 0;}
		.product-view .thumbs {margin-left: 30px; margin-right: 30px;}
		.product-view .product-details .box .data .fix {padding-left: 80px; min-height: 40px;}
		.product-view .product-details .box .img {left: 15px; position: absolute; top: -10px; width: 70px; text-align: center;}
		.product-view .product-details .box .img img {max-height: 60px;}
		.product-view .box-simple .form .btn-primary {padding-left: 15px; padding-right: 15px;}
		.product-view .product-details .buy {bottom: auto !important; left: auto !important; position: static !important; top: auto !important;}
		.product-view .product-details .buy .b1 {border-bottom: #a8bcc8 2px solid;}
		.product-view .product-details .buy .b1:after {display: none;}

		.lightbox a.lb-close {left: auto; right: 0;}
		.lb-nav a:after {display: none;}

		.category-list .subcat li {width: 50%;}
		.category-list .subcat li:nth-child(1) {border-right: #dee2e8 1px solid; margin-right: -1px;}
		.category-list .subcat li:nth-child(3) {clear: left; border-top: #dee2e8 1px solid; border-right: #dee2e8 1px solid; margin-right: -1px; border-left: none;}
		.category-list .subcat li:nth-child(4) {border-top: #dee2e8 1px solid;}

		.product-list .mode-grid .col3-set {display: block;}
		.product-list .mode-grid .col3-set .col {display: block; width: 100%; border: none !important;}
		.product-list .mode-grid .col3-set .col + .col {border-top: #dee2e8 1px solid !important;}
		.product-list .mode-grid .item {position: relative !important; left: auto !important; top: auto !important; right: auto !important; box-shadow: none !important; padding: 15px !important; border: none !important;}
		.product-list .mode-grid .item .compare {opacity: 1 !important;}
		.product-list .mode-grid .item .actions {bottom: auto; left: auto; margin: 10px 0 0; opacity: 1; position: relative; right: auto;}
		.product-list .mode-list .item:hover {box-shadow: none;}
		.product-list .mode-list .item .img {display: block; max-width: 250px; max-height: 250px; margin: 0 auto 10px; overflow: hidden;}

		.block-questions:after {display: none;}

		.breadcrumb + h2 {margin-bottom: 30px;}

		.testimonials.form {margin-bottom: 30px;}
		.testimonials.form .box,
		.account-create .box,
		.account-auth .col2-set .col {padding: 20px;}
		.testimonials.form .box:first-child:before {display: none;}
		.testimonials .item .head .f-left {float: none;}
		.testimonials .item .head .date {float: none; clear: left; margin-top: 10px; display: block;}
		.testimonials.form .box .col2-set .col,
		.account-create .box .col2-set .col {padding: 0 !important;}

		.col2-set {display: block;}
		.col2-set .col {display: block; width: 100%;}
		.col2-set .col + .col {margin-top: 15px;}

		.page-customers .tabnav li {display: block; margin-bottom: 5px; padding: 6px 10px 7px; text-align: center;}
		.page-customers .list li a.f-left {float: none;}
		.page-customers .list li .data {margin: 15px 0 0;}
		.page-contact .data > div {padding-left: 0;}

		.testimonials.form .box:first-child:before,
		.page-contact > div:before,
		.account-create .box.first:before,
		.account-auth .col2-set .col:before,
		.account-forgot .box:first-child:before,
		.dashboard .box:before,
		.modal-header:before,
		.checkout-success .box:before,
		.cart .empty:before {display: none;}
		.testimonials.form .box:first-child,
		.page-contact > div,
		.account-create .box.first,
		.account-auth .col2-set .col,
		.account-forgot .box:first-child,
		.dashboard .box,
		.modal-header,
		.checkout-success .bo,
		.cart .empty {padding-left: 30px}

		.account-auth .col2-set .col + .col {border-left: none; border-top: 1px solid #dee2e8}

		.xs-text-left {text-align: left !important;}
		.xs-vertical-top {vertical-align: top !important;}
		.xs-text-center {text-align: center !important;}

		.dashboard .orders .item .body .label {margin-top: 10px;}

		.cart-table tbody tr td .options {margin: 15px 0 0;}
		.cart-footer-box {padding: 0; border: none; margin-top: 20px;}
		.cart-footer-box .box-discount {margin: 0 0 20px;}
		.cart-table tbody tr td .size-18 {font-size: 18px;}

		#reg-form {display: block; margin-top: 20px;}

		.compare-list .scrolled table thead td {border-bottom: none; padding: 0;}
		.compare-list .scrolled table thead td .item {width: 150px;}
		.compare-list .scrolled table thead td .item .img img {width: 80px; height: 80px;}
		.compare-list .scrolled table thead td .item .name {font-size: 13px;}
		.compare-list .scrolled table thead td .item .price-box {font-size: 14px;}
		.compare-list .scrolled table thead td .item:hover .hover {display: none;}
		.compare-list .scrolled table tbody td {padding: 15px 10px;}
		.compare-list > a.btn {margin-bottom: 20px; position: relative; right: auto; top: auto;}

		#checkoutSteps .fix-height {min-height: 0;}

		#slider-home .col2-set .col {padding: 0 !important;}

		.top-btns .btn-link {font-size: 17px}

		.cart .btn-success,
		.cart .paypal-logo {margin: 2px 20px;}
	}

	@media screen and (max-width: 480px) {
		#slider-home li,
		.product-view .wide {background-size: auto 225px; padding-top: 225px;}

		.block-home.benchmarks .table > .col {margin: 70px 0;}
		.block-home.benchmarks .table .icon {top: -60px;}
		.block-home.benchmarks .table .icon img {max-width: 55px;}
		.block-home.benchmarks .table .bar {width: 40px;}
		.block-home.benchmarks .table .bar.blue {width: 40px; margin-left: -40px;}

		.product-view div.qty {padding: 0; width: 50px;}
		.product-view div.qty .minus,
		.product-view div.qty .plus {display: none;}
	}