/*@media (min-width: 1365px) and (max-width: 1500px){*/
    
/*}*/

/*@media (min-width: 1170px) and (max-width: 1299px){*/
    
/*}*/


/* Normal desktop :992px. */
/*@media (min-width: 992px) and (max-width: 1169px) {*/
/*}*/

/* Tablet desktop :768px. */
/*@media (min-width: 768px) and (max-width: 991px) {*/
/*}*/

/* small mobile :320px. */
/*@media (max-width: 767px) {*/
    
/*}*/

 /*Large Mobile :480px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    
    
   .product-comp{
      
    flex-wrap:wrap;
}
.box{
    width: 50%;


}

    
    
}
 
@media (max-width: 480px) {
    
    .first{
   width:100%;
  height:auto;
    }
    
    .return{
        display:none;
    }
    
    .middle_header{
        display:none;
    }
    
    .track{
        display:none;
    }
    
    .left_header{
         margin-left: 1em;
    }
    .logo span{
   
   font-size: 1.5rem;
  
    }
    .bars_mobile{
        margin-right: 0.4em;
        
    }
    
    
    .right_header{
        flex: 0.82;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 3px;
    }
    .sidebar{
    width: 70%;
    }
      .sidebar2{
    width: 70%;
    }
    .fa-xmark{
    left: 70%;}
    
    .second{
        
        display:none;
    
    }
    .second_mobile{
    display:inline-block;
    width:100%;
    height:auto;
    background-color:rgb(34, 31, 2);
    display:flex;
    align-items:center;
    
    
}
.search_mobile{
     width:95%;
    height:43px;
    display:flex;
    align-items:center;
    margin:10px;
    padding:5px;
    font-size: 1em;
    opacity:100%;
     border:1px solid transparent;
     border-radius:4px;
}
.search_mobile:hover{
    border:1px solid rgb(7, 137, 251);
}
.search_mobile form{
     width:100%;
    height:100%;
    font-size: 0.6em;
     border:1px solid transparent;
    border-radius:4px;
}
.search_mobile Search_icon{
    background-color:rgb(16, 139, 247);
    color:rgb(16, 139, 247);
}
    
    .logo i{
    display:block;
    color:white;
    font-size:1rem;
}
    
    
    

/*below header*/

   .product-comp{
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: flex;*/
    /*box-sizing: border-box;*/
    /*margin:20px 0;*/
    /*justify-content: space-around;*/
    
    flex-wrap:wrap;
   
   


}
.box{
    width: 100%;
/*    height: 400px;*/
/*background-color:white;*/
/*display:flex;*/
/*flex-direction:column;*/

}
/*.box h3{*/
/*    width:100%;*/
/*    height:35px;*/
/*    display:flex;*/
/*    font-size: 1rem;*/
/*    align-items:center;*/
/*    margin-left:5px;*/
   
  
/*}*/

/*.see_more{*/
/*    width:100%;*/
/*   Height:50px;*/
/*    Margin-top:20px;*/
/*    font-size: 1em;*/
/*  text-align:center;*/
/*    margin-left:10px;*/
/*}*/
/*.box a{*/
/*    font-size: 0.8em;*/
/*     width:100%;*/
/*     display:flex;*/
/*   text-align:center;*/
/*   justify-content:center;*/
/*    padding-top: 5px;*/
/*    color:black;*/
    
    
   
/*}*/
/*.box-a {*/
/*    width:100%;*/
/*    height:167.5px;*/
/*    display:flex;*/
/*    justify-content:space-around;*/
/*    flex-wrap:wrap;*/
/*}*/


.box-a div{
    width:45%;
    
    /*display:flex;*/
    /*flex-direction:column;*/
}
.box-a div img{
    /*width:100%;*/
     height:140px;
    
}






}




@media (max-width: 455px) {


/*For product.php page below codes*/


.product_main{
    width: 100%;
    height: auto;
    display: flex;
       flex-direction: column;
    padding:2px;
  
}

.imagesec{
width: 100%;
height: 93%;
position:-webkit-sticky;
    position: relative;
top:7%;
display: flex;
    padding: 5px 5px;
    align-items: center;
    justify-content: center;
}


.detailsec{
     width: 100%;
    
     
}
.detailsec-1{
     width: 100%;
        flex-direction: column;
}

.main_buy_detail{
     width: 100%;
   
}

.rightside_buy_detail{
     width: 100%;}


/*For product.php page ends above */


}