@media screen and (max-width:1024px) {
.center{ width:96%;}
.ctn{ width:96%;}
.style-1{width:33.5%;}
.style-2{ width:65%;}
.menu{ width:100%;}



.category ul li{ width:23.5%;}
.prod{ width:100%;}
.prod h3{ font-size:16px;}


/************FOOTER********/
ul.ofr{ float:right;}
ul.link-1 li {margin: 0 15px 0 0;}
.f-1 { width:22%; margin: 38px 20px 30px 5px;}





/*--------------LISTING PAGE CSS-------------*/
.right-bar{ width:70%;}
.gall-1 ul li { width:30%;}
.gall-2 ul li{width:31%;}


/*--------------DETAIL PAGE CSS-------------*/
.dtl-left{ width:40%;}
.dtl-right{ width:55%;}


/*--------------SHOPING PAGE CSS-------------*/
.shoping{ width:100%;}
.chkout{ width:100%;}


.fild { width:85%;}
a.btn-3 { margin-left:0px;} 
ul.form li div{ width:42.7%;}
ul.form li .sbHolder{ width:87%!important;}

.account ul.form li div{ width:36%;}
.account ul.form li .sbHolder{ width:99%!important;} 
.account .fild { width:97%;}
}

@media screen and (max-width:960px) {
  
  /*--------------SHOPING PAGE CSS-------------*/

.fild { width:84%;}
a.btn-3 { margin-left:0px;} 
ul.form li div{ width:42.2%;}
ul.form li .sbHolder{ width:86%!important;}
  

  
  
  }





@media screen and (max-width:768px) {
/*TOP SHOW HIDE MENU*/
ul.link-1{ text-align:center; display:none;}
ul.link-1 li {margin: 5px 15px 5px 0; display:inline-block; float:none; line-height:normal;}
.search{display:none;}
.open1 ul.link-1{ display:block; padding-bottom:10px;}
.open .search{ display:block; margin:10px;}
/*TOP SHOW HIDE MENU*/

.my-menu{ display:block;}
.menu{ display:none;}
.text-1{ margin:10px 0 10px 0px; }

.style-1{width:33.5%;}
.style-2{ width:65%;}




.category ul{ margin:0px; width:100%; text-align:center;}
.category ul li{ width:45%; float:none; display:inline-block; margin:0 15px 30px 15px;}













/************FOOTER********/

.f-1 { width:45%; margin: 38px 35px 10px 0px; min-height:180px;}
ul.social{ width:100%; text-align:center;}
ul.social li{ float:none; display:inline-flex;}
ul.ofr{width:100%; text-align:center;}
ul.ofr li{float:none; display:inline-block; margin:0 10px 20px 10px;}
.subs{ clear:both; margin:0px auto; float:none;}
.copy{ text-align:center;}

/************FOOTER********/


/*--------------LISTING PAGE CSS-------------*/


.ctn {margin: 8px auto 10px;}
.left-bar{ width:100%; margin:0px 0 0 0px;}
.acc-box{ width:50%; float:left;}
.accordionButton,.over,.on .accordionContent{ width:96%;}
.accordionContent{ width:98.2%;}
.secret{ display:none;}


.right-bar{ width:100%; margin:20px 0 0 0px;}
.gall-1 ul{ text-align:center;}
.gall-1 ul li { display:inline-block; float:none;}


/*--------------DETAIL PAGE CSS-------------*/


.dtl-left{ width:100%; text-align:center;}
.dtl-right{ width:100%;}


.gall-2 ul{ text-align:center;}
.gall-2 ul li { width:30%; display:inline-block; float:none;}



.fild { width:80%;}
a.btn-3 { margin-left:0px;} 
ul.form li div{ width:40%;}
ul.form li .sbHolder{ width:82%!important;}



}





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



.category ul li{ margin:0 13px 30px 13px;}

.f-1 { width:42%; margin: 38px 35px 10px 0px;}



/*--------------DETAIL PAGE CSS-------------*/
.gall-2 ul li { width:30%; display:inline-block; float:none; margin:0px 9px 10px 9px;}


/*--------------SHOPING PAGE CSS-------------*/

