@media screen and (max-width:1024px) {
.center{ width:96%;}
.ctn{ width:96%;}
ul.link-1 li {margin: 0 15px 0 0;}
.f-1 { width:22%; margin: 38px 20px 30px 5px;}



.style-1{ width:65%;}
.style-2{width:34%;}
.style-3{width:34%;}
.style-4{ width:65%;}



/*--------------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;}

}


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


.style-1{ width:65%;}
.style-2{width:34%;}
.style-3{width:34%;}
.style-4{ width:65%;}


/*--------------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:63%;}
.style-2{width:35%;}
.style-3{width:35%;}
.style-4{ width:63%;}




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

.f-1 { width:45%; margin: 38px 35px 10px 0px;}
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: 0px 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) {





.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) {
ul.link-3{ width:100%; text-align:center; margin:0px;}
ul.link-3 li{ display:inline-block; margin:10px; float:none;}
.style-1{ width:100%;}
.style-2{width:72%; float:none; margin:0px auto 10px;}
.style-3{width:72%;float:none;  margin:0px auto 10px;}
.style-4{ width:100%;}




.f-1 { width:42%; margin: 38px 35px 10px 0px;}
/*--------------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:100%;}
.style-2{width:85%; float:none; margin:0px auto 10px;}
.style-3{width:85%;float:none;  margin:0px auto 10px;}
.style-4{ width:100%;}




.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%;}

}




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

.style-1{ width:100%;}
.style-2{width:85%; float:none; margin:0px auto 10px;}
.style-3{width:85%;float:none;  margin:0px auto 10px;}
.style-4{ 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%;}
  
  }