/* large desktop :2160px. */
@media (min-width: 2161px) and (max-width: 3840px) {

}

/* large desktop :2001px. */
 @media (min-width: 2001px) and (max-width: 2160px) {
 .inner_bannertext {
    position: absolute;
    top: 28%;
    left: 18%;
    }

 }



/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
  
}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1600px) {

	
}



/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
.inner_banner {
    min-height: 188px;
    }
.inner_bannertext {
    top: 17%;
    left: 0%;
    }
.postscardtext h6 {
    width: 90%;
    }
.blogdetailsleft h5 {
    font: normal normal 500 25px/20px Outfit;
    }

	
}



/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    
.nav-user img {
    width: 50px;
    }
.nav-rboxsearch img {
    width: 50px;
    }
.shop_bag img {
    width: 50px;
    }
.happy_txt {
    font: normal normal 300 43px/43px Outfit;
    }
.healthy_txt {
    font: normal normal 300 43px/86px Outfit;
    }
 .infinity_txt {
    font: normal normal 300 43px/43px Outfit;
    }
.sing_abtcon p {
    font: normal normal normal 14px/19px Poppins;
    width: 100%;
    }
.single_abtbox {
    margin-bottom: 3px;
    }
.abts_right h2 {
    margin: 0px 0px 14px 0px;
    font: normal normal 500 26px/32px Outfit;
    }
.abts_right p {
    margin: 0px 0px 22px 0px;
    font: normal normal normal 15px/21px Poppins;
    }
.vdo_btn {
    top: 34%;
    }

.clas_element {
    left: 40%;
    width: 167px;
    }    
.class_sec h2 {
    margin: 0px 0px 17px 0px;
    font: normal normal normal 40px/28px Outfit;
    }
.singclass_img {
    height: 151px;
    }    
.topyouth_sec p {
    padding: 0px 11%;
    font: normal normal normal 16px/24px Poppins;
    }
.experience_box p {
    padding: 0px 6%;
    font: normal normal normal 14px/21px Poppins;
    }
.experience_box h3 {
    font: normal normal normal 32px/36px Outfit;
    }   
.renewal_sec {
    padding: 50px 0px;
    min-height: 319px;
    }
.inner_bannertext {
    top: 20%;
    left: 0%;
    }
.inner_banner h2 {
    font-size: 24px;
    line-height: 36px;
    }
.inner_bannertext p {
    font-size: 12px;
    }
.stellarnav.light li a {
    font: 500 15px/16px Outfit !important;
    }
.inner_banner {
    margin: 0px 0px 38px 0px;
    min-height: 148px;
    }
.blogcardright {
    padding: 0px 0px 0px 0px;
    }
.postscardimg {
    width: 99px;
    height: 53px;
    }
.postscardtext h6 {
    margin: 5px 0px 4px 0px;
    font: normal normal 500 13px/16px Outfit;
    width: 100%;
    }
.postscardtext p {
    font: normal normal 400 12px/20px Outfit;
    }
 .blogdetailsleft h5 {
    margin: 0px 0px 22px 0px;
    font: normal normal 500 23px/26px Outfit;
    }
.blogcardright h2 {
    margin: 0px 0px 12px 0px;
    font: normal normal 600 24px/18px Outfit;
    }
.blogcardright ul {
    margin: 0px 0px;
    padding: 0px 0px;
    }
.blogcardright li {
    font-size: 13px;
    }
.blogdetail-imgcard {
    margin: 15px 0px;
    height: 209px;
    }
.tagscard h6 {
    font: normal normal normal 14px/22px Poppins;
    gap: 4px;
    padding-right: 0px;
    }
 .healingtext {
    margin: 0px 2px;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 13px;
    }
.tagscard-section {
    gap: 13px;
    }
.socialicons a {
    margin: 0px 2px;
    padding: 7px 7px;
    width: 30px;
    height: 30px;
    }

}



/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
.stellarnav.mobile.light ul {
    background: rgb(215, 236, 249);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    } 
