*{
	padding:0;
	margin:0;
	box-sizing:border-box;
	font-family: 'Montserrat', sans-serif;
}
img{
	border:none;
	outline:none;
	max-width:100%;
}
a,a:active,a:focus,a:hover{
	outline:none;
	text-decoration:none;
}
a{
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
input:focus,textarea:focus,select:focus{
	outline:none!important;
	box-shadow:none;
}
ul{
	margin:0;
	list-style-type:none;
}

.container{
	width:1200px;
	margin:0 auto;
	padding:0 15px;
	position:relative;
	z-index:4;
}
.content .container{
	position:relative;
	z-index:1;
}
body{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	line-height:24px;
	color:#c1c1c1;
	background-color: #222;
	font-weight:400;
}
.one-third{
	width:33.33%;
	float:left;
	height:auto;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.half{
	width:50%;
	float:left;
	height:auto;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}

/*================================= Header ======================*/
.header{
	width:100%;
	float:left;
	height:auto;
	position:relative;
	background:url(https://www.skrzynie24h.pl/assets/images/header-bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}
.header::before{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	content:'';
	opacity:0.86;
	background: #f34e4e; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f34e4e, #383838); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f34e4e, #383838); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f34e4e, #383838); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f34e4e, #383838); /* Standard syntax (must be last) */
}
.bottom-line{
	width:100%;
	height:7px;
	float:left;
	background:url(https://www.skrzynie24h.pl/assets/images/line.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
}
.header-top{
	width:100%;
	float:left;
	height:auto;
	padding:14px 0 15px;
	border-bottom:1px solid #fff;
}
.header-top .pull-left{
	width:40%;
	float:left;
	height:auto;
	padding:6px 0 0;
}
.header-top h3{
	font-size:18px;
	color:#fff;
	font-weight:normal;
	margin:0 0 2px;
	position:relative;
	padding-top:8px;
}
.header-top h3::before{
	width:65px;
	height:4px;
	position:absolute;
	left:0;
	top:0;
	content:'';
	background:url(https://www.skrzynie24h.pl/assets/images/line2.png) no-repeat left top;
}
.header-top p{
	font-size:16px;
	color:#fff;
	font-weight:300;
}
.logo{
	width:20%;
	float:left;
	height:auto;
	text-align:center;
}
.header-top .pull-right{
	padding-top:6px;
	width:40%;
}
.header-top .pull-right h3::before{
	width:65px;
	height:4px;
	position:absolute;
	right:0;
	left:auto;
	top:0;
	content:'';
	background:url(https://www.skrzynie24h.pl/assets/images/line2.png) no-repeat left top;
}

/*======================== Menu Design ==================*/
#menu-switcher, 
.navbar-header > label,
.switch {
    display: none;
}
.menu-container label::before {
    border-bottom: 2px solid #fff;
    box-shadow: 0 5px 0 0 #fff, 0 0 0 0 inset, 0 -5px 0 0 #fff;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 20px;
}
.switch{
	width:100%;
	float:left;
	height:auto;
	min-height:45px;
	position:relative;
}
.menu-container label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    cursor: pointer;
    display: none;
    height: 35px;
    padding: 0;
    position: absolute !important;
    right: 0;
    top: 4px;
    width: 40px;
    z-index: 9999;
	border:1px solid #e1e1e1;
}

#navbar{
	width:100%;
	float:left;
	height:auto;
}
#navbar ul{
	float:left;
	width:100%;
	text-align:center;
}
#navbar ul li{
	display:inline-block;
	vertical-align:middle;
}
#navbar ul li a{
	font-size:16px;
	color:#fff;
	line-height:25px;
	display:inline-block;
	padding:15px 22px;
}
#navbar ul li a:hover,
#navbar ul li.active a{
	color:#f44336;
}

/*========================== Content =========================*/
.content{
	width:100%;
	float:left;
	height:auto;
	padding:40px 0 60px;
	background:url(https://www.skrzynie24h.pl/assets/images/shadow.jpg) no-repeat center bottom 105px;
	background-size:cover;
}
.services{
	width:100%;
	float:left;
	height:auto;
}
.services li{
	width:33.33%;
	padding:0 40px 0 25px;
	display:table;
	float:left;
}
.services li .service-icon{
	width:130px;
	display:table-cell;
	vertical-align:middle;
}
.services li:nth-child(2) .service-icon{
	width:91px;
}
.services li:nth-child(3) .service-icon{
	width:135px;
}
.services li:nth-child(2){
	width:30%;
}
.services li:nth-child(3){
	width:34.66%;
}
.services li h3{
	font-size:18px;
	color:#ffffff;
	margin:0 0 10px;
	padding-bottom:6px;
	position:relative;
}
.services li h3::before{
	width:50px;
	height:1px;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	background:#363636;
}
.services li p{
	font-size:16px;
	line-height:24px;
	font-weight:500;
	color:#ffffff;
	margin:0;
}

/*=========================== Slider ======================*/
.product-slider{
	width:100%;
	float:left;
	height:auto;
	margin:30px 0 0;
}
.frame-inner{
	overflow:hidden;
}
.frame {
	width:1170px; 
	height:690px; 
	padding:540px 42px 0; 
	margin:0 auto; 
	overflow:hidden; 
	position:relative; 
}
.frame div {
	margin-left:0; 
	width:50000px;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	transition:1s;
}
.frame img.large {
	position:absolute; 
	width:100%; 
	height:auto; 
	top:0px; 
	left:0; 
	opacity:0;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	transition:1s;
	border:2px solid #636363;
}

.frame input {
	position:relative; 
	left:0; 
	display:none; 
}
.frame label.thumb {
	display:block; 
	width:258px; 
	height:auto;  
	float:left;
	margin:0px 18px 0 0; 
}
.frame label.thumb img {
	width:100%; 
	height:auto; 
	background:#fff; 
	float:left; 
	cursor:pointer;
}
.frame label.thumb:hover img {
	opacity:1; 
}

.frame label.left {
	position:absolute; 
	left:0; 
	width:42px; 
	height:152px; 
}
.frame label{
	margin:0;
}
.frame label.right {
	position:absolute; 
	right:0; 
	bottom:auto; 
	width:42px; 
	height:152px;  
	text-align:right; 
}
.frame label.thumb.lab4,
.frame label.thumb.lab8,
.frame label.thumb.lab12,
.frame label.thumb.lab16 {
	margin-right:60px;
}
.frame label.left img,
.frame label.right img {
	margin-top:54px; 
	cursor:pointer; 
}
.frame label.one,
.frame label.two,
.frame label.three,
.frame label.four {
	z-index:90;
}

.frame input#push1:checked ~ label.four,
.frame input#push3:checked ~ label.one,
.frame input#push5:checked ~ label.two,
.frame input#push7:checked ~ label.three,
.frame input#push2:checked ~ label.two,
.frame input#push4:checked ~ label.three,
.frame input#push6:checked ~ label.four,
.frame input#push8:checked ~ label.one {
	z-index:100;
}

.frame input#push1:checked ~ div {margin-left:-3438px;}
.frame input#push3:checked ~ div {margin-left:0;}
.frame input#push5:checked ~ div {margin-left:-1145px;}
.frame input#push7:checked ~ div {margin-left:-2290px;}
.frame input#push2:checked ~ div {margin-left:-1145px;}
.frame input#push4:checked ~ div {margin-left:-2290px;}
.frame input#push6:checked ~ div {margin-left:-3438px;}
.frame input#push8:checked ~ div {margin-left:0;}

.frame input#pic1:checked ~ .lab1,
.frame input#pic2:checked ~ .lab2,
.frame input#pic3:checked ~ .lab3,
.frame input#pic4:checked ~ .lab4,
.frame input#pic5:checked ~ .lab5,
.frame input#pic6:checked ~ .lab6,
.frame input#pic7:checked ~ .lab7,
.frame input#pic8:checked ~ .lab8,
.frame input#pic9:checked ~ .lab9,
.frame input#pic10:checked ~ .lab10,
.frame input#pic11:checked ~ .lab11,
.frame input#pic12:checked ~ .lab12,
.frame input#pic13:checked ~ .lab13,
.frame input#pic14:checked ~ .lab14,
.frame input#pic15:checked ~ .lab15,
.frame input#pic16:checked ~ .lab16{
	opacity:1;
}

