@media (min-width: 2500px) {  
    .container-fluid{width: 2300px; margin-left: auto; margin-right: auto;}
}@media (min-width: 2300px) {  
    .myFeatureSwiper { margin-top: 30%;}
}
@media (max-width: 2299.92px) {  
    .myFeatureSwiper { margin-top: 27%;}
}

@media (max-width: 2150px) {
    .myFeatureSwiper { margin-top: 20%;}
}

@media (max-width: 2000px) {
    .myFeatureSwiper { margin-top: 5%;}
}

@media (max-width: 1800px) {
    .myFeatureSwiper { margin-top: -6%;}
}

@media (min-width: 1800px) {  
	.outstory_area .section_img {left: -50%; width: 140%;}
    .banner_img{ top: 46% !important;}
    .banner_text h1, .top_inner_banner .universal_heading h2{font-size: 9.8rem;}
    .feature_area{ padding-top: 50px;}
    .contact_area .image_right { right: -20%;}
    .top_inner_banner .cup {top: 28%; width: 400px; left: -12%;}
    .pop_area .cup {top: -45%; left: -20%;}
    .cup { width: 400px;}
    .outstory_area .cup { right: 10%;}
    .inner_banner_img{ width: 65%;}
    .inner_banner_img.video_add{ width:100%;}
    /* .inner_banner_img.video_add{ width:100%; aspect-ratio:auto; } */
    .about_banner{ padding-top: 150px;}
    .about_banner .inner_banner_img{ top: -20%; width: 120%; left: -37%;}
    .abolut-text_cnt {padding: 150px 0 150px;}
    .about_banner .cup { width: 400px !important; bottom: -25%;}
    .cup_area { margin-left: 15%;}
    .contact_area.page .image_right{height: 90%;}
    .home_banner_img{ left: 30%;}
    .absolute_tag {right: 20%;}
    .section_img1{ width: 850px;}
    .enjoy_area .section_img{ width: 160%; left: -75%;}
    .test_area .image_right {height: 100%;}
    .team_area .absolute_tag{ width: 350px !important;}
    .blog_section1 .section_img { height: 130%;}
    .blog_section3 .absolute_tag { left: 25%; bottom: -15%;}
	.ouraim_area .absolute_tag {left: -2%;}
	.product_banner .section_img{ top: 120%;}
}

@media (min-width: 1700px) {  
    .gutter{padding: 150px 0}
    .gutter-t{padding-top: 150px}
    .gutter-b{padding-bottom: 150px}
    .blog_banner--cnt{ width: 25%;} 
    .container-fluid{ padding-left: 65px; padding-right: 65px;}
    .contact_area.page .cup{width: 350px;}
    .contact_location--address{ padding:60px;}
    .home_banner_img{ width:550px; height: auto; }
    .home_banner_img img{ width: 100%;}
    .banner .absolute_tag{width: 250px !important;}
    .pop_area.gutter{ padding: 70px 0;}
    .enjoy_area .text_cnt p{font-size: 3rem;}
}

@media (max-width: 1700px) {  
    .cup_area{margin-left: -10%;}
    .myFeatureSwiper { margin-top: 15%;}
    .product_showcase.absolute_tag { right: 22%;}
    .myFeatureSwiper p{ margin-bottom: 0;}
    .about_feature_area .absolute_tag{ bottom: 0px;}
    .blog_section1 .section_img{height: 115%; left: -25%;}
    .gutter{padding: 100px 0}
    .gutter-t{padding-top: 100px}
    .gutter-b{padding-bottom: 100px}
    .blog_banner--cnt{ width: 30%;} 
    .container-fluid{ padding-left: 50px; padding-right: 50px;}
    .contact_area.page .cup{width: 300px;}
    .contact_location--address{ padding:50px;}
    .banner .absolute_tag{width: 230px !important;}
}

@media (max-width: 1600px) {  
    .myFeatureSwiper { margin-top: 10%;}
    .about_feature_area .absolute_tag{ bottom: 20px;}
}

@media (max-width: 1500.98px) {  
    .myFeatureSwiper { margin-top: -18%;}
}

@media (min-width: 1450px) {  
    .banner_img{width: 160% !important ;}
    .enjoy_area .text_cnt p{font-size: 2.3rem;}
    .custom_menu_btn{ width: 124px;}
    .navbar-brand .img{ width: 415px; height: auto;}
    .footer{ padding: 20px 0 150px; font-size: 1.7rem;}
    .footer a{ padding: 20px 0;}
    .mt-5{ margin-top: 100px !important;}
    .mb-5{ margin-bottom: 100px !important;}
    .pop_area .absolute_tag {  width: 350px !important;}
    .pop_area .absolute_tag.top {  width: 270px !important;}
    .absolute_tag{width: 270px !important; height: auto;}
	.ouraim_area .absolute_tag {left: -2%;}
}

