// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199px) {}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991px) {}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767px) {}

// Extra small devices (portrait phones, less than 576px)
@media only screen and (max-width: 575px) {
    
}

@media only screen and (max-width: 575px){
    
    
    /*
        Nav Bar CSS
    */
    
    .logo-area {
        width: 100%;
        text-align: center;
    }
    .top-menu p {
        text-align: center;
        margin-bottom: 20px;
    }

    .main-search input{
        width: 60%;
        margin-left: 5%;
    }
    
    .right-ac-nav {
        margin-top: 20px;
        float: left;
        width: 100%;
        margin-left: 25px;
    }
    
    .bottom-menu {
        display: none;
    }
    
    .ico-single-cat {
        height: 140px;
    }
    .ico-single-cat p{
        font-size: 12px;
    }
    .ico-single-cat i{
        margin-top: 17px;
        margin-bottom: 10px;
    }
    
    
    
    
    
    /* .multy-single-cat {
        margin: 15px 0;
    } */
    /* .multy-single-cat {
        margin: 15px 0;
    } */
    /* .social-media ul li a img {
        margin-bottom: 10px;
    } */
    
    
    
     /*
        Offer Section CSS
    */
    
    
    .single-product{
        margin-top: 30px;
        margin-inline: auto;
        width: 80%;
    }
    
    
    
    /*
        Footer CSS
    */
    /* .social-media ul li a i.fa{
      margin-bottom: 10px;  
    } */
    
    .copy-right ul li{
        display: block;
    }
}