@media screen and (max-width: 1600px){
    .hero_content h1 {
        font-size: 65px;    
        margin: 0 0 25px 0;
    }

    .detailcard_section {
        padding: 0px 0 80px 0;
    }
    .detail_card {
        height: 500px;
    }
    .dc_content_visible h3 {
        font-size: 30px;
    }
    .dc_content h3 {
        font-size: 30px;
        margin: 0 0 15px 0;
    }

    .store_section {
        padding: 60px 0 0 0;
    }

    .section_heading h2 {
        font-size: 34px;
        margin: 10px 0 15px 0;
    }
    .section_heading small{
        font-size: var(--fs_md);
    }

    .store_carousal_prnt .owl-stage-outer {
        padding-top: 40px;
    }

    .about_section {
        padding: 80px 0;
    }

    .getstart_content h3 {
        font-size: 22px;
    }

    .getstart_section {
        padding: 30px 0;
        height: 350px;
    }

    .insight_section {
        padding: 60px 0 200px 0;
    }
    .insight_content h3 {
        font-size: 22px;
    }
    .insight_card {
        height: 450px;
    }

    .insta_section {
        padding: 80px 0;
    }

    .float_box_content h3 {
        font-size: 22px;
    }

    .business_section {
        padding: 80px 0 0 0;
    }
    .b2b_main .business_section:last-child{padding-bottom: 200px;}
    .quote_box_prnt {margin: 100px 0 0 0;}
    .quote_content h3 {
        font-size: 22px;margin: 0 0 0.6rem 0;
    }
    .inner_hero .inner_hero_content h1 {
        font-size: 38px;
    }
    .beverage_section {
        padding: 80px 0 240px 0;
    }
    .beverage_grid{gap: 1.5rem;margin: 40px 0 0 0;}
    .beverage_card_content {
        padding: 1rem;
    }
    .business_section.collection_section{padding: 80px 0;}

    .contact_section {
        padding: 80px 0 80px 0;
    }
    .contact_info_section{padding: 80px 0;}
    .welcome_screen{padding: 80px 0 160px 0;}
}
@media screen and (max-width: 1440px){
.beverage_grid{grid-template-columns: repeat(3 , 1fr);}
}
@media screen and (max-width: 1366px){
    .hero_content h1 {
        font-size: 52px;
        margin: 0 0 20px 0;
    }
    .hero_content {
        max-width: 800px;
    }
    .hero_content p {
        font-size: var(--fs_sm);
    }

    .detail_card {
        height: 400px;
    }
    .dc_content_visible h3 {
        font-size: 25px;
        margin: 0 0 10px 0;
    }
    .dc_content h3 {
        font-size: 25px;
    }
    .detail_card:hover .dc_content {
        bottom: 1.5rem;
    }

    .section_heading h2 {
        font-size: 30px;
        margin: 5px 0 10px 0;
    }

    .getstart_content h3 {
        font-size: 20px;
    }

    .insight_card {
        height: 400px;
    }
    .insight_content h3 {
        font-size: 20px;
    }

    .insta_section {
        padding: 60px 0;
    }

    .float_box small {
        font-size: var(--fs_sm);
    }
    .float_box_content h3 {
        font-size: 20px;
        margin: 0 0 0.5rem 0;
    }

    .footer_logo {
        max-width: 100px;
    }
    .btn_scrool_top a {
        width: 80px;
        height: 80px;
    }
    .quote_content h3 {
        font-size: 20px;
    }
    .business_img2 {
        max-width: 250px;
    }
    .quote_box {
        gap: 60px;
    }
    .business_section {
        padding: 60px 0 0 0;
    }
    .b2b_main .business_section:last-child{padding-bottom: 200px;}
    .quote_box_prnt {margin: 80px 0 0 0;}
    .inner_hero .inner_hero_content h1 {
        font-size: 35px;
    }
    .inner_hero .inner_hero_content small {
        font-size: var(--fs_sm);
    }
    .beverage_section {
        padding: 60px 0 220px 0;
    }
    .business_section.collection_section{padding: 60px 0;}
    .contact_section {
        padding: 60px 0 60px 0;
    }
    .contact_info_section{padding: 60px 0;}
    .ci_content h3{font-size: var(--fs_sm);}
    .ci_content ul li a,.ci_content ul li,.ci_content p{font-size: var(--fs_xs);}
    .contactinfo_box {
        padding: 2rem 1rem;
    }
    .welcome_screen{padding: 60px 0 140px 0;}
}