@media (min-width: 1200px) {  
    .feature_area p{ margin-right: 5%;}
}
@media (max-width: 1450px) {
    .contact_form .absolute_tag{bottom: 25%;}
    .test_area .image_right{right: -20%;}
    .test_area.gutter{ padding-top: 130px;}
    .test_area .image_right{right: -20%;}
    .custom_menu_btn{ width: 100px;}
    .navbar-brand .img{ width: 300px; height: auto;}
    .footer{ padding: 20px 0 100px; font-size: 1.5rem;}
    .footer a{ padding: 15px 0;}
    .absolute_tag{width: 240px;}
    .contact_area.page .absolute_tag{right: 33%;}
    .form-control{font-size: 1.5rem; border-radius: 20px;}
    .slide { width: 250px; }
    .test_area .image_right{height: 100%; right: -20%;}
    .team_area .absolute_tag{ top: -15%; bottom: auto;}
    .cup_area{ margin: 0px auto;}
    .about_banner .cup { right: 7%; bottom: -15%;}
    .about_banner .inner_banner_img{ width: 127%;}
    .banner_details h1{font-size: 5rem;}
    .contact_location--address{ padding:40px;}
    .absolute_tag.new_tag{ width: 300px !important;}
    .section_img1{ width: 65%;}
    .about_feature_area .absolute_tag { bottom: 50px; }
    .myFeatureSwiper { margin-top:-18%}
    .cnt_tag{width: 200px;}
    .enjoy_area .section_img{ width: 130%; transform: translateY(-50%); left: -50%;}
}

@media (max-width: 1400px) {
    .myFeatureSwiper { margin-top:-20%}
}
@media (max-width: 1300px) {
    .myFeatureSwiper { margin-top:-20%}
    .universal_heading h2{font-size: 6rem;}
}

@media (max-width: 1200px) {
    .cnt_tag{width: 180px;}
    .myFeatureSwiper {  padding-bottom: 60px !important;}
    .section_img1 {right: -15%;}
    .team_area .absolute_tag{top:-8%}
    .top_inner_banner .universal_heading h2{font-size: 6rem;}
    .pop_area .universal_heading h2{font-size: 10rem;}
    .pop_area .cup { top: -15%; width: 100% !important; left: -15%; }
    .enjoy_area .absolute_tag { width: 300px !important; right: -4%}
    .banner .absolute_tag{width: 200px !important;}
    .absolute_tag.new_tag{ width: 270px !important;}
    .navbar-brand .img{ width: 280px;}
    .footer{ padding: 20px 0 80px; font-size: 1.25rem;}
    .custom_menu_btn{ width: 80px;}
    .close_menu .img-svg{ width: 80px;; height: auto;}
    .mega_menu ul li a {font-size: 2rem;}
    .universal_heading h1 { font-size: 7rem;}
    .universal_heading h2 { font-size: 5rem;}
    .ouraim_area h2 {font-size: 6rem; }
    .cup{width: 330px;}
    .banner .cup {right: 12%; bottom: -50%;}
    .absolute_tag{width: 200px;}
    .btn { font-size: 1.5rem;}
    .brew_area h2{ font-size: 12rem;}
    .top_inner_banner .cup{top: 20%;}
    .pop_area .absolute_tag{bottom: -30%; width: 300px !important; left: 20%;}
    .pop_area .absolute_tag.top{ top: -40%; right: 10%; width: 250px !important;}
    .slide { width: 180px; }
    .about_banner .inner_banner_img {left:-45%; width: 130%;}
    .cup.tag_right{ width: 50%; margin-top: 80px;}
    .blog_banner--cnt{ width: 50%;} 
    .container-fluid{ padding-left: 30px; padding-right: 30px;}
    .blog_list--cnt h2, .blog_banner--cnt h2 {font-size: 1.75rem;}
    .blog_banner--cnt h3 {font-size: 1.5rem; margin-bottom: 5px;}
    .blog_section1 h3{font-size: 2.5rem;}
    .blog_section1 h2{ font-size: 3rem;}
    .banner_details h1, .home_Section1 .universal_heading h2, .video_section_area .universal_heading h2, .faq_area .universal_heading h2 {font-size: 4.5rem;}
    .blog_section1 .section_img {height: 110%;}
    .blog_section1 .absolute_tag{ width: 250px;}
    .blog_section2 .section_img { width: 70%;}
    .blog_section3 .section_img{width: 52%; top: 50%; transform: translateY(-50%);}
    .contact_area.page .cup{width: 250px;}
    .contact_area .absolute_tag { right:-15%; width: 150px;}
    .contact_area.page .absolute_tag{ right: 37%;}
    .contact_area.page .image_right{ width: 50%; right: 0;}
    .contact_area.page .cup{ bottom: 15%;}
    .contact_area.page p.text-lg { font-size: 1.5rem; }
    .pop_area.gutter{ padding: 50px 0;}
    .cup_area { margin-top: -8%; }
}

