@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:320px) and (max-width:1100px) {
	.show{display:block !important}

.cel, #tlip ,.panel, #flip{
    padding: 6px 25px;
    text-align: left;
    background: #525252;
    border-top: solid 1px #c3c3c3;
}
.cel a, #tlip a ,.panel a, #flip a{color:#fff;/* text-align: left !important; */}

.cel ,.panel {
    display: none
}
nav.abc{display:none}
.effect{transition:all ease-in-out 0.5s}

.cel{font-size:12px;color:#ccc !important}
}
@media only screen and (min-width:320px) and (max-width:480px) {
	
	body{width:100% !important}
	.our-content{padding:10px}
	
	.wrop{text-align: center;height: auto !important;width: 75% !important;overflow: hidden;}
 .wrap{text-align: center;height: auto !important;width: 95%;overflow: hidden}
	.logo{margin: 0px;text-align: center;height: 100px;background-size: 100px;width: 100px}
	.abc{width:100%;margin:0 !important}
	.abc ul li{border: none}
	.abc ul li a{border: none !important;font-size:10px !important;}
	.abc ul li.home,.main,h3.homeslider{display:none !important}
	.top-header, .top{height: 100px !important}
	
	.head p, .head h3 {line-height:normal}
	.head p {font-size:12px}
	.head h3{font-size:14px;padding-bottom:10px}
	.head span{font-size:11px;padding:5px}
	.head span a{text-decoration:none;color:#fff}
	.content .box h2{font:lighter 1em/normal 'Roboto', sans-serif }
	.content .box{width: 82% !important;background: rgba(200, 210, 216,0.6);margin-bottom:20px;margin-left: 3%;}
	
	.content  .box:nth-child(1) aside {background-position: -45px 11px;background-size: 360%;background-repeat: no-repeat;}
	.content .box:nth-child(2) aside {background-position: -337px 14px;background-size: 433%;margin: 0;}
	.content .box:nth-child(3) aside {background-position: -560px 11px;background-size: 633%}
	 .content .box:nth-child(4) aside {background-position: -735px 10px;}
	
	.container{display:none }
	
	.hide{display:none !important}
	section.hm-blk {height:1450px;background-repeat:repeat}
	footer .left{width: 43%;margin:0;text-align: left;}
	footer .left p {text-align:center}
	footer .right {width: 56%;top: 15px;/* left: 60px; */}
	.fa-3x {font-size:1.5em !important}
	.mod p {font-size: 0.8em;padding: 10px 0}
	
	.customer_support .cat article a{font-size: 10px;padding: 7px 10px;line-height: normal}
	
	#tabs > ul > li{

padding: 8px !important;
    font-size: 8px }
#tabscontent{width:88% !important}
.tabbs > p{font-size:12px !important}
	
.mobile-view{display:block;position: absolute;right: 0;top: 40%;z-index: 9999;}

.mobile-view select{text-transform:uppercase;font-size: 12px;padding: 4px;}
.mobile-view select .sub-text{font-size: 11px;color:#393939}
.toggle{margin:0 !important}
.padding-up{padding-top:5px}
.padding-down{padding-bottom:5px}
.social{margin-top: -12px;}


.contact_left_inner , .contact_right_inner,.contact_right{     width: 95%;position:static;border:0px}
.map-box, .white-box{display:none}

.contact_right ul li.buttons {float: left !important;}
.contact_right_inner label {text-align:left !important;width:100% !important}
.contact_right ul li input[type="text"]{width: 308px !important;}
.c-image img{max-width:100%}
.contact_right ul li input[type="reset"],.contact_right ul li input[type="submit"]  {float: left;margin: 5px 7px 0 0px;width: 74px;}

.content .inner2 .prd-blk:nth-child(1) aside {
    background: url(../img/product-page.png) -27px -211px no-repeat;
    width: 436px;
    height: 217px;
    overflow: hidden;
    background-size: 840px;
}




.content .inner1 .prd-blk:nth-child(1) aside {
    background: url(../img/product-page.png) -76px -10px no-repeat;
    width: 460px;
    height: 243px;
}


.outer2 .prd-blk {
    width: 220px;}
}

@media only screen and (min-width:481px) and (max-width:600px) {
	.wrap{text-align: center;height: auto !important;width: 95%;overflow: hidden}
	.content .box {margin-left: 4%}
.content {
    width: 464px}
}
@media only screen and (min-width:481px) and (max-width:600px) {
.contact_left_inner , .contact_right_inner,.contact_right{     width: 95%;position:static;border:0px}

.content .inner2 .prd-blk:nth-child(1) aside {
    background: url(../img/product-page.png) -27px -211px no-repeat;width: 436px;height: 217px;overflow: hidden;background-size: 840px;
}




.content .inner1 .prd-blk:nth-child(1) aside {
    background: url(../img/product-page.png) -76px -10px no-repeat;width: 460px;height: 243px}


.outer2 .prd-blk {width: 220px}

}

@media only screen and (min-width:481px) and (max-width:865px) {
 #tabs > ul > li{   font-size: 12px}
}

@media only screen and (min-width:600px) and (max-width:720px) {
.contact_left_inner , .contact_right_inner, .contact_right{     width: 95%;position:static;border:0px}
}

@media only screen and (min-width:720px) and (max-width:900px) {
.contact_left_inner , .contact_right_inner, .contact_right{     width: 95%;position:static;border:0px}
}




@media only screen and (min-width:950px) and (max-width:1000px) {
.content .box:nth-child(4) aside {
    background: url(../img/home-block.png) -758px 0 no-repeat;background-size: 940px}

.content .box h2{font-size:90%}

.content .box:nth-child(3) aside {
    background: url(../img/home-block.png) -528px -1px no-repeat;margin: 0 ;background-size: 898px}


.content .box:nth-child(2) aside {
  
    background: url(../img/home-block.png) -284px 0 no-repeat;
    background-size: 750px}


.content .box:nth-child(1) aside {
    background: url(../img/home-block.png) -110px -16px no-repeat;
    background-size: 900px;
    transform: rotateZ(8deg);
}
}


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

.content .box h2{font-size:90%}


}

@media only screen and  (max-width:1100px) {
.contact_left_inner , .contact_right_inner, .contact_right{     width: 95%;position:static;border:0px}
}