@media screen and (max-width: 1199px){
    .hero_content h1 {
        font-size: 42px;
    }
    .hero_content {
        max-width: 600px;
    }
    body .btn.btn-primary {
        padding: 12px 22px;font-size: var(--fs_xs);
    }

    .dc_content_visible h3 {
        font-size: 20px;
    }
    .dc_content h3 {
        font-size: 20px;
    }
    .detailcard_section {
        padding: 0px 0 60px 0;
    }

    .store_section {
        padding: 50px 0 0 0;
    }
    .store_item img {
        height: 350px;
    }
    .store_item_content {
        bottom: 1rem;
    }
    .store_item_content h3 {
        font-size: var(--fs_md);
    }
    .store_bagde {
        padding: 0.2rem 0.5rem;
    }
    .store_section .store_btn {
        margin: 20px 0 0 0;
    }

    .section_heading h2 {
        font-size: 28px;
    }
    .section_heading small {
        font-size: var(--fs_sm);
    }

    .about_section {
        padding: 50px 0;
    }
    .about_img_flout img {
        max-width: 120px;
    }
    .about_img {
        padding: 0 50px 0 0;
    }

    .getstart_section{height: fit-content;padding: 60px 0;}
    
    .insight_section {
        padding: 50px 0 200px 0;
    }
    .insight_card {
        height: 350px;
    }
    .insight_content h3 {
        font-size: var(--fs_md);
    }
    .insight_content {
        padding: 20px 15px;
    }
    .insight_content small {
        margin: 0 0 0.4rem 0;
        font-size: var(--fs_xs);
    }
    .insight_grid {
        gap: 1.5rem;
        margin: 30px 0 0 0;
    }
    .insta_section {
        padding: 50px 0;
    }
    .insta_section .store_btn {
        margin: 20px 0 0 0;
    }

    .float_box_prnt {
        padding: 15px 15px 15px 15px;
    }
    .float_box_prnt {
        max-width: 550px;
    }   

    .footer_logo {
        max-width: 100px;
    }

    header .navbar {
        padding: 0.5rem 0;
    }
    header .navbar-brand img{height: fit-content;max-width: 75px;}

    .quote_content h3 {
        font-size: var(--fs_md);
    }
    .business_img2 {
        max-width: 200px;
    }
    .inner_hero .inner_hero_content h1 {
        font-size: 32px;
    }
    .inner_hero .inner_hero_content {
        height: 220px;gap: 15px;
    }
    .beverage_section {
        padding: 50px 0 220px 0;
    }
    .beverage_grid{gap: 1rem;}
    .beverage_card_content{padding: 0.5rem;}
    .beverage_card_content h3 {
        margin: 0 0 5px 0;
        font-size: var(--fs_sm);
    }
    .beverage_card_content p{font-size: 12px;}
    .beverage_grid {
        margin: 30px 0 0 0;
    }
    .business_section.collection_section{padding: 50px 0;}
    .testimonial_section {
        padding: 40px 0;
    }
    .contact_section {
        padding: 50px 0 50px 0;
    }
    /* .bus_img {
        height: 450px;
    } */
    .contact_info_section{padding: 50px 0;}
    .welcome_screen{padding: 50px 0 140px 0;}
}
@media screen and (max-width: 1100px){
    .contact_info_section .content_info_grid{flex-direction: column;align-items: flex-start;gap: 1rem;}
}
@media screen and (max-width: 991px){
    header .navbar-nav .nav-item .nav-link {
        font-size: var(--fs_xs);
    }
    header .navbar-nav {
        gap: 25px;
    }
    header .navbar-brand img {
        max-width: 75px;
    }
    .hero_content h1 {
        font-size: 36px;
    }
    .hero_content {
        max-width: 650px;
    }
    .hero_section {
        height: fit-content;padding: 50px 0;
    }

    .detail_card {
        height: 350px;
    }
    .dc_content_visible h3 {
        font-size: var(--fs_md);
    }
    .dc_content h3 {
        font-size: var(--fs_md);
    }
    .detail_card:hover .dc_content {
        bottom: 15px;
    }
    .detailcard_section .row .col:nth-child(3) .detail_card{margin-top: 1.5rem;}

    .section_heading h2 {
        font-size: 25px;
    }

    .insight_grid{flex-wrap: wrap;gap: 1rem;}
    .insight_card_small{width: calc(50% - 0.5rem);max-width: 100%;}
    .float_box small {
        max-width: 135px;
        font-size: var(--fs_xs);
        margin-bottom: 1rem;
        margin-left: 1rem;
    }
    .float_box_img {
        left: 1rem;opacity: 0.3;
    }
    .business_img2 {
        max-width: 160px;
    }
    .quote_box {
        gap: 20px;
    }
    .qoute_img {
        max-width: 250px;
    }
    .qoute_img img{object-fit: contain;}
    .qoute_img {
        margin: -130px 0 0 0;
    }
    .quote_content {
        padding: 40px 0;
    }
    .business_section {
        padding: 40px 0 0 0;
    }
    .b2b_main .business_section:last-child{padding-bottom: 200px;}
    .quote_box_prnt {margin: 100px 0 0 0;}
    .inner_hero .inner_hero_content h1 {
        font-size: 30px;
    }
    .beverage_grid{grid-template-columns: repeat(2 , 1fr);}
    .beverage_card_img{max-width: 130px;min-width: 130px;}
    .test_box {padding: 30px 20px 40px 20px;}
    .test_inner{gap: 20px;}
    .test_box p {
        font-size: var(--fs_xs);
    }
    .test_box h3 {
        font-size: var(--fs_sm);
    }
    .testimonial_section {
        padding: 0px 0 30px 0;
    }
    .business_section .row {
        align-items: normal;
    }
    .bus_img{position: sticky;top: 0;}
}
@media screen and (max-width: 900px){
    .float_box{flex-direction: column-reverse;align-items: flex-start;justify-content: flex-start;min-height: fit-content;padding: 30px 20px 30px 20px;margin: -80px auto 35px;}
    .float_box_prnt{max-width: 100%;justify-content: flex-start;padding: 0 0 1rem 0;}
    .float_box small{max-width: 100%;margin: 20px;text-align: start;margin: 0;}
    .float_box_content{max-width: 100%;}
    .float_box_img{display: none;}
    .btn_scrool_top {
        margin: 10px 0 20px 0;
    }
    footer {
        padding: 0px 0 30px 0;
    }
    .footer_grid{flex-wrap: wrap;}
    .footer_logo{order: 1;max-width: 100%;width: 100%;display: flex;align-items: center;justify-content: center;margin: 0rem 0 2rem 0;}
    .footer_logo img{max-width: 70px;}
    .footer_left{order: 2;}
    .footer_location{order: 3;}
    .b2b_main .business_section:last-child{padding-bottom: 120px;}
    .beverage_section {
        padding: 50px 0 140px 0;
    }
    .contact_section {
        padding: 50px 0 50px 0;
    }
    .insight_section {
        padding: 50px 0 120px 0;
    }
    .welcome_screen{padding: 50px 0 80px 0;}
}
@media screen and (max-width: 767px){
    :root{
        --fs_xs: 14px;
        --fs_sm: 14px;
    }
    header .navbar-brand img {
        max-width: 60px;
    }
    header .navbar-brand{z-index: 9;}
    header .header_btns{z-index: 9;}
    header .navbar-collapse{position: absolute;width: 100%;top: 0;left: 0;padding: 0rem 1rem;background-color: #261C20;z-index: 2;}
    header .navbar-nav{justify-content: space-evenly;text-align: center;padding: 7rem 0 1rem 0;height: 100%;}
    .header_btns{display: flex;align-items: center;justify-content: center;padding: 0rem 0 2rem 0;}

    .hero_content h1 {
        font-size: 30px;
    }

    .about_section .row{flex-direction: column-reverse;}
    .about_img {max-width: 400px;margin: 1.5rem 0 0 0;}
    .about_content{max-width: 100%;}

    .getstart_content h3 {
        font-size: var(--fs_md);
    }
    .getstart_section {
        padding: 40px 0;
    }
    .insight_section {
        padding: 35px 0 120px 0;
    }
    .insta_section {
        padding: 40px 0;
    }
    .store_carousal_prnt .owl-stage-outer {
        padding-top: 25px;
    }

    .bus_img{max-width: 450px;margin: 2rem 0 4rem 0;height: 350px;}
    .business_content{max-width: 100%;}
    .b2b_main .business_section:nth-child(odd) .common_row{flex-direction: column-reverse;}
    .b2b_main .business_section:nth-child(even) .common_row{flex-direction: column-reverse;}
    .quote_content{flex-direction: column;align-items: flex-start;gap: 1rem;}
    .inner_hero .inner_hero_content h1 {
        font-size: 28px;
    }
    .business_section.collection_section .bus_img{margin: 0 0 1.5rem 0;}
    .business_section.collection_section.event_section .bus_img {
        margin: 0 0 4.5rem 0;
    }
    .business_img2 {
        max-width: 130px;
        bottom: -50px;
        right: 30px;
    }
    .quote_box_prnt {margin: 40px 0 0 0;}
    .contact_info_section{padding: 40px 0;}
    .contactinfo_box_inner{flex-direction: column;max-width: 100%;min-width: fit-content;}
    .ci_left,.ci_right{max-width: 100%;min-width: fit-content;}
    .ci_right{gap: 1rem;}
}
@media screen and (max-width: 750px){
    .store_carousal_prnt .item{display: flex;justify-content: center;}
}
@media screen and (max-width: 600px){
    .beverage_grid{grid-template-columns: repeat(1 , 1fr);}
}
@media screen and (max-width: 575px){
    .hero_content h1 {
        font-size: 25px;
    }
    .hero_content {
        max-width: 450px;padding-bottom: 40px;
    }
    .about_content{padding-top: 15px;}
    .about_content h3{margin-top: 10px !important;}
    .dc_content{padding-top: 15px;}
    .dc_content p{margin: 0;}
    .detail_card{max-width: 450px;height: 100%;margin: 0 auto;}
    .detailcard_section .row .col:nth-child(1) .detail_card{margin-top: -160px;}
    .detailcard_section .row .col:nth-child(2) .detail_card{margin-top: 1rem;}
    .detailcard_section .row .col:nth-child(3) .detail_card{margin-top: 1rem;}
    .detailcard_section {
        padding: 0px 0 30px 0;
    }
    .store_section {
        padding: 30px 0 0 0;
    }
    .about_section {
        padding: 30px 0;
    }
    .insight_card {
        height: 300px;
    }
    .insight_btn {
        margin: 30px auto 0;
    }
    .insta_section {
        padding: 30px 0;
    }
    .btn_scrool_top a {
        width: 60px;
        height: 60px;
    }
    .insight_card_small{width: 100%;max-width: 100%;}
    .about_img_flout img {
        max-width: 90px;
    }
    .about_img {
        padding: 0 30px 0 0;
    }

    .social_links {
        margin: 0 0 15px 0;
    }
    .footer_grid{gap: 1rem;}
    .footer_location {
        gap: 1rem;
    }
    /* .footer_left {
        max-width: fit-content;
        width: fit-content;
    } */
    .float_box{align-items: center;}
    .float_box_content{text-align: center;}
    .float_box small{text-align: center;}
    .fb_input_group{flex-direction: column;align-items: center;}

    .quote_box{flex-direction: column;}
    .qoute_img {
        margin: -50px 0 0 0;
        max-width: 200px;
    }
    .quote_content {
        padding: 0px 0 20px 0;
    }
    .bus_img{height: 300px;}
    .inner_hero .inner_hero_content h1 {
        font-size: 25px;
    }
    .business_section.collection_section{padding: 40px 0 !important;}
    .beverage_section {
        padding: 50px 0 120px 0;
    }
    .contact_section {
        padding: 40px 0 50px 0;
    }
    .ci_content ul li svg{max-width: 15px;max-width: 15px;}
    .ci_content ul li small{min-width: 20px;max-width: 20px;}
}
@media screen and (max-width: 475px){
.contact_form .col-6{width: 100%;max-width: 100%;}
.social_links{flex-wrap: wrap;}
}