@media (max-width: 1100px) {
    .cnt_tag{width: 160px;}
    .contact_area.page .absolute_tag { right: 30%; top: 18%; }
    .about_banner .inner_banner_img { left: -70%; width: 150%; }
    .about_feature_area{ padding: 80px 0 70px;}
    .about_feature_area .absolute_tag { bottom: 100px; }
    .test_area .image_right { height: 105%; right: -30%; }
    .ouraim_area .absolute_tag{ width: 210px !important;}
    .blog_section1 .section_img {height: 80%;}
    .blog_section1 .absolute_tag, .blog_section2 .absolute_tag, .blog_section3 .absolute_tag { width: 200px; }
    .blog_section2 .section_img { width: 72%;}
    .blog_section1 h2, .blog_section2 h2, .blog_section3 h2, .home_Section1 .universal_heading h2, .video_section_area .universal_heading h2, .faq_area .universal_heading h2  { font-size: 3.5rem;}
    .contact_location--address{ padding:30px;}
    .home_banner_img { top: 0; left: 0; width: 100%;}
    .home_Section1.feature_area .absolute_tag{ top: 60%;}
    .product_banner .section_img{ width: 130%;right: -30%; top: 70%;}
    .absolute_tag.new_tag{ width: 250px !important;}
    .banner .absolute_tag{width: 180px !important;}
    .top_inner_banner .cup { top: 30%; }
    .pop_area .absolute_tag.top { width: 200px !important;}
    .pop_area.gutter{ padding: 40px 0;}
    .pop_area .absolute_tag.top { top: -35%; right: 10%; width: 200px !important;}
    .banner .absolute_tag{width: 150px !important;}
    .enjoy_area .absolute_tag{ width: 250px !important;}
    .pop_area .absolute_tag{ left: 10%;}
    .enjoy_area .text_cnt p{font-size: 2.1rem;}
    .contact_area .image_right { right: -50%;}
    .contact_area .absolute_tag {right: -25%;}
    .universal_heading h1 { font-size: 6rem; }
    .ouraim_area .cup{ bottom: -30%;}
}

@media (min-width: 992px) {
    .text-shift-right{ margin-left: 40%; margin-right: 5%;}
    .product_slider .large_product_img .swiper-button-next, .product_slider .large_product_img .swiper-button-prev{ display: none;}
    /* .product_slider .myThumbSlider .swiper-button-next, .product_slider .myThumbSlider .swiper-button-prev{ display: block !important;} */
}