.stellarnav.light li a {
    font: 500 15px/16px Outfit !important;
    } 
.nav-menu {
    display: flex;
    align-items: last baseline;
    gap: 15px;
    justify-content: left;
    }
.hero_banner {
    min-height: 230px;
    }
.herob_con {
    right: 0px;
    top: 2%;
    width: 42%;
    }
.happy_txt {
    font: normal normal 300 22px/43px Outfit;
    }
.healthy_txt {
    font: normal normal 300 20px/26px Outfit;
    }
.infinity_txt {
    font: normal normal 300 20px/38px Outfit;
    }
.single_abtbox {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    }
.sing_abtcon h6 {
    text-align: center;
    font: normal normal 600 22px/48px Outfit;
    }
.sing_abtcon p {
    text-align: center;
    font: normal normal normal 15px/23px Poppins;
    width: 100%;
    }
.abts_right h2 {
    margin: 0px 0px 6px 0px;
    font: normal normal 500 25px/48px Outfit;
    }
.abts_right p {
    margin: 0px 0px 22px 0px;
    font: normal normal normal 15px/24px Poppins;
    }
.abts_left {
    margin: 0% 0px 0px 0px;
    }
.vdo_btn {
    top: 32%;
    }
.about_sec {
    padding: 0px 0px 15px 0px;
    }
.clas_element {
    left: 29%;
    }
.class_sec h2 {
    margin: 0px 0px 12px 0px;
    font: normal normal normal 29px/28px Outfit;
    }
.topyouth_sec {
    padding: 30px 0px;
    }
.topyouth_sec h2 {
    margin: 0px 0px 12px 0px;
    font: normal normal normal 28px/36px Outfit;
    }
.topyouth_sec p {
    margin: 0px 0px 15px 0px;
    padding: 0px 1%;
    font: normal normal normal 15px/20px Poppins;
    }
.experience_sec {
    padding: 30px 0px;
    }
.experience_box h3 {
    margin: 0px 0px 12px 0px;
    font: normal normal normal 24px/27px Outfit;
    }
.experience_box p {
    margin: 17px 0px 37px 0px;
    padding: 0px 2%;
    font: normal normal normal 14px/18px Poppins;
    }
.inner_banner {
    margin: 0px 0px 15px 0px;
    min-height: 71px;
    }
.inner_bannertext {
    top: 18%;
    left: 0px;
    }
.inner_banner h2 {
    font-size: 17px;
    line-height: 22px;
    }
.inner_bannertext p {
    font-size: 11px;
    }
.blogcardright {
    padding: 25px 0px 0px 0px;
    }
.blogdetailimg {
    margin: 31px 0px 25px 0px;
    height: 220px;
    }
.blogdetailsleft h5 {
    margin: 0px 0px 22px 0px;
    font: normal normal 500 21px/20px Outfit;
    }
.blogdetail-imgcard {
    margin: 15px 0px;
    height: 278px;
    }
.tagscard-section {
    gap: 14px;
    flex-wrap: wrap;
    }
.tagscard h6 {
    gap: 4px;
    padding-right: 4px;
    }
.healingtext {
    margin: 0px 2px;
    padding: 7px 12px;
    font-size: 13px;
    }
.blogcardright h2 {
    margin: 22px 0px 11px 0px;
    font: normal normal 600 28px/24px Outfit;
    }
.postscardtext h6 {
    width: 92%;
    }
.renewals_con {
    width: 100%;
    }
.renewals_con h2 {
    margin: 0px 0px 15px 0px;
    font: normal normal normal 26px/28px Outfit;
    }
.renewals_con p {
    margin: 0px 0px 20px 0px;
    font: normal normal normal 14px/21px Poppins;
    }
.renewal_sec {
    padding: 25px 0px;
    min-height: 259px;
    }
.copyright-left {
    font-size: 13px;
    text-align: center;
    }
.copyright-right {
    font-size: 13px;
    text-align: center;
    }


}