@media (max-width: 1200px){
    .main-text {
        padding-right: 20px;
    }
}
@media (max-width: 1024px){

}
@media (max-width: 991px) {
    .slide-item h3 {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .service-item h3 {
        font-size: 16px;
    }
    .service-item p {
        font-size: 14px;
        line-height: 24px;
    }
    .main-section {
        padding: 20px 0 40px;
    }
    .section-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .calc-form h3 {
        font-size: 26px;
    }
    .main-text {
        width: 100%;
    }
    .slide-item span {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .header-wrapper .header-left .register {
        height: 30px;
        font-size: 12px;
        padding: 0 16px;
        margin-right: 10px;
    }
    .header-wrapper .header-left .phone {
        height: 30px;
        font-size: 12px;
        margin-right: 0;
        padding: 0 10px;
    }
    .header-wrapper .logo img {
        height: 44px;
    }
    .testimonials {
        padding: 40px 0;
        border-radius: 30px;
    }
    .packages {
        margin-bottom: 20px;
    }
    .inner-package-wrap {
        padding-right: 0;
    }
}
@media (max-width: 767px) {
    .inner-package-wrap {
        padding-top:50px;
    }
    .package-title-wrapper {
        text-align: center;
    }
    .package-title-wrapper span {
        font-size: 16px;
    }
    .package-title-wrapper h3 {
        font-size: 30px;
    }
    .inner-services-section {
        padding: 30px 0 0;
    }
    .inner-page-section {
        padding: 20px 0;
    }
    .footer-bottom {
        display: block;
        text-align: center;
    }
    .footer-bottom .copyrights {
        margin-bottom: 16px;
    }
    footer {
        margin: 50px 0 30px;
    }
    .tstm-head {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    .tstm-head .section-title {
        margin-bottom: 20px;
    }
    .slide-item {
        text-align: center;
    }
    .main-text {
        padding: 0 20px;
    }
    .owl-dots{
        justify-content: center;
    }
    .main-text .main-actions {
        display: block;
        text-align: center;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .main-text .main-actions .join-now {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .main-text .main-actions .slider-arrows {
        display: flex;
        justify-content: center;
    }
    .header-left{
        margin-right: auto;
    }
    header .main-menu{
        display: none;
    }
    .header-left .phone{
        display: none;
    }
    .header-wrapper .header-left .register {
        margin-right: 0;
    }
    .open-menu{
        display: inline-flex;
        margin-right: 10px;
    }
    .details-text-wrap .title-wrapper {
        margin-bottom: 50px;
        padding-left: 30px;
    }
    .details-text-wrap .title-wrapper:before {
        left: 0;
        width: 100%;
    }
    .details-text-wrap .text{
        width:100%;
    }
    .details-text-wrap .title-wrapper:after {
        right: -10px;
    }
    .details-text-wrap .s-text {
        padding-left: 0;
    }
    .service-details-wrap {
        position: initial;
        width: 100%;
        flex-direction: row;
        flex: 1;
        border-radius: 0 0 20px 20px;
        padding:20px;
    }
    .service-details-wrap .s-details {
        width: 50%;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 0;
        border-left: 1px solid rgba(116,165,51,0.1);
    }
    .details-img-wrap.service--img img {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }
    .details-img-wrap , .details-text-wrap{
        margin-bottom: 30px;
    }
    .details-text-wrap .text span {
        font-size: 20px;
    }
    .details-text-wrap .text h3 {
        font-size: 28px;
    }
    .packages-wrapper .package-item {
        background: linear-gradient(to bottom,rgba(140,191,67,0.05),rgba(140,191,67,0.2));
        border-radius: 24px;
    }
    .popup-item .popup-content {
        padding: 30px 20px 40px;
    }
    .bmi-progress-wrap {
        padding: 0 14px;
        margin-bottom: 50px;
    }
    .popup-item .popup-content h3 {
        font-size: 24px;
        margin-bottom: 28px;
    }
    .close-popup {
        top: 28px;
    }
    .bmi-text {
        padding: 0 14px;
    }
    .bmi-text .result span {
        margin-left: 20px;
    }
    .packages-title {
        height: 280px;
        border-radius: 24px;
        padding: 40px 20px;
    }
    .calc-img{
        min-height: initial;
    }
    .slider-image-wrap {
        margin-bottom: 30px;
    }
    .packages-wrapper {
        max-width: 80%;
    }
}
@media (max-width: 576px) {
    .form-item {
        padding: 30px 20px;
        margin-bottom: 30px;
    }
    .form-item .col-6{
        width:100%;
    }
}
@media (max-width: 480px) {

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

}