/* sticky header */
  div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0%;
    z-index: 9999;
    opacity:0.9;
  }

.top-mid-options {
    padding:10px 0px;
    border-radius: 7%;
    background-color: #79520b;
    cursor: pointer;
    color: #fff;
    width:50%;
    font-size:10px;
  }
.col-md-110{
    margin-top: 30px;
}
.top-mid-options:hover {
    background-color: #ac1f1f;
    /* height: 20px; */
    color: #fff;
}

.cart-amount {
    padding: 3px 7px;
    background-color: #fff;
    color: #333;
    margin-left: 2px;
    border-radius: 18%;
}

.navbar-right {
    margin-right: 0% !important;
}
.reg{
    width:65%;
}
.loi{
    width:65%;
}
.loo{
    width:65%;
}
.car{
    width:65%;
}
@media(max-width:768px) {
    .headerImg {
        width: 100px;
        height: 50px;
    }
    .top-mid {
        display: flex;
        align-items: center;
        height: 100px;
        text-align: center;
        justify-content: center;
    }
    .search-area1{
        width: 100%;
    }
    search-area2{
        width:80%;
    }

    .col-md-103.top-mid {
        margin-left: 5%;
    }
 
}
@media(max-width:1200px){
    .headerImg{
        width:270px;
        height:auto; 
    }
    .headerpay{
        width:320px;
        height:auto;
    }
    .car, .loo, .loi, .reg{
        width:60%;
    }
}
@media(max-width:992px){
    .headerImg{
        width:220px;
        height:auto; 
    }
    .headerpay{
        width:250px;
        height:auto;
    }
    .col-md-7, .col-md-110{
        float: left;
    }
    .car, .loo, .loi, .reg{
        width:55%;
    }
}
@media(max-width:768px){
    .headerImg{
        width:180px;
        height:auto; 
    }
    .headerpay{
        width:200px;
        height:auto;
        margin-top: -20px;
    }
    .col-md-7, .col-md-110{
        float: left;
    }
    .car, .loo, .loi, .reg{
        width:45%;
    }
    .col-md-101{
        margin-top: -20px;
    }
}
@media(max-width:600px){
    .headerImg{
        width:120px;
        height:auto; 
    }
    .headerpay{
        width:150px;
        height:auto;
    }
    .col-md-7, .col-md-110{
        float: left;
    }
    .car, .loo, .loi, .reg{
        width:40%;
    }
    .red_color, .sizecart{
        font-size:12px;
    }
}
@media(max-width:500px){
    .headerImg{
        width:170px;
        height:auto; 
    }
    .headerpay{
        width:130px;
        height:auto;
    }
    .col-md-7, .col-md-110, .col-md-101{
        float: left;
    }
    .car, .loo, .loi, .reg{
        width:30%;
    }
    .red_color, .sizecart{
        font-size:10px;
    }
}
@media(max-width:1200px){
    .menu>ul>li a{
        padding:1.5em 20px;
    }
}
@media(max-width:1000px){
    .menu>ul>li a{
        padding:1.5em 8px;
        font-size: 13px;
    }
}
@media(max-width:1200px){
    .header .navbar-form .form-control{
        width:250px;
    }
}
@media(max-width:992px){
    .header .navbar-form .form-control{
        width:130px;
    }
}
@media(max-width:768px){
    .header .navbar-form .form-control{
        width:250px;
    }
}
@media(max-width:768px){
    .header .navbar-left{
        margin-bottom: 0;
    }
}