@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1020px;
    }
}

@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    }
}

@media(max-width: 1300px){
    .currency_icon{
        display: none;
    }
}

@media(max-width: 1199px) {
    .navbar_wrapper {
        gap: 10px;
    }

    .navbar_wrapper .navbar-nav {
        font-size: 14px;
        gap: 7px !important;
    }

    .search_box_wrapper input {
        padding: 15px 10px;
        padding-right: 0;
    }

    .btn_yellow {
        font-size: 12px;
        padding: 10px;
    }

    /* store_rating_box */
    .store_rating_box{
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
    }

    /* wrap_grid_6 */
    .wrap_grid_3.wrap_grid_6 .swiper-slide {
        width: calc(33% - 27px);
    } 

    /* wrap_grid_6 */
    .wrap_grid_3.wrap_grid_7 .swiper-slide {
        width: calc(50% - 20px);
    } 

    /* profile */
    .grid_trip a{
        width: calc(34% - 25px);
    }
    .profile_contact_us::after{
        display: none;
    }
    .profile_contact_iframe {
        aspect-ratio: 1 / .6;
        min-height: 250px;
        height: auto;
    }
      
}



@media(max-width: 991px) {
    .nav_backdrop{
        display: none !important;
        z-index: -11;
    }
    .navbar_wrapper {
        flex-direction: column;
        padding: 0 20px;
        text-align: center;
        gap: 20px;
    }

    .navbar_wrapper .nav-item .mega_menu{
        width: 100%;
        left: 100%;
    }

    .nav_ul,
    .nav_ul li,
    .nav_ul li a{
        width: 100%;
    }

    .navbar_wrapper .nav-item .mega_menu ul{
        flex-wrap: wrap;
        gap: 20px 0;
    }
    
    .navbar_wrapper .nav-item .mega_menu ul li{
        width: 30%;
    }

    .navbar_wrapper .nav-item .mega_menu::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 124%;
        height: 100%;
        background: var(--bs-white);
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        z-index: 4;
        box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.05) inset;
    }
    .search_box_wrapper {
        width: 100%;
    }

    /* wrap_grid */
    .wrap_grid .swiper-slide{
        width: calc(33.3333333% - 25px);
    }

    /* footer */
    .footer_grid4 {
        width: 100%;
        text-align: start !important;
    }



    /* grid_filter */
    .grid_filter {
        display: flex;
        position: relative;
    }

    .grid_filter .search_category_filter {
        padding: 20px;
        height: 100vh;
        min-width: 270px;
        overflow: auto;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        box-shadow: 4px 0 20px #00000033;
        z-index: 10;
    }

    /* wrap_grid_5 */
    .wrap_grid_5 .swiper-wrapper{
        justify-content: space-around;
    }
    .wrap_grid_5 .swiper-slide{
        width: calc(50% - 30px);
    }

    /* wrap_grid_6 */
    .wrap_grid_3.wrap_grid_6 .swiper-slide {
        width: calc(51% - 27px);
    } 

    /* profile */
    .grid_trip a{
        width: calc(51% - 22px);
    }
}

