@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 375px) and (min-width: 320px){ 
.wraper{ width:300px;}
.outr_pic1 { display: none;}
.outr_pic { display: none;}
.top_left > img { width: 100%;}
.top_left { width: 96%;}
.top_right { float: left; width: 100%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 12px;}
.cont li { margin: 0 10px 20px 0; width: 98%;}
.fotr_rgt ul.link li { padding: 0 7px 0 0;}
.fotr_rgt ul.link li a { font-size: 17px;}
.fotr_rgt { width: 99%;}
.fotr_lft { width: 75%;}
.detail_lft { width: 93%;}
.detail_lft li { width: 85%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.detail_rgt { width: 82%;}
.faq { width: 94%;}
.banner_inr > img { width: 100%;}
.product { width: 95%;}
.product h5 { float: left;}
.cart1 > h5 { float: left;}
ul.buttons { width: 88%;}
.bnt { padding: 7px 0px; width: 90%; float: left;  text-align: center;}
.bnt2 { padding: 7px 0px; width: 90%; float: left;  text-align: center;}
.blog .detail_lft { width: 97%;}
.pro_top2 { width: 95%;}
.pro_top2 .pic1 { display: none;}
.pro_top2 .pic { display: none;}
.blog .detail_rgt { width: 78%;}
.pro_top > h5 { width: 70%;}
.gallery li { width: 97%;}
.gallery img { width: 100%;}
 }

@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{ width:360px;}
.outr_pic1 { display: none;}
.outr_pic { display: none;}
.top_left > img { width: 100%;}
.top_left { width: 96%;}
.top_right { float: left; width: 100%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 13px;}
.cont li { margin: 0 10px 20px 0; width: 98%;}
.fotr_rgt ul.link li { padding: 0 7px 0 0;}
.fotr_rgt ul.link li a { font-size: 17px;}
.fotr_rgt { width: 99%;}
.fotr_lft { width: 75%;}
.detail_lft { width: 93%;}
.detail_lft li { width: 85%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.detail_rgt { width: 82%;}
.faq { width: 94%;}
.banner_inr > img { width: 100%;}
.product { width: 95%;}
.product h5 { float: left;}
.cart1 > h5 { float: left;}
ul.buttons { width: 88%;}
.bnt { padding: 7px 0px; width: 90%; float: left;  text-align: center;}
.bnt2 { padding: 7px 0px; width: 90%; float: left;  text-align: center;}
.blog .detail_lft { width: 97%;}
.pro_top2 { width: 96%;}
.pro_top2 .pic1 { display: none;}
.pro_top2 .pic { display: none;}
.blog .detail_rgt { width: 78%;}
.pro_top > h5 { width: 70%;}
.gallery li { width: 97%;}
.gallery img { width: 100%;}
 }

@media only screen and (max-width: 600px) and (min-width: 481px){
.wraper{ width:460px;}
.outr_pic1 { display: none;}
.outr_pic { display: none;}
.top_left > img { width: 100%;}
.top_left { width: 96%;}
.top_right { float: left; width: 100%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 20px;}
.cont li { margin: 0 10px 20px 0; width: 98%;}
.fotr_rgt ul.link li { padding: 0 7px 0 0;}
.fotr_rgt ul.link li a { font-size: 17px;}
.fotr_rgt { width: 99%;}
.fotr_lft { width: 75%;}
.top_right li { padding: 0 10px;}
.cont li span { width: 97%;}
.detail_lft { width: 93%;}
.detail_lft li { width: 85%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.detail_rgt { width: 82%;}
.faq { width: 94%;}
.banner_inr > img { width: 100%;}
.product { width: 95%;}
.product h5 { float: left;}
.cart1 > h5 { float: left;}
ul.buttons { width: 88%;}
.bnt { padding: 7px 0px; width: 90%; float: left;  text-align: center;}
.bnt2 { padding: 7px 0px; width: 90%; float: left;  text-align: center;}
.blog .detail_lft { width: 97%;}
.pro_top2 { width: 96%;}
.pro_top2 .pic1 { display: none;}
.pro_top2 .pic { display: none;}
.blog .detail_rgt { width: 78%;}
.pro_top > h5 { width: 70%;}
.gallery li { width: 44%;}
.gallery img { width: 100%;}
.gallery li:nth-child(5) { margin: 0 25px 0 0;}
 }

@media only screen and (max-width: 667px) and (min-width: 601px){ 
.wraper{ width:590px;}
.outr_pic1 { display: none;}
.outr_pic { display: none;}
.top_left > img { width: 50%;}
.top_left { width: 96%;}
.top_right { float: left; width: 100%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 20px;}
.cont li { margin: 0 10px 20px 0; width: 47%;}
.fotr_rgt ul.link li { padding: 0 7px 0 0;}
.fotr_rgt ul.link li a { font-size: 17px;}
.fotr_rgt { width: 99%;}
.fotr_lft { width: 75%;}
.top_right li { padding: 0 10px;}
.cont li span { width: 95%;}
.detail_lft { width: 93%;}
.detail_lft li { width: 45%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.detail_rgt { margin-left: 22%; width: 47%;}
.banner_inr > img { width: 100%;}
.product { width: 95%;}
.product h5 { float: left;}
.cart1 ul { width: 50%;}
ul.buttons { width: 75%;}
.blog .detail_lft { width: 97%;}
.pro_top2 { width: 97.3%;}
.pro_top2 .pic1 { display: none;}
.pro_top2 .pic { display: none;}
.blog .detail_rgt { width: 45%;}
.pro_top > h5 { width: 70%;}
.gallery li { width: 29%;}
.gallery li:nth-child(5) { margin: 0 25px 0 0;}
.gallery img { width: 100%;}
 }

@media only screen and (max-width: 800px) and (min-width: 668px){ 
.wraper{ width:640px;}
.outr_pic1 { display: none;}
.outr_pic { display: none;}
.top_left > img { width: 100%;}
.top_left { width: 50%;}
.top_right { float: left; width: 100%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 20px;}
.cont li { margin: 0 17px 20px 0; width: 47%;}
.fotr_rgt { width: 57%;}
.top_right li { padding: 0 10px;}
.cont li span { width: 95%;}
.detail_lft { width: 97%;}
.detail_lft li { width: 22%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.detail_rgt { margin-left: 22%; width: 44%;}
.banner_inr > img { width: 100%;}
.product { width: 95%;}
.product h5 { float: left;}
ul.buttons { width: 75%;}
.detail_lft ul.buttons li{ width: 40%;}
.blog .detail_rgt { width: 27%;}
.pro_top2 { width: 96.3%;}
.pro_top2 > h5 { font-size: 15px;}
.blog .detail_rgt { margin-left: 3%;}
.pro_top > h5 { font-size: 20px; width: 60%;}
.gallery li { width: 29%;}
.gallery li:nth-child(5) { margin: 0 25px 0 0;}
.gallery img { width: 100%;}
 }

  @media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) { 

 }

@media only screen and (max-width: 1091px){
.wraper{ width:780px;}
.outr_pic1 { display: none;}
.outr_pic { display: none;}
.top_left > img { width: 100%;}
.top_left { width: 50%;}
.top_right { float: left; width: 100%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 20px;}
.cont li { margin: 0 17px 20px 0; width: 47%;}
.fotr_rgt { width: 47%;}
.top_right li { padding: 0 10px;}
.cont li span { width: 95%;}
.detail_lft { width: 97.5%;}
.detail_lft li { width: 22%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.banner_inr > img { width: 100%;}
.product { width: 100%; min-height: 342px;}
.product h5 { }
.product > ul { width: 56%;}
ul.buttons { width: 75%;}
.detail_lft ul.buttons li{ width: 48%;}
.blog .detail_rgt { width: 27%;}
.pro_top2 { width: 96.3%;}
.pro_top2 > h5 { font-size: 17px;}
.blog .detail_rgt { margin-left: 3%;}
.pro_top > h5 { font-size: 20px; width: 60%;}
.gallery li { width: 30%;}
.gallery li:nth-child(5) { margin: 0 25px 0 0;}
.gallery img { width: 100%;}
.a3dg-image {height: 400px !important; margin-top: -50px; top: 0px !important;}
.a3dg-image-wrapper {height: 400px !important;}
 }

@media only screen and (max-width: 1091px) and (min-width: 963px){ 
.wraper{ width:950px;}
.banner_inr > img {width: 97.5%; padding-left: 5px;}
.top_left > img { width: 100%;}
.top_left { width: 35%;}
.top_right { float: right; margin: 4px 45px 0 0; width: 52%;}
.log { float: right;  padding-left: 0;}
.slide > img { width: 100%;}
.bnr_txt h5 { font-size: 20px;}
.cont li { margin: 0 17px 20px 0; width: 23%;}
.fotr_rgt { width: 47%;  margin: 0 45px 0 0;}
.top_right li { padding: 0 10px;}
.cont li span { width: 93%;}
.txt > h6 { font-size: 12px;}
.txt > h5 { font-size: 14px;}
.detail_lft { width: 63%;}
.detail_lft li { width: 22%;}
.detail_lft li img{ width:100%;}
.imgg > img { width: 100%;}
.product > ul { width: 44%;}
ul.buttons { width: 75%;}
.detail_lft ul.buttons li{ width: 39%;}
.gallery li { width: 15%;  margin: 0 8px 8px 0;}
.gallery li:nth-child(5) { margin: 0 8px 0 0;}
.gallery img { width: 100%;}
 }

@media only screen and (max-width: 1308px) and (min-width: 1091px){
.fotr_rgt {width: auto !important;}
.detail_lft {width: 65% !important;}
}
@media only screen and (max-width: 1308px) and (min-width: 1281px){
.fotr_rgt {width: auto !important;}
.detail_lft {width: 71%;}
}
@media only screen and (max-width: 979px) and (min-width: 1px){
.detail_lft {width: auto !important;}
}
@media only screen and (max-width: 979px) and (min-width: 1px){
.detail_rgt {margin-left: 32%;}
}
@media only screen and (max-width: 890px) and (min-width: 0px){
.outr_pic3, .outr_pic2 {display: none !important;} 
}
@media only screen and (max-width: 971px) and (min-width: 962px){
.wraper {width: 900px;}  }
@media only screen and (max-width: 1280px) and (min-width: 1092px){
.wraper {width: 1000px;}
.banner_inr > img {width: 97.5%; padding-left: 5px;}  }
@media only screen and (max-width: 1280px) and (min-width: 1068px){  }
@media only screen and (max-width: 1280px) and (min-width: 963px){
.productp {width: 47%; height: 300px !important;}
}
@media only screen and (max-width: 962px) and (min-width: 1px){
.productp {width: 98%;} .banner_inr > img {width: 99.3%; padding-left: 6px;}
}
#carttotalcheckout {width:46%; float:left; margin-top: 19px !important; margin-left: -41px; padding-right: 20px;}
@media only screen and (max-width: 1308px) and (min-width: 1px){
#carttotalcheckout {width: 103.5%; padding-right: 0px !important;
}
@media only screen and (max-width: 1280px) and (min-width: 1px){
#carttotalcheckout {width: 104.3%; padding-right: 0px !important;}
.catpageimage {height: 322px; margin-bottom: 20px; width: 480.5px; height: auto;}
}
@media only screen and (max-width: 1091px) and (min-width: 1px){
.catpageimage {margin-bottom: 12px; width: 457.5px; height: auto;}
}
@media only screen and (max-width: 971px) and (min-width: 1px){
#carttotalcheckout {width: 104.8%; padding-right: 0px !important;}
.catpageimage {margin-bottom: 12px; width: 434px; height: auto;}
}
@media only screen and (max-width: 961px) and (min-width: 1px){
#carttotalcheckout {width: 105.5%; padding-right: 0px !important;}
.catpageimage {margin-bottom: 12px; width: 380px; height: auto; margin-right: 12px !important;}
.prodimagediv {width: 101.5%;}