.frame input#pic1:checked ~ img.p1,
.frame input#pic2:checked ~ img.p2,
.frame input#pic3:checked ~ img.p3,
.frame input#pic4:checked ~ img.p4,
.frame input#pic5:checked ~ img.p5,
.frame input#pic6:checked ~ img.p6,
.frame input#pic7:checked ~ img.p7,
.frame input#pic8:checked ~ img.p8,
.frame input#pic9:checked ~ img.p9,
.frame input#pic10:checked ~ img.p10,
.frame input#pic11:checked ~ img.p11,
.frame input#pic12:checked ~ img.p12,
.frame input#pic13:checked ~ img.p13,
.frame input#pic14:checked ~ img.p14,
.frame input#pic15:checked ~ img.p15,
.frame input#pic16:checked ~ img.p16 {
	opacity:1; 
	z-index:100;
	border:2px solid #636363;
}

/*========================= tab-outer =====================*/
.tab-outer{
	width:100%;
	float:left;
	height:auto;
	background:url(https://www.skrzynie24h.pl/assets/images/tab-bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	position:relative;
	padding:25px 0 20px;
	-webkit-box-shadow:0 25px 40px rgba(0,0,0,0.69);
	-ms-box-shadow:0 25px 40px rgba(0,0,0,0.69);
	-moz-box-shadow:0 25px 40px rgba(0,0,0,0.69);
	box-shadow:0 25px 40px rgba(0,0,0,0.69);
}
.tab-outer::before{
	width:100%;
	float:left;
	height:100%;
	content:'';
	background:#222;
	opacity:0.80;
	position:absolute;
	left:0;
	top:0;
}
.tab-block  input[type="radio"] {
    display: none;
}
.tabs .tab-selector-1:checked ~ .label-block .tab-label-1, .tabs .tab-selector-2:checked ~ .label-block .tab-label-2, .tabs .tab-selector-3:checked ~ .label-block .tab-label-3, .tabs .tab-selector-4:checked ~ .label-block .tab-label-4,
.label-block label:hover{
	color:#f44336;
	border-color:#ffffff;
}
.tabs .tab-selector-1:checked ~ .tab-content #menu1, .tabs .tab-selector-2:checked ~ .tab-content #menu2, .tabs .tab-selector-3:checked ~ .tab-content #menu3, .tabs .tab-selector-4:checked ~ .tab-content #menu4 {
    height: auto;
    opacity: 1;
    width: 100%;
    z-index: 100;
	visibility:visible;    
	padding:0;
}

