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

}

@media only screen and (max-width: 767px){
    .footer-img {
        width: 100%;
        padding: 0 11px;
        margin-left: unset;
    }
    .digit-part {
        height: 45vh;
    }
    
    #add-section {
        position: fixed;
        width: 100%;
        bottom: 0;
        display: block;
    }
    .main-container{
        width: 100%;
        background-color: #fff;
    }
    .first-part img, .second-part img {
        height: 90px;
        width: 80px;
        border-radius: 30px;
        padding: 10px;
    }

    .middle-part h5 {
        font-size: 20px;
        font-weight: 700;
    }
}
@media only screen and (max-width: 600px){
    a.nav-link {
        text-transform: uppercase;
        font-size: 10px !important;
    }
    #add-section{
        width: 100%;
    }
    
  
}
@media only screen and (max-width: 375px){

    .custom-nav-link{
        font-size: 10px !important;
    }

    .header-col{
        width: auto;
    }
    
    .header-col a{
        margin-right: 8px;
        font-size: 20px;
    }

    .header-logo img{
        width: 90px;
    }

    .price_div{
        padding: 2px 8px;
        width: 80px; 
    }

    .price_div h5{
        font-size: 9px;
    }

    .price-discount-div{
        height: 20px;
        width: 20px;
        padding: 0;
        font-size: 9px;
    }

    .cart-qty{
        top: -10px;
        right: 0;
    }
}
@media only screen and (max-width: 375px){
    .rainbow {
        padding: 12px 23px;
    }

}