.fild { width:77%;}
a.btn-3 { margin-left:0px;} 
ul.form li div{ width:38%;}
ul.form li .sbHolder{ width:79%!important;}


}





@media screen and (max-width:568px) {
 .logo{ width:100%; text-align:center;} 
 .H-right{width:100%; text-align:center;}
  
ul.link-3{ width:100%; text-align:center; margin:0px;}
ul.link-3 li{ display:inline-block; margin:10px; float:none;}

.style-1{width:72%;float:none;  margin:0px auto 10px;}
.style-2{ width:100%;}

.f-1 { width:42%; margin: 38px 35px 10px 0px;}



.category ul li{ margin:0 12px 30px 12px;}


/*--------------LISTING PAGE CSS-------------*/
.gall-1 ul li { width:45%;}
.text-2{ font-size:24px;}
.open { padding:10px 0px;}
.open .search {float: none; margin: 0 auto;}


/*--------------DETAIL PAGE CSS-------------*/
.gall-2 ul li { width:45%;}



/*--------------SHOPING PAGE CSS-------------*/

.fild { width:74%;}
a.btn-3 { margin-left:0px;} 
ul.form li div{ width:36.5%;}
ul.form li .sbHolder{ width:76%!important;}

}





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

.style-1{width:85%;float:none;  margin:0px auto 10px;}
.style-2{ width:100%;}
.category ul li{ width: auto; margin:0 12px 30px 12px;}



.f-1 { width:46%; margin: 38px 10px 10px 0px;}
ul.social li{ margin:0px 8px;}


/*--------------LISTING PAGE CSS-------------*/

.acc-box{ width:100%; float:left;}
.accordionButton,.over,.on .accordionContent{ width:98%;}
.accordionContent{ width:99.7%;}


/*--------------DETAIL PAGE CSS-------------*/

.qua ul li a.add{ margin:0 0 15px 0px;}
.gall-2 ul{ margin:0px;}


/*--------------SHOPING PAGE CSS-------------*/

.account{width:100%;}

.shop-ctn{ width:60%;}

ul.form li label{ width:100%; display:block;}
.fild { width:98%;}
a.btn-3 { margin-left:0px;} 
ul.form{ width:96%; margin:0px auto;}
ul.form li .sbHolder{ width:99%!important;}
ul.form li div{ width:100%;}


.account ul.form li div {width: 100%;}


}




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


.style-1{width:85%;float:none;  margin:0px auto 10px;}
.style-2{ width:100%;}




.f-1 { width:100%; margin: 20px 0px 10px 0px;}
ul.social li:first-child{ display:block;}
ul.social li{ margin:0px 8px;}
ul.ofr li{float:none; display:inline-block; margin:0 8px 20px 8px;}





/*--------------LISTING PAGE CSS-------------*/
.gall-1 ul{ margin:0px;}
.gall-1 ul li { width:75%;}
.text-2{ font-size:14px;}
.acc-box{ width:100%; float:left;}
.accordionButton,.over,.on .accordionContent{ width:97.4%;}
.accordionContent{ width:99.7%;}




/*--------------DETAIL PAGE CSS-------------*/

.qua ul li a.add{ margin:15px 0px;}
.gall-2 ul{ margin:0px;}
.gall-2 ul li { width:75%;}


/*--------------SHOPING PAGE CSS-------------*/



.shop-pic{ float:none; margin:0px auto 15px;}
.shop-ctn{ width:100%;}

}

@media screen and (max-width:320px) {
  
  ul.social li{ margin:0px 5px;}
  ul.ofr li{float:none; display:inline-block; margin:0 2px 20px 2px;}
    /*--------------LISTING PAGE CSS-------------*/

.gall-1 ul li { width:85%;}
.text-2{ font-size:14px;}
.acc-box{ width:100%; float:left;}
.accordionButton,.over,.on .accordionContent{ width:97%;}
.accordionContent{ width:99.4%;}
  /*--------------DETAIL PAGE CSS-------------*/

.gall-2 ul li { width:85%;}

.caption{ right:10%;}
.caption h2{ font-size:22px;}
.caption h2 span{ font-size:16px;}

  }