@media (max-width: 992px) {
    .team_area .absolute_tag { top:-20%; width:250px !important }
    .product_showcase .section_img1 { bottom: -5%;}
    .product_showcase .absolute_tag {bottom: -2%;}
    .product_banner .section_img { width: 210%; right: -90%; top: 130%;}
    .contact_area.page .absolute_tag { right: 25%; top: 20%; width: 130px !important; }
    .test_area .image_right { height: 80%; right: -25%; }
    .enjoy_area{padding: 50px 0;}
    .enjoy_area .section_img { transform: translateY(-30%);}
    .ouraim_area .absolute_tag { width: 180px !important; left: -2%;}
    .text-c3 br{ display: none;}
    .feature_area .absolute_tag {right: -2%;}
    /* .enjoy_area .text_cnt p{font-size: 2.5rem;} */
    .mega_menu{background-size: 160% auto; background-position:-60vw 100%;}
    .top_inner_banner .universal_heading h2 { font-size: 5rem; }
    .pop_area .absolute_tag.top { top: -28%; right: 7%; width: 180px !important; }
    .pop_area .cup { top: -20%; width: 110% !important; left: -20%; }
    .pop_area .absolute_tag { left: 5%; width: 270px !important;    }
    .section_img1 {bottom: -10%;}
    .product_slider .myThumbSlider .swiper-button-next, .product_slider .myThumbSlider .swiper-button-prev{ display: none !important;}
    .product_slider .myThumbSlider .swiper-button-next, .product_slider .myThumbSlider .swiper-button-prev{ display: block;}
    .absolute_tag.new_tag{ width: 180px !important;}
    .home_banner_img{ top: 0;}
    .home_Section1.feature_area .absolute_tag{ top: 150px; top: 50%;}
    .feature_area.home_Section1 .section_img{bottom: -13%; width: 115%}
    .contactsection_area .contact_img{ top: 50%; transform: translateY(-50%);}
    .form_cnt { padding: 40px 30px;}
    .contact_area.page p.text-lg { font-size: 1.25rem; }
    .gutter, .test_area.gutter{padding: 70px 0}
    .gutter-t{padding-top: 70px}
    .navbar-brand .img{ width: 250px;}
    .gutter-b{padding-bottom: 70px}
    .custom_menu_btn{ width: 60px;}
    .universal_heading h1, .universal_heading h2, .blog_list .universal_heading h2 { font-size: 4rem;}
    .home .ouraim_area .universal_heading h2 {
        text-align: left;
    }
    .home .ouraim_area .cup {
        bottom: -60%;
    }
    .ouraim_area .universal_heading h2{font-size: 3.5rem;}
    p{font-size: 1.25rem;}
    .cup{width: 270px;}
    .banner .cup {right: 10%;}
    .absolute_tag{width: 180px;}
    .contact_area .image_right{height: 80%; top: 50%; transform: translateY(-50%);}
    .universal_heading span {font-size: 2rem;}
    .mega_menu ul li .social-icons a { padding: 0 0 0 20px;}
    .outstory_area .section_img{ width: 150%; left: -50%;}
    .outstory_area .section_img{ top: 50%;}
    .brew_area h2{ font-size: 10rem;}
    .slide { width: 150px; }
    .team_area .section_img{ top: -10%; right: -20%;}
    .about_banner .inner_banner_img {left: -115%; width: 190%;}
    .cup_area{ margin:-10% 0 0 -5%;}
    /*.about_banner .cup {right: 0%;}*/
    .team_area .universal_heading h2, .banner_details h1 { font-size: 5rem; }
    .blog_banner--cnt{ width: 80%;} 
    .blog_list--cnt .readmore a, .blog_banner--cnt .readmore{ width: 48px; display: inline;}
    .blog_list--cnt{ width: 100%; left: 0; top: 0; gap: 0;}
    .blog_list--cnt .readmore{ position: absolute; right: 20px; top: 20px;}
    .blog_list--cnt h2 a, .blog_banner--cnt h2 a, .blog_list--cnt p, .blog_banner--cnt p{display: -webkit-box; -webkit-line-clamp: 2; /* Limits text to 2 lines */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
    .blog_list--cnt h2, .blog_banner--cnt h2{ margin-bottom: 10px;}
    .banner_details h1{font-size: 4rem;}
    .blog_section1 h3{font-size: 2rem;}
    .blog_section1 h2{ font-size: 2.5rem;}
    .blog_section1 .section_img { height: 70%; }
    .blog_section1 .absolute_tag, .blog_section2 .absolute_tag, .blog_section3 .absolute_tag { width: 180px; }
    .blog_section1 .absolute_tag {left: 25%;}
    .blog_section1 h2, .blog_section2 h2, .blog_section3 h2, .home_Section1 .universal_heading h2, .video_section_area .universal_heading h2  { font-size: 3rem; }
    .blog_section3 .section_img{width: 60%;}
    .contact_area.page .cup{width: 200px;}
    .contact_location--address{ padding:30px;}
    .absolute_tag.new_tag { top: 51%; bottom: auto; }
    .blog_section2 .absolute_tag { left: 50%; top: 10%;}
}

@media only screen and (min-width: 768px) and (max-width: 992px)  {
    .ouraim_area .section_img { width: 130% !important;}
}

@media (min-width: 768px) {
    .banner_img{position: absolute; left: 50%; top:45%; transform: translate(-50%, -50%); width: 150%;}
}

@media (max-width: 767.98px) {
    .home .ouraim_area h2 {
        margin-left: 0;
        max-width: 350px;
        width: 100%;
    }
    .home .text-shift-right {
        margin-left: 0;
    }
    .home .ouraim_area .absolute_tag {
        width: 190px !important;
        bottom: 27%;
    }
    .home .ouraim_area .cup {
        bottom: -10%;
    }
    .enjoy_area .row.g-0.align-items-center {
        flex-direction: column-reverse;
    }
    .enjoy_area .text_cnt.text-c1 {
        position: relative;
        top: -60px;
    }
    .section_img.mobile-display {
        display: block !important;
        position: unset;
        transform: unset;
    }
    .new-cup-mobile {
        display: none;
    }
    .myFeatureSwiper { margin-top: 0; }
    .cnt_tag{display: none;}
    .test_area .universal_heading h2{ margin-bottom: 0;}
    .test_area .universal_heading.pb-4 { padding-bottom: .5rem !important; }
    .blog_section1 .section_img img { width: 100%; height: auto; }
    .test_area.gutter{ padding-top: 60px;}
    .test_area .absolute_tag { width: 130px !important;}
    .banner .absolute_tag{width: 120px !important; left: -4% !important; right: auto; bottom: -28%;}
    .absolute_tag.new_tag{ width: 150px !important;}
    .home_banner_text p.text-lg {font-size: 2rem;}
    .home_banner .col-md-6.position-relative{ aspect-ratio: 1/.5;}
    .home_banner_img {top: auto; position: absolute; width: 100%; left: 0; top: 20%;}
    .home_Section1{ padding-top: 20%;}
    .home_banner_text.universal_heading h2 { font-size: 4rem;}
    .contact_area.page{padding: 30px 0 0px;}
    .contact_area.page p.text-lg { font-size: 1.125rem; }
    .contact_area.page .section_img{ aspect-ratio: 1/.75;right: -40%;}
    .contact_area.page .form-control { width: 100%;}
    .contact_location--address{ padding:20px;}
    .contact_area.page .cup{width: 150px;}
    .absolute_tag{width: 150px;}
    .gutter{padding: 70px 0}
    .gutter-t{padding-top: 70px}
    .gutter-b{padding-bottom: 70px}
    .mega_menu{ background-color: var(--color3); background-image: none !important;}
    .close_menu .img-svg{ width: 60px;; height: auto;}
    .navbar-brand .img{ width: 200px;}
    .footer{ padding: 50px 0 30px; font-size: 1rem;}
    .mega_menu{ height: 100vh; padding: 20px 15px;}
    .mega_menu ul li{ width: 100%; margin: 5px 0;}
    .mega_menu ul li a {font-size: 1.75rem; display: block; padding: 10px;}
    .mega_menu ul li.social-icons a {
        padding: 0 0 0 10px;
    }
    .banner_text{margin-top: 0; padding-bottom: 0;}
    .universal_heading h1 {font-size: 7rem;}
    .universal_heading h2 {font-size: 5rem; margin-bottom: 30px;}
    .banner .cup{ bottom: 0; right: auto; left: 0%;}
    .cup{ width: 300px; }
    .absolute_tag{ left: auto !important; right: -2%;}
    .feature_area{ overflow: hidden;}
    .feature_area .section_img, .feature_area.home_Section1 .section_img{ position: relative; margin: 0 auto; left: 0; transform: none; bottom: 0; }
    .feature_area.home_Section1 .section_img{width: 100% !important; bottom: -13% !important}
    .ouraim_area .section_img{ position: relative;  bottom: 0;  margin: 0 auto; left: 0%; transform: none; }
    .ouraim_area absolute_tag{ left: auto; right: -2%;}
    .contact_area .cup{ display: none;}
    .section_img{ position: relative; width: 100% !important; margin:0 auto; overflow: hidden;}
    .contact_area .section_img{ aspect-ratio: 1/.7;}
    .test_area .section_img{ aspect-ratio: 1/.76;}
    .section_img img{ width: 100%; height: auto;}
    .contact_area.gutter, .test_area.gutter{ padding-bottom: 0;}
    .ouraim_area .cup{ bottom: 2%; right: -10%;}
    .feature_area .cup{ display: none;}
    .universal_heading span {font-size: 1.75rem;}
    .banner_img{ aspect-ratio: 1/.75; width: 100%; margin-left: 0%;}
    .banner:after{ content: ''; position: absolute; bottom: -6px; left: 0; width: 100%; height: 100px; background-color:var(--info); z-index: -1;}
    .text_cnt.mt-5{ margin-top: 0 !important;}
    .form-control{font-size: 1.25rem; border-radius: 30px; padding: 16px 30px;}
    .fieldset {margin-bottom: 30px;}
    .btn { font-size: 1.125rem;}
    .container, .container-fluid{ padding-left: 40px;padding-right: 40px;}
    .ouraim_area .absolute_tag { top: auto !important; bottom: 30%; transform: translateY(0%);}
    .footer a { padding: 10px 0;}
    .feature_area .absolute_tag { top: auto !important; right: 3%; bottom: 17%; transform: translateY(0%);}
    .outstory_area.gutter{ padding-bottom: 40%;}
        .home .outstory_area .section_img {
            left: -50px;
            width: 460px !important;
        }
       .home .ouraim_area .universal_heading h2 {
            text-align: left;
        }
        .home .ouraim_area {
            padding-top: 350px;
        }
    .ouraim_area{ padding-top: 35%;}
    .outstory_area .section_img { width: 120%; left: -30%; top: 0; transform: translate(0, 0);}
    .img-txt {left: -1%; top: 3%;}
    .brew_area h2{ font-size: 7rem;}
    .enjoy_area .section_img{ display: none;}
    .enjoy_area{ padding: 50px 0 0;
        text-align: center;}
    .enjoy_area .absolute_tag{ bottom: auto; top: 10px; right: 30px; width: 150px !important;}
    .top_inner_banner { z-index: 2;}
    .top_inner_banner.logo_slder { z-index: 1;}
    .top_inner_banner .cup{ width: 200px; /* top: auto; */ bottom: -25%; left: -15%;}
    .pop_area.gutter{ padding: 100px 0; }
    .pop_area .cup { width: 100% !important; max-width: 300px; top: auto; position: relative; bottom: 0px; left: auto; right: -60%;aspect-ratio: 1 / .75; overflow: hidden;}
    .pop_area .absolute_tag{ bottom: -40%; right: auto; width: 170px !important;}
    /* .pop_area .absolute_tag.top{ top: -10%; right: 20%; width: 80px;} */
    .pop_area .universal_heading h2 { font-size: 8rem;}
    .brew_area{ z-index: 1;}
    .slide { width: 120px; }
    .test_area .absolute_tag{ left: -2% !important; top: -7%;}
    .contact_form .absolute_tag{ right: auto; bottom: auto; top: -36%; left: -10px !important; width: 100px !important;}
    .strip_bg{ background-size: 170% auto;}
    .about_banner{ padding-top: 50px;}
    .about_banner .inner_banner_img{ width: 100%; left: 0%; top: 0; position: relative;}
    .abolut-text_cnt { padding: 0px 0 80px; }
    .about_feature_area .absolute_tag, .cup_area{ display: none;}
    .about_banner .cup {left:auto; right: auto; top: 100px; bottom: auto; width: 150px !important;}
    .cup.tag_left{ margin-left: 0; right: 0; width: 100% !important;}
    .swiper-pagination{ text-align: center;}
    .about_feature_area { padding: 30px 0 80px 0;}
    .about_banner .universal_heading { margin-top: 30px; }
    .about_banner .universal_heading h2{ font-size: 2.25rem; text-align: center;}
    .about_banner p, .myFeatureSwiper p{ font-size: 1rem;}
    .myFeatureSwiper h3 { font-size: 1.6rem; margin-bottom: 10px; }
    .team_area .absolute_tag{ width: 100px;}
    .about_feature_area .absolute_tag{ position: absolute; top: -90%; right: 5%; width: 150px !important;}
    .team_area .universal_heading h2 { font-size: 3rem; }
    .team_area .section_img { max-width: 150px;right: -10%;}
    .blog_banner--cnt{ width: 100%; bottom: 0; top: auto; height: auto; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0.03) 100%); } 
    .blog_banner--cnt h3 {font-size: 1.25rem; margin-bottom: 0;}
    .blog_list--cnt h2, .blog_banner--cnt h2 {font-size: 1.5rem;}
    .blog_banner--cnt p, .blog_list--cnt p{ font-size: 1rem; margin-bottom: 5px;}
    .blog_banner--img{ aspect-ratio: 1/1.16;}
    .blog_banner h1{ margin-left: 40px;}
    .blog_banner--img img { width: auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%);}
    .blog_banner .container-fluid{ padding: 0 !important;}
    .blog_banner--cnt{padding: 30px;}
    .blog_banner--cnt, .blog_banner--img{ border-radius: 0}
    .blog_banner h1 { margin: 30px 0; }
    .blog_list--img{ aspect-ratio: 1/1.13;}
    .blog_list--img img { object-fit: cover; position: absolute; left: 50%; transform: translateX(-50%); height: 100% !important; width: auto !important; }
    .blog_list--img img{ height: 100%; width: auto; min-width: 100%; object-fit: cover;}
    .mega_menu ul{ width: 100%;}
    .banner_details h1{font-size: 3rem; line-height: 110%;}
    .blog_section1 .section_img{position: relative; top: 0; transform: translateY(0%) !important; margin-top: -22%; width: 140%; height: auto; left: -40%; }
    .blog_section1 .absolute_tag, .blog_section2 .absolute_tag, .blog_section3 .absolute_tag{ width: 200px;}
    .blog_section2 .absolute_tag{ bottom: auto; right: auto; top: 20%; left: 3% !important;}
    .blog_section1 .absolute_tag{top: 20%; bottom: auto;}
    .home_Section1 .universal_heading h2, .video_section_area .universal_heading h2, .faq_area .universal_heading h2 { font-size: 2.5rem;}
    .blog_section1 h3, .blog_section4 h2{ font-size: 1.75rem;}
    .blog_section3 .absolute_tag{ top: 20%; bottom: auto; right: -5%;}
    .blog_section2 .section_img{ position: relative; width: 130%; margin-top: -25%; height: auto; top: 0; left: 20%; transform: none;}
    .universal_heading h1, .universal_heading h2, .blog_list .universal_heading h2{font-size: 3rem;}
    .blog_section2 h3{font-size: 3rem;}
    .blog_section1 h3, .blog_section2 h3, .blog_section3 h3 {font-weight: 500;}
    .blog_section2 .container-fluid, .blog_section3 .container-fluid{ margin-top: 50px;}
    .blog_section3 .section_img{ position: relative; margin-top: -30%; top: 0%; left: -20%; right: auto; transform: translateY(0); width: 110%;}
    .aspect_square{ aspect-ratio: 1/.95; text-align: center; position: relative;}
    .aspect_square img{ height: 100%; width: auto !important; max-width: none !important; margin: auto; position: absolute; left: 50%; transform: translateX(-50%);}
    .blog_section3 p{font-size: 1.5rem;}
    .faq_area .card .card-header a{ font-size: 1.5rem;}
    .contact_location--address .universal_heading h2{ font-size: 2rem; margin-bottom: 15px;}
    .faq_area .card .card-body {font-size: 1.25rem;}
    .faq_area .universal_heading h2 { margin-bottom: 10px;}
    .contactsection_area .universal_heading { text-align: center;}
    .contactsection_area.gutter{ padding-bottom: 0 !important;}
    .contactsection_area .contact_img{ background: url('../images/bg_strip2.svg') var(--black) center center; background-repeat: no-repeat; background-size: 140% auto;}
    .contactsection_area .absolute_tag{ width: 80px  !important; left: 10px !important; top:30px; bottom: auto; right: auto !important;}
    .contactsection_area .contact_img{ position: relative; left: 0; top: 0; transform: translate(0); width: 100%; padding: 30px 0;}
    .contactsection_area .cup{ width: 200px !important; right: 45%;}
    .product_banner .section_img { width: 100%; right: -40%; top: -40px; }
    .product_showcase .section_img1, .product_showcase .absolute_tag{ display: none;}
    .tab-pane.container{ padding-left: 15px; padding-right: 15px;}
    .product_detailed p { font-size: 1.25rem;}
    .product_detailed .border-start{ border: none !important;}
    .feature_txt .mt-4 { margin-top: 30px !important;}
    .mobile_scroll{flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    .video_cnt { padding: 20px;}
    .circle_1{ width: 50px; bottom: 20%}
    .circle_4{left: -15%;}
    .enjoy_area .text_cnt p { font-size: 1.5rem; }
    .top_inner_banner .universal_heading h2 { font-size: 3.5rem }
    /* .top_inner_banner .cup { bottom: 8%;} */
    /* .pop_area .absolute_tag.top { top: -10%; right: auto; width: 100px !important; left: 30% !important;} */
    .pop_area .cup.d-block{position: absolute; top: -10%; left: 0; width: 50% !important; aspect-ratio: 1/1; max-width:200px;}
    .contact_area.page .cup{ display: block !important;}
    .product_text{ min-height: auto;}
    .outstory_area .cup{ display: none;}
    .profile-img { width: 50% !important; top: 50%;}
    .ouraim_area .absolute_tag {width: 150px !important;}
    .brew_area{position: relative; /*aspect-ratio: 1/1.36*/}
    .brew_area img{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: auto !important; height: 100%; z-index: -1;}
    .myFeatureSwiper .swiper-pagination { text-align: center !important; margin: auto; }
    .blog_section1 h2{ margin-top: 30px;}
    .blog_section1 h2, .blog_section2 h2, .blog_section3 h2{ font-size: 2rem;}
    .pagination{ position: relative; margin-bottom: 50px;}
    .pagination .previous, .pagination .next{position: absolute; top: 60px;}
    .pagination .previous{ left: calc(50% - 50px);}
    .pagination .next{right: calc(50% - 50px);}
    .home_Section1 .btn{width: 100%; padding: 20px 20px; font-size: 1.5rem;     font-weight: 600; border-radius: 50px;}
    .contact_area.page .btn-lg{width: 90%; padding: 20px !important; font-size: 1.125rem; font-weight: 500;}
    .contact_area.page .d-block.d-md-flex{ text-align: center;}
    .contactsection_area{ background-image: none !important;}
    .close_menu{ right: 20px;}
    .g-recaptcha{ width: 100%; margin: auto;}
    .keyhighlight{font-size: 1.5rem;}
    .keyhighlight .text-c1, .pop_area p .text-c1 { color: var(--color2); }
    .pop_area .mt-4.pt-4{ margin-top: 0 !important; color: var(--color2);padding-top: .5rem !important; font-family: var(--font2); font-size: 1.5rem;}
    /* .g-recaptcha{ margin-bottom: 30px;} */
    .full_video{ margin-bottom: -2%;}
}
@media (max-width: 500px) {
    .home .ouraim_area .text_cn.gutter {
        padding-bottom: 30%;
    }
    .pop_area .absolute_tag{ bottom: -30%; right: auto; width: 130px !important; left: 0 !important;}
        .top_inner_banner .cup {
            max-width: 130px;
            left: -10%;
        }
    .strip_bg{ background-size: 200% auto;}
    .ouraim_area .cup{width: 240px !important; bottom: 4%;}
    p { font-size: 1.125rem;line-height: 150% !important;}
    .banner .cup { bottom: -8px; right: auto; left: -3%; width: 200px !important; }
    .mega_menu { padding: 20px 5px;}
    .contactsection_area .cup{ width: 200px !important; right: 45%;}
    .feature_area.home_Section1 .text_cnt.gutter{ padding-bottom: 0;}
    .about_banner .inner_banner_img { width: 112%; left: -3%;}
    .test_area .absolute_tag{ left: 5% !important; width: 130px !important;}
    .inner_banner_img.video_add{width: 200% !important; margin-left: -50% !important; }
    .outstory_area .section_img { width: 110%; left: -12%;}
    .section_img { width: 116%; margin: 0 -8% !important;}
    .contact_area .section_img { width: 116% !important; margin: 0 -8%; }
    .ouraim_area .section_img { width: 150% !important; margin-left: -25% !important}
    .feature_area .section_img{ width: 100% !important; margin-left: 0% !important; aspect-ratio: 1 / .67;}
    .ouraim_area .section_img img{ width: 80%; left: -5%; position: relative;}
    .feature_area.home_Section1 .section_img{ width: 140% !important; margin-left: -20% !important; }
    .ouraim_area .text_cn.gutter{ padding-bottom: 20px;}
    .ouraim_area .section_img{ margin: 0 auto;}
    .ouraim_area .absolute_tag {width: 100px !important; right: -1%;}
    .feature_area .absolute_tag{ width: 130px !important; bottom: 36%; right: -1%}
    .blog_banner_latest{ border-radius: 0;}
    .product_banner .section_img { width: 100%; right: -40%; top: -15px;}
    .contact_area.page .cup { right: 48%; bottom: 0%; z-index: 1; width: 200px !important; }
    .about_feature_area .absolute_tag{ width: 115px !important; top: -50%;}
    .team_area .section_img { top: -80px; right: 15px; max-width: 170px;}
    .product_img { max-width: 200px;}
    .btn.btn-sm { padding: 4px 16px;}
    .pop_area .cup.d-block { left: 0; top: -10%; max-width: 150px;}
    .pop_area .absolute_tag.top { width: 120px !important;}
    .top_inner_banner .universal_heading h2{ margin-bottom: 30px;}
    .enjoy_area .text_cnt p { font-size: 1rem; color: var(--color2); }
    /* .pop_area .absolute_tag { bottom: -50px; width: 120px !important; left: 0 !important;} */
    .top_inner_banner .universal_heading h2 { font-size: 2.8rem;}
    .pop_area.gutter{ padding: 80px 0;}
    .pop_area .absolute_tag.top { left: 65% !important; top: -20%}
    .banner .absolute_tag{width: 90px !important; bottom: -30%; }
    .about_banner .cup { left: -3%; top: 100px; width: 200px !important;}
    .video_cnt h3{ margin-bottom:10px}
    .home_banner { padding: 30px 0 100px 0; }
    .video_cnt { padding: 15px;}
    .feature_txt .mt-4 { margin-top: 20px !important;}
    .product_detailed p { font-size: 1rem;}
    .large_product_img .swiper-button-next{ margin-right:10px;}
    .large_product_img .swiper-button-prev{ margin-left:10px;}
    .product_detailed h3 { font-size: 2rem; }
    .home_banner_text.universal_heading h2 { font-size: 3rem; margin-bottom: 0; }
    .absolute_tag.new_tag{ width: 120px !important;}
    .faq_area .card .card-header a{ font-size: 1.125rem;}
    .home_Section1.feature_area .absolute_tag{ width: 170px !important;right: -7%; bottom: 20%;}
    .contact_area.page .section_img{ width: 185%; right: -15%;}
    .contact_area.page .absolute_tag{left: auto; right: 53%; top: auto; bottom: 20%; z-index: 1;}
    .contact_location--map img, .contact_location--map iframe{ aspect-ratio: 1/1;}
    .contact_location--address{ background-image: none !important;}
    .contact_location--address p{ font-size: 1.125rem;}
    .contact_location--address p br{ display: none;}
    .contact_location--address .img{ display: none;}
    .contact_area.page .absolute_tag{width: 80px !important;}
    .contact_form .absolute_tag{ width: 80px !important; top: -230px;}
    .universal_heading span {font-size: 1.125rem; /*font-weight: 500;*/ margin-bottom: 5px;}
    .absolute_tag{width: 130px;}
    .gutter{padding: 50px 0}
    .gutter-t{padding-top: 50px}
    .gutter-b{padding-bottom: 50px}
    .navbar-brand .img{ width: 190px;}
    .universal_heading h1 { font-size: 3.5rem; }
    .banner { margin-top: 10px;}
    .cup, .pop_area .cup{ width: 180px !important;
        right: -55%; }
    .universal_heading h2 {font-size: 3rem;}
    .footer .d-flex{ display: block !important; margin: auto; text-align: center;}
    .footer .d-flex a{ padding: 10px;}
    .brew_area h2{ font-size: 5rem;}
    .banner_details h1{font-size: 2.5rem;}
    .pop_area .universal_heading h2 { font-size:7.5rem; text-align: center;}
    .slide { width: 85px; }
    .abolut-text_cnt {padding: 0px 0 30px;}
    .strip_bg { background-size: 305% auto; background-position: 90% top !important; }
    .about_banner { padding-top: 30px; }
    .swiper-pagination-bullet{ width: 15px; height: 15px;}
    .swiper-pagination{ margin-left: 0; text-align: center !important;}
    .blog_banner h1{ margin-left: 30px; font-size: 3rem;}
    .container, .container-fluid { padding-left: 30px; padding-right: 30px;    }
    .universal_heading h1, .universal_heading h2, .blog_list .universal_heading h2, .home_Section1 .universal_heading h2, .video_section_area .universal_heading h2,.faq_area .universal_heading h2 {font-size: 2.7rem;}
    .blog_section2 h3{font-size: 2rem;}
    .blog_list--cnt h2{ font-size: 1.25rem; }
    .blog_list--cnt{ padding: 20px;}
    .banner .universal_heading span{ font-weight: 600;}
    .banner .universal_heading h1{ font-size: 3rem !important; margin-top: 5px;}
    .banner_img { aspect-ratio: 1 / .75; width: 110%; margin-left: -5%; }
    .feature_area .text_cnt.gutter{ padding-top: 10px !important;}
    .feature_area .universal_heading h2{font-size: 2.6rem;}
    .test_area .universal_heading h2{ font-size: 3.5rem;}
    .test_area .section_img { margin: 0; right: 0%; width: 136%;}
    .about_banner .universal_heading h2 { font-size: 2.8rem; text-align: center; margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .team_area .text_cnt p{ font-size: 1rem; font-weight: 500; line-height: 150%;}
    .blog_banner--cnt h3 { font-size: 2rem; font-weight: 600 !important; }
    .blog_banner--cnt h2{ font-size: 1.35rem;}   
    .blog_list--cnt .readmore a, .blog_banner--cnt .readmore{ width: 48px;}
    .blog_list--item{ aspect-ratio: 1/1.13;}
    .blog_section1 .section_img { transform: translateY(-17%);}
    .blog_section1 .section_img {width: 147%;}
    .blog_section1 .absolute_tag { top: 23%; width: 230px !important;right: -4%; }
    .blog_section1 h2 {font-size: 2rem;}
    .blog_section2 .absolute_tag { top: 30%;}
    .product_text { margin-top: -20px; }
    .contact_area.page div.mt-4{ margin-top: 0 !important; padding-top: .5rem !important;}
    .product_slider{ width: 100vw; margin-left: -30px;}
    .large_product_img .swiper-slide a{ border-radius: 0;}
    .product_detailed .feature_txt{ margin-left:-2rem; margin-right:-2rem }
    .gutter.product_detailed{ padding-bottom:0 !important }
}

@media (max-width: 425px) {
    .home .ouraim_area .absolute_tag {
        width: 160px !important;
        bottom: 23%;
    }
}

@media (max-width: 375px) {
    .home .ouraim_area .absolute_tag {
        bottom: 20%;
    }
}