@media screen and (max-width:1024px) {
  
  .wrap{ width:100%; margin:0px auto;}
 
  .left-bar{ display:none;}
  .right-bar{ width:100%;}
 .menu ul li:first-child {margin-right: 112px;}

 
     /**************PRODUCT HISTORY*********/
ul.my-pro{ width:83%; margin:0px auto;}

 .ctn_right{width: 56.6%}

    ul.list-3{ margin:62px  auto 120px;}
 
}


@media screen and (max-width:960px) {
  
 .menu ul li:first-child {margin-right: 55px;}
.form{ width:54.6%;}
  .wid-3{ width:41%;}
  
       /**************PRODUCT HISTORY*********/
ul.my-pro{ width:89%; margin:0px auto;} 
}



@media screen and (max-width:768px) {
  
  
  
  .ctn-1 {padding: 80px 25px;}
   .H-right{ display:none;}
  .logo{ width:100%; text-align:center;}
  .menu{ display:none;}
  a.list{ display:block;}
  a.home{display:block; width:31px; height:31px; float:left;  background:url(../img/home.png) left no-repeat; margin:9px 0 0 25px;}
   .menu_1{ display:block;}
   .btn-1{ margin-bottom:263px;}
   
   /*---CONTACT PAGE CSS----*/ 
 
  .form{ width:94%; float:none; margin:0px auto; padding:25px 0 0 0px;}
  .left-1{ width:100%; margin-bottom:0px; padding-bottom:0px;}
  .left-1 img{ display:none;}
 
  
 
  
   /*-----ABOUT PAGE CSS----*/

  .abt-txt {float: left;width: 85%; padding:0px;}
  .abt-txt p { padding-right:0px;}
  .txt_1 {padding: 15px 25px 0;}
  
  
  
    
    /*-----MY DETAIL PAGE CSS----*/
  .dtl-row ul li{ width:100%;}
  .dtl-row-2 ul li{ width:100%;}
  .red-up{ display:none;}
  .form-1{ width:80%;}
  .txt-6{ width:42%;}
  .dtl-row-2 ul li:first-child{width:100%;}
  
  .dtl-row-3 ul li{ width:100%;}
  .dtl-row-3 ul li:first-child{ width:100%;}
   /*-----MY ORDERS PAGE CSS----*/
   
  .wid-1,.wid-2,.wid-3{ width:29%;}
  /*.wid-4,*/.wid-5,.wid-6{ display:none;}

  .row-1{ display:block;}
  .prod-dtl,{ border:0px;}
  .dtl{ padding:0px; border:0px; border-bottom:solid 1px #fff;}
  .row-1 ul li{ padding:20px 0px;}
  .prod-left{ width:40%; float:left; margin-top:15px; margin-right:20px;}
 .prod-right{ width:55%; float:left; margin-top:15px;}

.H-1,.H-2,/*.H-3,.H-4,.H-5,*/.H-6,.H-7{ display:none;}

.more-prod {margin: 20px 0;}
.more-prod ul{ text-align:center;}
.more-prod ul li{ display:inline-block; float:none; margin:0px 3px;}



   /*-----MY VART PAGE CSS----*/
.ctn_right{ width:93%; margin:0px auto; float:none; padding:0px; padding-top:25px;}

/*-------header menu------*/
a.msearch{ width:29px; float:right; line-height:50px; margin:0 11px 0 0px; color: #FFFFFF;font-size: 20px; text-align:right;display:block;   }
.logname-left{ text-transform: uppercase; margin:0 0 0 13px; color: #FFFFFF;font-size: 20px; text-align:left; line-height:50px;display:inline-block;}
.logname-right{float:right; text-transform: uppercase; margin:0 21px 0 0px; color: #FFFFFF;font-size: 20px; text-align:right; line-height:50px; display:block; }



     /**************PRODUCT HISTORY*********/
ul.my-pro{ width:83%; margin:0px auto;}

    /*-----MY CART PAGE CSS----*/
      .left-2{ width:100%; margin-bottom:0px; padding-bottom:0px; text-align:center;}
.ctn_right{ width:100%; margin:0px auto; float:none; padding:0px; padding-top:25px; clear:both;}
.ctn_right h1,.ctn_right p{ padding-left:25px ;}

ul.list-3{ margin:62px  auto 100px;}
.dark-1{ padding-bottom:1px;}
  
.info-1 button {margin: 15px 0 60px;width: 60%;}




.forgot-form ul {margin: 0 0 216px 0px;}


}


@media screen and (max-width:640px) {
  
 .menu_1{ width:61%;}
 
 /*---CONTACT PAGE CSS----*/ 
 
  .form{ width:92%; }
  
   /*-----ABOUT PAGE CSS----*/

  .abt-txt {float: left;width: 82%; padding:0px;}
  .abt-txt p { padding-right:0px;}

 
 
   /*-----MY ORDERS PAGE CSS----*/
   
  .wid-1,.wid-2,.wid-3{ width:28%;}
  
    .prod-left{ width:30%; float:left; margin-top:15px;}
 .prod-right{ width:70%; float:left; margin-top:15px;}
 
     /**************PRODUCT HISTORY*********/
ul.my-pro{ width:100%; margin:0px auto;}

/*----Cart page----*/
.cart-ctn {
    float: left;
    padding: 15px 0 0;
}

}


@media screen and (max-width:568px) {
  
  
  /*---ACCOUNT PAGE CSS----*/ 
  .login-form{ width:70%; margin:50px auto;}
  .forgot-form{ width:70%;}
  
  
  .menu_1{ width:69%;}
  
  /*---CONTACT PAGE CSS----*/ 
   
  .form{ width:90%;}
  
  
   /*-----ABOUT PAGE CSS----*/

  .abt-txt {float: left;width: 80%; padding:0px;}
  .abt-txt p { padding-right:0px; /*font-family: 'proxima_nova_altregular';*/ font-size:18px;}
  .abt-txt p span{font-family: 'proxima_nova_altsemibold'; }
.txt_1{/*font-family: 'proxima_nova_altregular';*/ font-size:18px;}
  
  
  

     /*-----MY ORDERS PAGE CSS----*/
  
 .wid-1,.wid-2,.wid-3{ width:27%;}
 /*.wid-3,.wid-4,*/.wid-5,.wid-6{ display:none;}
/* .H-1,.H-2,.H-3,.H-7{ display:block;}*/

.H-1,.H-2,/*.H-3,.H-4,.H-5,*/.H-6,.H-7{ display:none;}

  .row-1{ display:block;}
  .prod-dtl{ border:0px;}
  .row-1 ul li{ padding:10px 0px; width:50%;}
  .prod-left,.prod-right{ width:100%; float:left; margin-top:15px;}
.enq{ width:100%;}
.prod-left ul li{  width:100%;}

 
  .btn-1{ margin-bottom:63px;}
    /**************PRODUCT HISTORY*********/
ul.my-pro{ width:75%; margin:0px auto;}


  /*-----MY CART PAGE CSS----*/
ul.list-3{ margin:62px auto 100px;}
ul.list-3 li a{font-size:25px;}
.cart-ctn h3{ font-size:21px;}





}



@media screen and (max-width:480px) {
  
  .menu_1{ width:83.5%;}
  .open ul li{ width:100%;} 
  
  /*---CONTACT PAGE CSS----*/ 
    
  .form{ width:89%; }
  .fild-2,.txt_area{ width:97%;}
  .login-form {width: 80%;}
  .forgot-form{ width:80%;}

   /*-----ABOUT PAGE CSS----*/

  .abt-txt {float: left;width: 75%; padding:0px;}
  .abt-txt p { padding-right:0px; font-size:15px;}
  .abt-txt p span{  font-size:18px;}
  .txt-2{ font-size:15px !important;}
  

   /*-----MY DETAIL PAGE CSS----*/
 ul.form-1{ width:90%;}
  ul.form-1 li label{ width:100%;}
.fild-3{ width:84%;}
a.edit{ color: rgba(0, 0, 0, 0);}

/*-------header menu------*/
a.msearch{ width:29px; float:right; line-height:50px; margin:0 11px 0 0px; color: #FFFFFF;font-size: 20px; text-align:right; display:block;  }
.logname-left{ text-transform: uppercase; margin:0 0 0 13px; color: #FFFFFF;font-size: 20px; text-align:left; line-height:50px;}
.logname-right{float:right; text-transform: uppercase; margin:0 21px 0 0px; color: #FFFFFF;font-size: 20px; text-align:right; line-height:50px; display:block;}

/*-------Forgot page------*/

.login-ctn h2 {    font-size: 33px;padding: 0 0 11px;}
.forgot-form{ width:80%; }

  /**************PRODUCT HISTORY*********/
ul.my-pro{ width:89%; margin:0px auto;}
.more-prod ul li{ display:inline-block; float:none; margin:5px 5px;}




.btnspan {margin: 0 57px 0 0;}
.pcode {display: block;padding: 0 30px 0 0;text-align: center;}



}



@media screen and (max-width:360px) {
  
   .menu_1{ width:90%;}
   .s-fild{ width:81%;}
   .login-form {width: 84%;}
   .open ul li{ width:100%;} 

    /*---CONTACT PAGE CSS----*/ 
    
    
    .form{ width:84%; }
     
      /*-----ABOUT PAGE CSS----*/

  .abt-txt {float: left;width: 65%; padding:0px;}
  .abt-txt p { padding-right:0px; font-size:15px;}
  .abt-txt p span{  font-size:18px;}
  .txt-2{ font-size:15px !important;}
     
   /*-----MY DETAIL PAGE CSS----*/
.txt-5 {line-height: 20px;width: 35%;}




   /*-----MY ORDERS PAGE CSS----*/



   .wid-1,.wid-2,.wid-3/*.wid-7*/{ width:23%; margin-left:0px;}
   /*.wid-2,.wid-3,.wid-4,*/.wid-5,.wid-6{ display:none;}
  
  .row-1{ display:block;}
  .prod-dtl{ border:0px; }
  .row-1 ul li{ padding:20px 0px; width:50%;}
  .prod-left,.prod-right{ width:100%; float:left; margin-top:15px;}
  .enq{ width:100%;}
  .prod-left ul li{  width:100%;}
.ord-search{ width:280px;}
#hide{ margin-right:16px;}




   /*-----MY CART PAGE CSS----*/
 .cart-ctn{ width:60%;}  
  .cart-pic{ width:30%;}
  .cart-ctn h3{ font-size:18px;}
  .cart-ctn h3 span{ font-size:13px;}
   
ul.list-3{ width:90%;}
ul.list-3 li a{ font-size:22px;}
   
.info-1 button{ width:98%;}

.left-2 img{ width:80%;}

  /**************PRODUCT HISTORY*********/
ul.my-pro{ text-align:center; }
ul.my-pro li{ display:inline-block; float:none;}

/*-------Forgot page------*/

.login-ctn h2 {    font-size: 33px;padding: 0 0 11px;}
.forgot-form{ width:90%; }

 .row{ font-size:12px;}
ul.enq li{ width:48%;}





.btnspan {margin: 0 33px 0 0;}
.pcode {display: block;padding: 0 30px 0 0;text-align: center;}
.adp{  font-size: 18px;padding: 0 0 0 24px;width: 210px;}

}




@media screen and (max-width:320px) {
  
  /*---ACCOUNT PAGE CSS----*/ 
  .btn-3 {width: 84%;}
  
  .menu_1{ width:96%;}
  .s-fild{ width:78.7%;}
  .login-form {width: 84%;}
  .open ul li{ width:100%;} 
  .logo img{ width:80%;}
  
   /*---CONTACT PAGE CSS----*/ 
    
  .form{ width:84%;}
  
  
      
    /*-----ABOUT PAGE CSS----*/

  .abt-txt {float: left;width: 66%; padding:0px;}
  .abt-txt p { padding-right:0px; font-size:15px;}
  .abt-txt p span{  font-size:18px;}
  .txt-2{ font-size:15px !important;}
  .abt-pic{ margin-right:20px;} 
    
  /*-----MY DETAIL PAGE CSS----*/
  .txt-5 {line-height: 20px;width: 35%;}
  
    
 /*-----MY ORDERS PAGE CSS----*/
.pcode {
    display: block;
    padding: 0 10px 0 0;
    text-align: right;
}
.col-1 span{ margin:0px; border:0px;}
.col-2 span{ margin:0px; border:0px;}
 .row{ font-size:12px;}
.wid-1{ width:36%; margin-left:0px;}
  .wid-2,.wid-3{ width:23%; margin-left:0px;}
  
  .ctn h1 a{ width:220px; }  

.btnspan {margin: 0 20px 0 0;}
.pcode {display: block;padding: 0 30px 0 0;text-align: center;}
.adp{  font-size: 18px;padding: 0 0 0 24px;width: 190px !important;}


}