@media (max-width: 1399px) { 
    .header .navbar-nav li { margin: 0 0 0 24px; }
    .by_gender_product a p { font-size: 13px; line-height: 16px; }
    .we_accept_box .accept_imgbox img { max-width: 200px; }
    .footer_bottom p { font-size: 14px; }
}

@media (max-width: 1199px) { 
    .social_box ul li a, .action_right_top ul li a { font-size: 16px; }
    .headmid_info p { font-size: 14px; }
    .header .navbar-nav li { margin: 0 0 0 16px; }
    .header .navbar-nav li a.nav-link { font-size: 14px; }
    .head_category_listing ul li a { font-size: 15px;}
    .section_headingbox .sec_heading { font-size: 28px;}
    .section_headingbox .sec_desc { font-size: 16px;}
    .product_card .product_small_desc { height: 64px;}
    .card_content .card_author { font-size: 14px; }
    .quick_links .footer_subtitle, .footer_top .social_box .footer_subtitle, .we_accept_box .footer_subtitle { font-size: 17px; }
    .footer_about p, .subscribetion_box p, .quick_links ul li a { font-size: 13px; }
    .we_accept_box .accept_imgbox img { max-width: 180px; }

}
@media (max-width: 991px) { 
    .header .navbar-nav { margin-top: 30px; }
    .header .navbar-nav li { margin: 0; border-top: 1px solid #eee; }
    .header .navbar-nav li a.nav-link { padding: 8px 0; }
    .header .navbar-toggler.collapsed { color: var(--black); border-color: var(--black);}
    /* .header .navbar-toggler { color: var(--secondary-color); border-color: var(--secondary-color); } */
    .header .navbar-toggler:focus { box-shadow: none; }

    .header .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .header .navbar-toggler .navbar-toggler-icon, .header .navbar-toggler:hover .navbar-toggler-icon {
     filter: invert(20%) sepia(89%) saturate(2500%) hue-rotate(355deg) brightness(85%) contrast(100%);
    }


    .shorts-grid { grid-template-columns: repeat(2, 1fr); }
    .footer_top .col-md-6:nth-child(2) { margin-bottom: 30px;}

}
@media (max-width: 767px) { 

.shorts-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }

}
@media (max-width: 575px) { 

}

@media (max-width: 480px) { 
.shorts-grid { grid-template-columns: 1fr; }

}