@media(max-width: 767px) {
    .popular_sale_banner_text {
        left: unset;
        right: 0;
        width: 50%;
        padding: 25px;
        height: 100%;
    }

    .popular_sale_banner {
        height: 300px;
    }

    .footer_grid1,
    .footer_grid2,
    .footer_grid3,
    .footer_grid4 {
        width: 40%;
        text-align: left;
    }

    /*  */
    .navbar_wrapper .nav-item .mega_menu{
        position: unset;
        display: none;
    }
    .navbar_wrapper .nav-item:hover .mega_menu{
        display: block;
    }
    .navbar_wrapper .nav-item:hover .mega_menu li a{
        font-size: 14px;
    }
    .navbar_wrapper .nav-item .mega_menu ul li a span.bg {
        width: 45px;
        height: 45px;
    }
    .navbar_wrapper .nav-item .mega_menu::after{
        display: none;
    }

    /* todays's deals */
    .wrap_countdown{
        gap: 40px;
    }
    .wrap_countdown .countdown_box{
        width: 80px;
        height: 80px;
    }
    .wrap_countdown .countdown_box p.h1{
        font-size: 26px;
    }
    .wrap_countdown .countdown_box p.c_text{
        font-size: 12px;
    }
    .wrap_countdown .countdown_box:not(:last-child)::after{
        font-size: 24px;
        right: -25px;
    }

    /* wrap_grid */
    .wrap_grid .swiper-wrapper{
        justify-content: space-around;
    }
    .wrap_grid .swiper-slide{
        width: calc(45% - 30px);
    }

    /* wrap_grid_5 */
    .wrap_grid_5 .swiper-wrapper{
        justify-content: space-around;
    }
    .wrap_grid_5 .swiper-slide{
        width: calc(50% - 30px);
    }

    /* profile */
    .profile_box .profile_sidebar {
        width: 100px;
    }
    .profile_box .profile_sidebar li a{
        font-size: 12px;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .profile_box .profile_sidebar li a svg{
        margin-bottom: 5px;
    }
    .profile_box .profile_content{
        padding-left: 30px;
        padding-right: 30px;
    }
    .profile_sidebar > ul > li > a.link-menu ~ ul li a {
        font-size: 9px;
        padding: 6px 12px;
    }

    /* wrap_grid_7 */
    .wrap_grid_7 .swiper-slide{
        width: calc(100% - 30px) !important;
        max-width: 350px;
    }
    .wrap_grid_7 .swiper-slide .box_content {
        margin-bottom: 20px;
    }
    
}

@media(max-width: 567px) {
    /* nav */
    .wrap_nav {
        height: 85px;
    }

    .logo_wrapper>img {
        width: 100px !important;
    }

    .footer_grid1,
    .footer_grid2,
    .footer_grid3,
    .footer_grid4 {
        width: 100%;
    }

    /* todays's deals */
    .wrap_countdown{
        gap: 30px;
    }
    .wrap_countdown .countdown_box{
        width: 60px;
        height: 60px;
    }
    .wrap_countdown .countdown_box p.h1{
        font-size: 20px;
    }
    .wrap_countdown .countdown_box p.c_text{
        font-size: 9px;
    }
    .wrap_countdown .countdown_box:not(:last-child)::after{
        font-size: 20px;
        right: -20px;
    }

    /* wrap_grid */
    .wrap_grid .swiper-wrapper{
        justify-content: space-around;
        gap: 30px 20px;
    }
    .wrap_grid .swiper-slide{
        width: calc(50% - 20px);
    }

    /* wrap_grid_5 */
    .wrap_grid_5 .swiper-wrapper{
        justify-content: space-around;
    }
    .wrap_grid_5 .swiper-slide{
        width: calc(100% - 30px);
    }

    #store_tab li button {
        font-size: 14px;
    }

    /* wrap_grid_6 */
    .wrap_grid_3.wrap_grid_6 .swiper-slide{
        width: 100%;
    }

    /* profile */
    .profile_box .profile_sidebar {
        background: var(--bs-white);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transform: translateX(-120px);
        -webkit-transform: translateX(-120px);
        -moz-transform: translateX(-120px);
        -ms-transform: translateX(-120px);
        -o-transform: translateX(-120px);
        z-index: 2;
        box-shadow: 3.73828px 10px 7.47655px 0px rgba(0, 0, 0, 0.15);
    }
    .profile_box .profile_sidebar.active {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    .profile_contact_us {
        padding: 40px;
    }

    /* tag_slider */
    .tag_slider a{
        font-size: 12px;
    }

    /* g_slider_2 / g_slider_3 / flex_grid_3*/
    .flex_grid_3 .swiper-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
    .wrap_gallery_slider.g_slider_c_4 .swiper-button-prev, 
    .wrap_gallery_slider.g_slider_c_4 .swiper-button-next {
        width: 25px;
        font-size: 14px;
    }

    /* amazon-great-indian-sale */
    .amazon_great_sale_table table td {
        font-size: 12px;
    }

}

@media(max-width: 480px) {
    .popular_sale_banner_text {
        width: 60%;
    }

    /* wrap_grid */
    .wrap_grid .swiper-wrapper{
        justify-content: space-around;
        gap: 30px 20px;
    }
    .wrap_grid .swiper-slide{
        width: calc(75% - 20px);
    }

    /* wrap_grid_5 */
    .wrap_grid_5 .swiper-wrapper{
        justify-content: space-around;
    }
    .wrap_grid_5 .swiper-slide{
        width: calc(100% - 30px);
    }

    /* store_rating_box */
    .store_rating_box{
        padding: 20px 20px;
    }
    .store_rating_box .store_logo{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* profile */
    .grid_trip a{
        width: 100%;
    }
    .grid_trip.grid_trip2{
        justify-content: space-between;
        gap: 30px;
    }
    .grid_trip.grid_trip2 a{
        width: calc(50% - 15px);
    }
    .profile_contact_us {
        padding: 30px;
    }
}

@media(max-width: 450px){
    /* todays's deals */
    .wrap_countdown{
        gap: 20px;
    }
    .wrap_countdown .countdown_box{
        width: 50px;
        height: 50px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
}
    .wrap_countdown .countdown_box p.h1{
        font-size: 18px;
    }
    .wrap_countdown .countdown_box p.c_text{
        font-size: 7px;
    }
    .wrap_countdown .countdown_box:not(:last-child)::after{
        font-size: 18px;
        right: -13px;
    }

    /* profile */
    .grid_trip.grid_trip2 a p{
        font-size: 12px;
    }
}