.tab-content > .tab-pane {
    box-sizing: border-box;
    float: left;
    height: 0;
    position: relative;
    z-index: 1;
	overflow:hidden;
	opacity:0;
}
.label-block{
	width:100%;
	text-align:center;
	margin:0 0 50px;
	float:left;
}
.label-block label{
	font-size:22px;
	color:#ffffff;
	line-height:25px;
	font-weight:600;
	cursor:pointer;
	padding:7px 25px;
	margin:0 35px;
	border-bottom:2px solid transparent;
}
.tab-content p{
	font-size: 19px;
	color: #ffffff;
	font-weight: 500;
	margin:0 0 20px;
}

.panel-left{
	width:50%;
	padding-right:15px;
	float:left;
}
.images-block{
	float:right;
	height:auto;
	width:44%;
	padding-left:15px;
}
.responsive-images{
	width:100%;
}
.tab-top{
	width:100%;
	float:left;
	height:auto;
	max-width:645px;
	margin:0 0 18px;
}
.specification{
	width:50%;
	float:left;
	height:auto;
	font-size:24px;
	color:#ffffff;
	padding-bottom:22px;
	background:url(https://www.skrzynie24h.pl/assets/images/bg1.png) no-repeat left bottom;
}
.spe-price{
	width:50%;
	float:left;
	height:auto;
}
.spe-price .sale-price{
	font-size:48px;
	color:#333333;
	font-weight:300;
	margin:0;
	line-height:35px;
}
.spe-price .regular-price{
	font-size:24px;
	color:#9e9e9e;
	font-weight:300;
	margin:0 0 0 10px;
	line-height:35px;
}
.tab-content ul{
	width:100%;
	float:left;
	max-width:645px;
}
.tab-content ul li{
	width:100%;
	float:left;
	border-bottom:1px solid #e1e1e1;
	padding:6px 0;
	line-height:24px;
	font-size:14px;
	color:#ffffff;
	font-weight:300;
}
.tab-content ul li:last-child{
	border:none;
}
.tab-content ul li label{
	width:50%;
	float:left;
	color:#ffffff;
	font-weight:400;
}
.tab-content ul li .info{
	width:50%;
	float:left;
}

/*========================== Details Block =====================*/
.details-block{
	width:100%;
	float:left;
	height:auto;
	padding:85px 0 90px;
	position:relative;
}
.details-block::before{
	width:458px;
	left:0;
	bottom:0;
	height:70px;
	position:absolute;
	content:'';
	background:url(https://www.skrzynie24h.pl/assets/images/left-shape.png) no-repeat right bottom;
}
.details-block::after{
	width:458px;
	right:0;
	bottom:0;
	height:70px;
	position:absolute;
	content:'';
	background:url(https://www.skrzynie24h.pl/assets/images/right-shape.png) no-repeat left bottom;
}
.details-block .details-left{
	width:475px;
	float:left;
	height:auto;
	padding-top:45px;
}
.details-block h4{
	font-size:24px;
	color:#ffffff;
	padding:0 0 20px;
	margin:0 0 25px;
	font-weight:400;
	background:url(https://www.skrzynie24h.pl/assets/images/bg1.png) no-repeat left bottom;
}
.details-block p{
	font-size:16px;
	color:#ffffff;
	font-weight:500;
	line-height:30px;
	margin:0 0 35px;
}
.details-block p a{
	color:#f44336;
}
.details-block ul{
	width:100%;
	float:left;
	padding-left:5px;
}
.details-block ul li{
	padding-left:49px;
	color:#ffffff;
	line-height:30px;
	margin:0 0 10px;
	background:url(https://www.skrzynie24h.pl/assets/images/list-bg.png) no-repeat left 11px;
	font-weight:400;
	font-size:16px;
}
.details-right{
	width:750px;
	float:right;
	height:auto;
	margin-right:-70px;
}

/*=========================== Featured block ===========================*/
.featured-block{
	width:100%;
	float:left;
	height:auto;
	background:url(https://www.skrzynie24h.pl/assets/images/featured-bg.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	min-height:400px;
	position:relative;
	overflow:hidden;
}
.featured-block::before{
	width:100%;
	float:left;
	height:544px;
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	background:#252525;
	opacity:0.85;
}
.featured-top{
	width:100%;
	float:left;
	height:auto;
	position:relative;
	padding:145px 0 90px;
	background:url(https://www.skrzynie24h.pl/assets/images/bg2.png) no-repeat center bottom;
	-webkit-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.featured-top .title{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 48px;
}
.featured-top h2{
	font-weight:24px;
	color:#fff;
	font-weight:500;
	margin:0;
}
.product-list{
	width:100%;
	float:left;
}
.product-list li{
	width:257px;
	float:left;
	margin:0 27px 0 0;
	text-align:center;
}
.product-list li:last-child{
	margin-right:0;
}
.product-list .thumb{
	width:100%;
	float:left;
	height:auto;
	border:1px solid #fff;
	overflow:hidden;
	margin:0 0 23px;
	background:#fff;
}
.product-list .thumb a{
	display:block;
}
.product-list .thumb img{
	width:100%;
	height:auto;
	float:left;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.product-list li h2{
	font-size:36px;
	color:#fff;
	margin:0 0 15px;
}
.product-list li h3{
	font-size:18px;
	color:#fff;
	margin:0 0 1px;
	font-weight:500;
}
.product-list li p{
	font-size:15px;
	color:#e8e8e8;
	margin:0;
	font-weight:500;
}
.product-list li:hover img{
	-webkit-transform:scale(1.1)rotate(10deg);
	-ms-transform:scale(1.1)rotate(10deg);
	-moz-transform:scale(1.1)rotate(10deg);
	transform:scale(1.1)rotate(10deg);
}

/*=========================== Footer ==========================*/
.footer{
	width:100%;
	float:left;
	height:auto;
	padding:30px 0 0;
}
.footer-logo{
	width:100%;
	float:left;
	height:auto;
	margin:0 0 20px;
}
.quick-link{
	display:block;
	max-width:738px;
	margin:0 auto 17px;
	padding-bottom:3px;
	border-bottom:1px solid #9b9c9d;
	text-align:center;
}
.quick-link li{
	display:inline-block;
	margin:0 35px;
}
.quick-link li a{
	font-size:16px;
	color:#fff;
	font-weight:400;
	display:inline-block;
}
.quick-link li a:hover{
	color:#f44336;
}
.footer .container p{
	max-width:930px;
	display:block;
	margin:0 auto 17px;
	font-size:14px;
	color:#c9c9c9;
	line-height:22px;
	font-weight:500;
	text-align:center;
}
.footer .container h3{
	text-align:center;
}
.copyright{
	width:100%;
	float:left;
	text-align:center;
	color:#aaaaaa;
	line-height:25px;
	padding:10px 0;
	position:relative;
	z-index:9;
	border-top:1px solid #979797;
	font-weight:500;
}
.title-block{
	width:100%;
	float:left;
	height:auto;
	margin:40px 0 0;
}
.title-block h2{
	font-size:30px;
	padding:0 0 10px;
	margin:0;
	text-transform:uppercase;
	position:relative;
	color:#ffffff;
}
.title-block h2::before{
	width:66px;
	height:1px;
	position:absolute;
	content:'';
	left:50%;
	bottom:0;
	background:#222222;
	margin-left:-33px;
}

/*======================================== Responsive Design =============================*/
@media only screen and (max-width: 479px){
.product-list li{
	width:100%;
	float:left;
	margin:0 0 30px;
}
.featured-block::before{
	height:700px;
}
.spe-price .sale-price{
	font-size:22px;
}
.spe-price .regular-price{
	font-size:14px;
	margin-left:5px;
}
.specification{
	font-size:20px;
}
.label-block label{
	width:100%;
	float:left;
	font-size:16px;
}
.label-block{
	margin:0 0 30px;
}

.frame {
    width: 290px;
	height: 180px;
	padding: 145px 20px 0;
}
.frame label.thumb{
	width:55px;
	margin-right:10px;
}
.frame label.left,
.frame label.right{
	height:49px;
}
.frame label.left img, .frame label.right img {
    margin-top: 6px;
	width:10px;
}
.frame label.left,
.frame label.right{
	width:20px;
}


.frame input#push1:checked ~ div {margin-left:-780px;}
.frame input#push3:checked ~ div {margin-left:0;}
.frame input#push5:checked ~ div {margin-left:-260px;}
.frame input#push7:checked ~ div {margin-left:-520px;}
.frame input#push2:checked ~ div {margin-left:-260px;}
.frame input#push4:checked ~ div {margin-left:-520px;}
.frame input#push6:checked ~ div {margin-left:-780px;}
.frame input#push8:checked ~ div {margin-left:0;}

.content{
	-webkit-background-size:300px auto;
	-moz-background-size:300px auto;
	-ms-background-size:300px auto;
	background-size:300px auto;
	background-position:center bottom 100px;
}
.frame label.right{
	height:85px;
	background:#222222;
}
.frame label.thumb.lab4, .frame label.thumb.lab8, .frame label.thumb.lab12, .frame label.thumb.lab16 {
    margin-right: 10px;
}


}

@media only screen and (min-width: 480px) and (max-width:639px) {
.product-list li {
    width: 48%;
    margin: 0 4% 40px 0;
}
.product-list li:nth-child(2n){
	margin-right:0;
}

.frame {
    width: 450px;
	height: 260px;
	padding: 210px 42px 0;
}
.frame label.thumb{
	width:84px;
	margin-right:10px;
}
.frame label.left,
.frame label.right{
	height:49px;
}
.frame label.left img, .frame label.right img {
    margin-top: 5px;
}
.frame input#push1:checked ~ div {margin-left:-1128px;}
.frame input#push3:checked ~ div {margin-left:0;}
.frame input#push5:checked ~ div {margin-left:-376px;}
.frame input#push7:checked ~ div {margin-left:-752px;}
.frame input#push2:checked ~ div {margin-left:-376px;}
.frame input#push4:checked ~ div {margin-left:-752px;}
.frame input#push6:checked ~ div {margin-left:-1128px;}
.frame input#push8:checked ~ div {margin-left:0;}

.label-block label{
	padding:7px 10px;
}

.content{
	-webkit-background-size:480px auto;
	-moz-background-size:480px auto;
	-ms-background-size:100% auto;
	background-size:480px auto;
	background-position:center bottom 100px;
}
.frame label.right{
	height:85px;
	background:#222222;
}
.frame label.thumb.lab4, .frame label.thumb.lab8, .frame label.thumb.lab12, .frame label.thumb.lab16 {
    margin-right: 10px;
}

}
@media only screen and (max-width: 639px){
.quick-link li{
	margin:0 15px 5px;
}
.product-list li h2{
	font-size:30px;
}

}

@media only screen and (min-width: 640px) and (max-width:767px) {
.product-list li {
    width: 48%;
    margin: 0 4% 40px 0;
}
.product-list li:nth-child(2n){
	margin-right:0;
}
.frame {
    width: 610px;
    height: 358px;
    padding: 285px 42px 0;
}
.frame label.thumb{
	width:124px;
	margin-right:10px;
}
.frame label.left,
.frame label.right{
	height:73px;
}
.frame label.left img, .frame label.right img {
    margin-top: 14px;
}
.frame input#push1:checked ~ div {margin-left:-1608px;}
.frame input#push3:checked ~ div {margin-left:0;}
.frame input#push5:checked ~ div {margin-left:-536px;}
.frame input#push7:checked ~ div {margin-left:-1072px;}
.frame input#push2:checked ~ div {margin-left:-536px;}
.frame input#push4:checked ~ div {margin-left:-1072px;}
.frame input#push6:checked ~ div {margin-left:-1608px;}
.frame input#push8:checked ~ div {margin-left:0;}

.content{
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
	background-position:center bottom 115px;
}
.frame label.right{
	height:85px;
	background:#222222;
}
.frame label.thumb.lab4, .frame label.thumb.lab8, .frame label.thumb.lab12, .frame label.thumb.lab16 {
    margin-right: 10px;
}


}

@media only screen and (max-width: 767px){
.container{
	width:100%;
}
.product-slider{
	margin-top:30px;
}
.details-block::before,
.details-block::after{
	max-width:25%;
}
.navbar-header > label, .switch,
.menu-container label{
	display:block;
}
#navbar {
    display: none;
}
#menu-switcher:checked + #navbar {
    display: block;
}
.header-top .pull-left{
	width:100%;
	padding:0 0 10px;
	text-align:center;
}
.header-top h3::before{
	left:50%!important;
	margin-left:-32px;
}
.logo{
	width:100%;
	float:left;
	text-align:center;
	padding:0 0 10px;
}
.header-top .pull-right{
	width:100%;
	text-align:center;
}
.header-top h3{
	font-size:16px;
}
.menu-container {
    width: 100%;
    position: relative;
    float: left;
    height: auto;
	padding:5px 0;
}
#navbar {
    position: absolute;
    width: 100%;
    background: #333;
    top: 62px;
	z-index:99;
}
#navbar ul li{
	width:100%;
	text-align:left;
	float:left;
}
#navbar ul li a{
	display:block;
	padding:8px 15px;
}
.services li{
	width:100%!important;
	text-align:center;
	display:block;
	padding:0;
	margin:0 0 30px;
}
.service-icon{
	width:100%!important;
	text-align:center;
	display:block;
	float:left;
}
.services li h3::before{
	left:50%;
	margin-left:-25px;
}
.label-block label{
	margin:0;
}
.details-block{
	padding:40px 0 80px;
}
.details-block .details-left{
	width:100%;
	padding:0 0 30px;
}
.details-right{
	width:100%;
	margin:0;
}
.featured-top{
	padding:50px 0 40px;
}
.tab-content ul li .info{
	padding-left:15px;
}
.panel-left{
	width:100%;
	padding:0 0 10px;
}
.images-block{
	width:100%;
	padding-left:0px;
}

}



@media only screen and (min-width: 768px) and (max-width:991px) {
.container{
	width:750px;
}
.header-top h3{
	font-size:15px;
}
.services li{
	padding:0 15px 0 0;
}
.service-icon img {
    width: 80px;
}
.services li .service-icon{
	width:100px;
}
.services li h3{
	font-size:16px;
}
.services li:nth-child(3) .service-icon{
	width:100px;
}
.services li:nth-child(2) .service-icon img {
	height:65px;
	width:auto;
}
.services li:nth-child(2) .service-icon {
    width: 80px;
}
.frame {
    width: 720px;
	height: 425px;
	padding: 340px 42px 0;
}
.frame label.thumb {
    display: block;
    width: 145px;
}
.frame label.left{
	height:85px;
}
.frame label.left img, .frame label.right img {
    margin-top: 20px;
}
.label-block label{
	margin:0 15px;
}
.details-block{
	padding:40px 0 80px;
}
.details-block .details-left{
	width:100%;
	padding:0 0 30px;
}
.details-right{
	width:100%;
	margin:0;
}
.featured-top{
	padding:50px 0 40px;
}
.product-list li{
	width:350px;
	margin:0 20px 40px 0;
}
.product-list li:nth-child(2n){
	margin-right:0;
}
.frame input#push1:checked ~ div {margin-left:-1956px;}
.frame input#push3:checked ~ div {margin-left:0;}
.frame input#push5:checked ~ div {margin-left:-652px;}
.frame input#push7:checked ~ div {margin-left:-1304px;}
.frame input#push2:checked ~ div {margin-left:-652px;}
.frame input#push4:checked ~ div {margin-left:-1304px;}
.frame input#push6:checked ~ div {margin-left:-1956px;}
.frame input#push8:checked ~ div {margin-left:0;}

.content{
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
	background-position:center bottom 115px;
}
.frame label.right{
	height:85px;
	background:#222222;
}
.frame label.thumb.lab4, .frame label.thumb.lab8, .frame label.thumb.lab12, .frame label.thumb.lab16 {
    margin-right: 18px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container{
	width:970px;
}
.services li{
	padding:0 20px 0 0px;
}
.frame {
    width: 940px;
    height: 590px;
    padding: 435px 42px 0;
}
.details-block .details-left{
	width:45%;
	padding:0;
}
.details-right{
	width:55%;
	margin:0;
	padding-left:20px;
}
.product-list li {
    width: 220px;
    float: left;
    margin: 0 20px 0 0;
}
.featured-top{
	padding:65px 0 80px;
}
.frame label.thumb{
	width:201px;
}
.frame label.left,
.frame label.right{
	height:118px;
}
.frame label.left img, .frame label.right img {
    margin-top: 35px;
}
.frame input#push1:checked ~ div {margin-left:-2754px;}
.frame input#push3:checked ~ div {margin-left:0;}
.frame input#push5:checked ~ div {margin-left:-918px;}
.frame input#push7:checked ~ div {margin-left:-1836px;}
.frame input#push2:checked ~ div {margin-left:-918px;}
.frame input#push4:checked ~ div {margin-left:-1836px;}
.frame input#push6:checked ~ div {margin-left:-2754px;}
.frame input#push8:checked ~ div {margin-left:0;}
.content{
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	background-size:100% auto;
	background-position:center bottom 145px;
}
}

@media only screen and (min-width: 1200px){
.product-list{
	padding:0 30px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1330px){
.details-right{
	width:670px;
	margin:0;
}
}