@media(max-width: 2000px) and (min-width: 1400px){
    .container {
        max-width: 1400px;
    }
}
@media(max-width: 1700px){
    .duis:before{
        width: 100%;
     }
     .photo-section.about:before {
        display: none;
    }
     .subscribe:before {
        left: 9%;
        width: 1430px;
    }
     .story-img img{
        width: 100%;
        height: 1637px;
        object-fit: cover;
     }
     .call-to-action{
        padding-top: 0;
     }
     ul.funfact li:not(:last-child):before {
        left: 140%;
    }
    .img-girl {
        top: 11.5%;
    }
     .years p{
        width: 90%;
     }
     .years{
        padding-top: 60px;
        padding-left: 60px;
     }
     .years ul.list li {
        width: 50%;
    }
    .years h6:before{
        display: none;
    }
    .years h6:after{
        left: -14%;
    }
    .story-section .heading {
        padding-left: 50px;
    }
}
@media(max-width: 1650px){
    .duis:before{
        height: 464px;
        width: 671px;
    }
    .img-girl{
        left: 33%;
    }
    .call-to-action.quote .young h3{
        left: 56%;
    }
    .img-girl {
        top: 22%;
    }
    .featured-one {
        overflow: hidden;
    }
}
@media(max-width: 1600px){
    .duis img {
        width: 285px;
    }
    .duis i{
        top: 30%;
        left: 40%;
    }
}
@media(max-width: 1500px){
    .duis img {
        width: 250px;
    }
    .hambur > p {
        padding: 20px 0;
    }
    .data-to h5 {
        padding-right: 20px;
        font-size: 20px;
    }
    .hambur h6{
        margin-right: 50px;
    }
    .duis i {
        top: 28%;
        left: 44%;
    }
    .contact-map iframe {
        height: 350px;
        margin-top: 20px;
    }
    .duis i {
        top: 25%;
    }
    .duis:before {
        height: 464px;
        width: 622px;
    }
    .call-to-action.quote .young h3{
        left: 54%;
    }
    .subscribe:before {
        left: 0%;
        width: 1496px;
        height: 510px;
    }
}
@media(max-width: 1400px){
    .build h2{
        font-size: 44px;
    }
    .heading h3{
        margin-bottom: 30px;
    }
    .gap{
        padding: 100px 0px;
    }
    .no-bottom{
        padding-bottom: 0;
    }
    .no-top{
        padding-top: 0;
    }
    .miss-workout.heading h3{
        margin-left: 0;
    }
    .years ul,.years p{
        padding-top: 20px;
    }
    .my-program .heading p {
        display: none;
    }
    .hero-section{
        padding-bottom: 0;
    }
    .smiling img {
        width: 100%;
        margin-top: 68px;
    }

    .cards{
        padding: 32px;
    }
    img.Photo-4 {
        margin-top: 0px;
    }
    .cards h4 {
        font-size: 22px;
        line-height: 32px;
    }
    ul.funfact li:not(:last-child):before {
        left: 115%;
    }
    .img-girl {
        top: 18.5%;
    }
    .title-blog.two.blog-2 h3 > a {
        width: 91%;
    }
    .title-blog.blog-2 h3 > a {
        width: 92% !important;
    }
    ul.funfact li:not(:last-child):before{
        height: 120px;
    }
    .duis p{
        width: 80%;
    }
    .points1 h6{
        padding: 25px;
    }
    .apointment img{
        margin-left: 0;
    }
    .other-workouts-Sections:before{
        display: none;
    }
    .img-girl {
        left: 30%;
    }
    .miss-workout p,.miss-workout.heading .Post-1 {
        padding-left: 130px;
    }
   h3 {
        font-size: 34px;
        line-height: 44px;
    }
    .blog-one .title-blog h3 > a{
        width: 100%;
    }
    .blog-card {
        padding-left: 30px;
    }
    .title-blog p {
        padding-bottom: 20px;
    }
    .blog-card .Post-details.blog{
        padding-top: 10px;
    }
    img.Photo-3 {
        width: 70%;
    }
    .about-info.heading h3 {
        width: 56%;
    }
    .cards{
        height: auto;
        width: auto;
        margin: 0;
        padding: 25px;
    }
    .benefits-section .heading h3{
        width: 56%;
    }
    .cards h4 a{
        margin-left: -38px;
    }
    .bmi{
        margin-top: 99px;
    }
    .tabs {
        display: flex;
    }
    img.girl-calculator {
        padding-top: 8px;
    }
    img.girl-calculator {
        padding-top: 144px;
    }
    .Post-2.Post-1 h6{
        padding-left: 5px;
    }
    .Post-data{
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    .Post-details h4{
        display: none;
    }
    .testimonials-section .heading p {
        width: 55%;
    }
   img.background-calculator {
        top: 11.2%;
    }
    .about-card-1{
        padding: 30px;
    }
    .years {
        padding-top: 40px;
    }
    .years h6:after {
        left: -10%;
    }
    .years ul.list li {
        width: 100%;
    }
    .diploma img{
        width: 100%;
    }
    .certificates-Section:after{
        display: none;
    }
    .photo-preview {
        bottom: 10%;
    }
    .photo.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 5%;
    }
    .card-img.benefits{
        padding:0;
        padding-bottom: 20px;
    }
    .benefit a.button.calculate{
        width: 50%;
    }
    .cards-programs .card-img > img {
        height: 520px;
        object-fit: cover;
    }
    .number h4 a{
        font-size: 20px;
        line-height: 30px;
        top: 31%;
    }
    .call-to-action.quote .young h3 {
        left: 79%;
        width: 75%;
    }
    .other-workouts-Sections .card-img > img {
        height: 510px;
        object-fit: cover;
    }
    .form-apointment {
        right: 13%;
        position: absolute;
        padding: 40px;
        background-color: white;
        width: 38%;
        top: 20%;
    }
    .form-apointment h2{
        font-size: 44px;
        line-height: 54px;
    }
    .apointment-one.two .form-apointment h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .pricing-table {
        padding-top: 140px;
    }
    .pricing-table span {
        left: 12%;
        top: 20%;
    }

    img.two-img {
        margin-left: 0;
        margin-top: -185px;
        height: 245px;
    }
        img.one-img {
            margin-bottom: -291px;
            margin-left: 277px;
            width: 245px;
    }
    .subscribe {
        padding-bottom: 200px;
    }
    .range-sliders .range-slider-group .range-slider {
        width: calc(100% - 60px);
        margin-top: 50px;
    }
    .subscribe h4{
        padding-top: 0;
    }
}
@media(max-width: 1400px){
    .range-sliders .range-slider-group .input-slider {
        width: 75%;
        margin: 0;
        margin-bottom: 20px;
    }
    .hero-contact .heading h3 {
        margin-top: 70px;
    }
    .progress-info .heading h3 {
        width: 100%;
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .meeting-data.one .join-meeting .button.back {
        padding: 15px 10px;
    }
    .join-meeting {
        padding: 15px;
    }
    .program{
        padding: 15px;
    }
    .program p{
        padding-top: 10px;
    }
    .years p {
        padding-top: 20px;
    }
    .blog-card .Post-details.blog h4 {
        display: block;
    }
    .blog-section {
        padding-bottom: 80px;
    }
}
@media(max-width: 1366px){
    .details-data th{
        padding: 30px 33px;
    }
    .about-info h3:before{
        left: -16%;
    }
    .gap-health-style {
        margin-left: 186px;
        width: 80%;
    }
    .img-girl {
        top: 23.3%;
    }
    .background-object:before {
        content: "";
        position: absolute;
        height: 643px;
        width: 326px;
    }
    .hero-blog ul.crumbs {
        display: inline-flex;
    }
    .price h2{
        font-size: 36px;
    }
    .price span {
        font-size: 20px;
    }
    .price-one h3 {
        text-transform: uppercase;
        font-size: 30px;
    }
    .calculator-section {
        padding-top: 0px;
    }
    .years h6:before {
        display: block;
        width: 5px;
        height: 447px;
        left: -35px;
        border-radius: 20px;
    }
    .blog-section {
        padding-top: 0;
    }
    .years h6:after {
        left: -7%;
    }
    .contact-data .contact-map iframe {
        margin-top: 0px;
    }
    .hero-contact form.about-form {
        left: 46%;
        width: 46%;
        top: 33%;
    } 
    .years.end h6:before {
        display: none;
    }
    .about-card-1 h4 {
        line-height: 30px;
        font-weight: bold;
        font-size: 20px;
    }
    ul.funfact li h2 {
        font-size: 60px;
        line-height: 39px;
    }
    .img-girl {
        top: 10.2%;
    }
    ul.funfact li:not(:last-child):before {
        height: 100px;
    }
    form.about-form input[type="text"]{
        margin-bottom: 20px;
    }
    .gorgeous img.gorg {
        height: 460px;
    }
    form.about-form{
        margin-top: 30px;
    }
    ul.list li h4{
        margin: 0;
    }
    .gorgeous img {
        height: 640px;
    }
    .apointment-one.two .form-apointment{
        padding: 15px;
    }
    .img-girl {
        left: 29%;
    }
    .Post-details h4,.Post-1 h6{
        font-size: 12px;
    }
    ul.Contacts.cantrol li a{
        width: 85%;
    }
    ul.funfact{
        padding: 30px;
    }
    img.girl-calculator {
        padding-top: 147px;
    }
    img.background-calculator {
        top: 11.5%;
    }
    .blockquote:before{
        top: 20%;
    }
    .slider-na{
        padding-top: 15px;
    }
    .loop-slider.owl-carousel .owl-nav button.owl-prev{
        left: 43%;
    }
    .loop-slider.owl-carousel .owl-nav button.owl-next{
        right: 43%;
    }
    .blockquote > p {
        font-size: 18px;
        line-height: 28px;
        margin: 0;
        font-weight: 400;
        padding-bottom: 18px;
        padding-top: 37px;
    }
    .join-meeting .button.back{
        font-size: 16px;
        padding: 15px 10px;
    }
    .the-next-workout .workout-time {
        margin-top: 0px;
        margin-left: 60px;
    }
    .subscribe-section.online .subscribe-to:after {
        z-index: -1;
    }
    
    .subscribe-to form{
        flex-wrap: wrap;
    }
    .subscribe-to input[type="text"] {
        width: 100%;
        margin: 0;
    }
    .subscribe-to form .button {
        align-items: center;
        justify-content: center;
        display: flex;
        width: 100%;
        margin-top: 20px;
    }
    .number h4 a{
        font-size: 20px;
        line-height: 30px;
        top: 30.2%;
    }
    .progress-info .heading h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .story-img img {
        height: 1450px;
    }
    .years span {
        margin-right: 15px;
    }
    .subscribe:before {
        left: 6%;
        width: 1200px;
        height: 380px;
        top: -4%;
    }
    .view-button {
        margin-top: 40px;
    }
    .photo-section:before {
        height: 420px;
        width: 450px;
    }
}
@media(max-width: 1200px){
    .call-to-action:before{
        height: 253px;
    }
    .on-schedule{
        padding-top: 80px;
    }
    .other-workouts-Sections{
        padding-top: 0;
    }
    .panels {
        margin-top: -12px;
    }
    .miss-workout.heading h3 {
        border: 0;
        padding: 0px;
        margin-left: -70px;
        margin-top: 60px;
        backdrop-filter: blur(1px);
        width: 100%;
    }
    .years h6:before{
        height: 435px;
    }
    .blog-one .title-blog h3 > a{
        font-size: 26px;
        line-height: 36px;
    }
    .apointment-one.two .form-apointment{
        padding: 40px;
    }
    .title-blog.blog-2 .blog-card{
        padding-left: 0;
    }
    .program {
        padding: 10px;
    }
    .blog-img span{
        left: 6%;
    }
    .blog-img span.two{
        left: 25%;
    }
    .smiling img {
        margin-top: 160px;
    }
    .weight-scale{
        display: none;
    }

    .subscribe .form-name{
        flex-wrap: wrap;
    }
    .Post-2.Post-1 h6 {
        padding-right: 15px;
        padding-left: 0;
    }
    .checkbox-Website {
        padding-top: 15px;
    }
    .subscribe input[type="text"]{
        width: 100%;
        margin-right: 0;
    }
    .subscribe .button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    img.two-img {
        margin-left: -49px;
        margin-top: -196px;
        height: 194px;
        border: solid 20px white;   
    }
    .subscribe:before {
        left: 5%;
        width: 1050px;
        height: 325px;
        top: 13%;
    }
    img.one-img {
        border: solid 20px white;
        margin-bottom: -209px;
        margin-left: 161px;
        height: 250px;
    }
    .blog-section .heading h3 {
        margin: auto;
        margin-bottom: 20px;
        width: 53%;
    }
    .blog-section .heading{
        text-align: center;
    }
    .blog-section .heading p{
        width: 80%;
        margin: auto;
    }
    .Post{
        margin-top: 25px;
    }
    .Post-2.Post-1.post-4{
        margin-top: 50px;
    }
    ul.funfact li:not(:last-child):before{
        left: 100%;
    }

    .points1 h6,.duis {
        display: none;
    }
    .build h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .img-girl img {
        width: 440px;
        margin-top: 50px;   
    }
    .img-girl {
        left: 55%;
        top: 4%;
    }
    ul.funfact {
        margin-top: 64px;
    }
    .build {
        margin-top: 230px;
    }
    img.Photo-3 {
        width: 55%;
        padding-left: 0;
    }
    .about-info.heading h3 {
        width: 100%;
    }
    .photo-section:before{
        width: 400px;
    }
    .about-section.gap:before{
        display: none;
    }
    .bmi {
        margin-top: 90px;
    }
    .tabs {
        flex-wrap: wrap;
    }
    img.girl-calculator {
        padding-top: 209px;
    }
    img.background-calculator {
        top: 11%;
    }
    .testimonials-section .heading p {
        width: 70%;
    }
    .about-info.heading.about h3 {
        font-size: 26px;
        margin-top: -14px;
        margin-bottom: 0;
        line-height: 36px;
    }
    .about-info p {
        padding-left: 30px;
        width: 100%;
    }
    .about-card-1 h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .years {
        padding-top: 30px;
    }
    .years p {
        padding-top: 20px;
    }
    .young h2{
        font-size: 70px;
    }
    .join-meeting a.join{
        width: 72%;
    }
    .workout-time{
        padding: 30px;
    }
    .next-workout img {
        width: 100%;
        height: auto;
        margin-left: 0px;
    }
    .miss-workout.heading h3 {
        margin-left: 32px;
        margin-top: 40px;
        width: 96%;
    }
    .photo-preview {
        bottom: 20%;
        left: 41%;
    }
    .photo.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: -8%;
    }
    .blockquot{
        margin-top: 40px;
    }
    .testimonial .heading p {
        padding-bottom: 40px;
        width: 100%;
    }
    .photos img {
        margin-top: 50px;
    }
    .cards-programs .card-img > img {
        height: 500px;
     }
     .number h4 a {
        font-size: 24px;
        line-height: 30px;
        top: 30.5%;
    }
    .number{
        padding-bottom: 0;
    }
    .progress-bar-img img {
        height: auto;
        width: 100%;
        margin-top: 70px;
    }
    .progress-bar-img:before {
        height: 357px;
        width: 432px;
    }
    .progress-bar-section {
        padding: 80px 0px 250px;
    }
    .call-to-action.quote .young h3 {
        left: 69%;
        width: 32%;
    }
    .apointment h3{
        width: 36%;
        left: 6%;
    }
    .form-apointment {
        right: -5%;
        position: relative;
        width: 91%;
        top: 72%;
        margin-top: -17%;
    }
    .apointment img {
        margin-top: 180px;
        width: 100%;
    }
    .apointment-one.two .form-apointment {
        top: 38%;
        margin-bottom: 52px;
    }
    .apointment-one.two .form-apointment h2 {
        font-size: 44px;
        line-height: 54px;
    }
    .apointment-one.two .apointment h3 {
        width: 32%;
    }
    .pricing-table span {
        top: 16%;
    }
    .hero-contact .heading {
        margin-left: 56px;
    }
    .hero-contact form.about-form{
        width: 44%;
        left: 48%;
        padding: 38px;
        top: 39%;
    }
    .range-sliders .range-slider-group .input-slider {
        width: 86%;
    }
    .time-girl img {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
    }
    .background-object:before {
        content: "";
        position: absolute;
        height: 542px;
        width: 442px;
        z-index: 0;
        top: 0%;
        left: 53%;
    }
    .color-time {
        padding-bottom: 0;
    }
    .time-girl h4 {
        height: 250px;
        width: 40%;
        margin-top: 80px;
    }
    .background-object{
        overflow: hidden;
    }
    .heading.schedule-one {
        text-align: center;
        margin-bottom: 25px;
    }
    .heading.schedule-one p{
        width: 100%;
    }
    .img-girl img {
        margin-top: 9px;
    }
    .about-card-1 {
        padding: 17px;
    }
    .years h6:before {
        left: -29px;
    }
    img.one-img {
        border: solid 20px white;
        margin-bottom: -130px;
        margin-left: 161px;
        height: 250px;
    }
}
@media(max-width: 1100px){
    .years p {
        padding-top: 0px;
    }
    .progress-bar-section {
        padding: 0;
        padding-top: 120px;
    }
    .years h6:before{
        height: 417px;
    }
    .the-next-workout .workout-time {
        margin-top: 0px;
        margin-left: 25px;
        width: 90%;
    }
    .workout-time h5, .workout-time h6{
        padding-bottom: 25px;
    }
    .workout-time{
        justify-content: space-between;
    }
    .progressbar-wrap{
        flex-wrap: wrap;
    }
    .progressbar {
        width: 100%;
        position: relative;
    }
    .years h6:before {
        left: -26px;
    }
}
@media(max-width: 1024px){
    .slider{
        display: block;
    }
    .story-img img {
        height: 1540px;
    }
    .blockquote:before {
        top: 8%;
    }
    .slider-na {
        padding-bottom: 20px;
    }
    .blockquote{
        padding-right: 40px;
    }
    .loop-slider.owl-carousel .owl-nav button.owl-prev {
        left: 40%;
    }
    .loop-slider.owl-carousel .owl-nav button.owl-next {
        right: 40%;
    }
    .young:before{
        display: none;
    }
}
@media(max-width: 993px){
    .gap{
        padding: 80px 0;
    }
    .call-to-action.quote {
        padding-top: 0;
    }
    .blog-details-data {
        margin-top: 120px;
    }
    .gap-health-style{
        width: 100%;
        margin-left: 0;
    }
    li.map-pin a i {
        color: black;
    }
    .the-next-workout .workout-time{
        width: 100%;
    }
    .on-schedule {
        padding-top: 80px;
    }
    .subscribe-section.online{
        padding-bottom: 80px;
    }
    .bmi-calculator {
        padding-top: 80px;
    }
    .requirements-section .heading h3{
        width: 100%;
    }
    .other-workouts-Sections .heading p {
        width: 100%;
    }
    .years h6:before {
        height: 406px;
    }
    .next-workout {
        padding-bottom: 0;
    }
    .miss-workout.heading .Post-1 {
        padding-top: 20px;
    }
    .miss-workout.heading h3 {
        margin: 0;
        margin-top: 20px;
        margin-bottom: 40px;

    }
    .miss-workout p, .miss-workout.heading .Post-1 {
        padding-left: 0px;
    }
    .hero-blog {
        padding-top: 120px;
    }
    .no-top{
        padding-top: 0;
    }
    .no-bottom{
        padding-top: 0;
    }
    .features-section {
        padding-bottom: 0;
    }
    ul.Contacts.cantrol li a{
        width: 100%;
    }
    .my-program {
        overflow: hidden;
    }
    .img-girl img {
        margin-top: -8px;
    }
    .benefits-section {
        padding-top: 0;
    }
    .bmi {
        margin-top: 0px;
    }
    .my-program .heading p {
        display: block;
    }
    .map-pin a.close-icon{
        opacity: 0;
    }
    .map-pin.active a.close-icon{
        opacity: 1;
        z-index: 111;
    }
    .map-pin .program.mobil {
        opacity: 0;
        visibility: hidden;
        padding: 25px;
        backdrop-filter: blur(15px);
        background-color: #ffffff63;
    }
    .subscribe h4 {
        padding-top: 30px;
    }
    .subscribe:before {
        height: 710px;
        width: 1000px;
        left: 0;
    }
    .smiling li:nth-child(1).map-pin.active .program.mobil{
        top: -36px;
    }
    .smiling li:nth-child(2) {
        top: 38%;
        left: 56%;
    }
    .smiling li:nth-child(2).map-pin.active .program.mobil{
        top: -36px;
    }
    .smiling li:nth-child(3) {
        top: 48%;
        left: 87%;
    }
    .smiling li:nth-child(3).map-pin.active .program.mobil{
        top: -36px;
        left: -70%;
    }
    .smiling li:nth-child(3) a.close-icon {
        width: 286px;
    }
    .smiling li:nth-child(4) {
        top: 62%;
        left: 41%;
    }
    .smiling li:nth-child(4).map-pin.active .program.mobil{
        top: -36px;
    }
    .smiling li:nth-child(5) {
        top: 71%;
        left: 82%;
    }
    .smiling li:nth-child(5).map-pin.active .program.mobil {
        left: -52%;
        top: -36px;
    }
    .smiling li:nth-child(5) a.close-icon{
        width: 205px;
    }
    a.close-icon {
        position: absolute;
        font-size: 22px;
        top: 21px;
        z-index: 1;
        right: 5%;
    }
    .map-pin.active .program.mobil {
        opacity: 1;
        position: relative;
        visibility: visible;
        z-index: 1;
    }
    span.dot {
        top: 52%;
        width: 26px;
        height: 26px;
        display: inline-flex;
        border-radius: 100px;
        border: 6px solid #ffffff;
    }
    .program-img {
        display: flex;
        align-items: center;
    }
    .program-img img {
        width: auto;
    }
    .map-pin {
        top: 52%;
        width: 50%;
        height: 26px;
        display: inline-flex;
        border-radius: 100px;
        position: absolute;
    }
    .smiling {
        position: relative;
    }
    .program{
        display: none;
    }
    .program.mobil{
        display: block;
    }
    .map-pin{
        display: block;
    }
    .my-program .heading a{
        width: 100%;
        text-align: center;
    }
    .smiling img {
        margin-top: 0px;
    }
    .desktop-table{
        display: none;
    }
    ul.Privacy li a{
        font-size: 14px;
    }
    .bmi-calculator .heading p{
        width: 100%;
    }
    img.one-img {
        margin-bottom: 0px;
        margin-left: 0px;
    }
    img.two-img {
        margin-left: 81px;
        margin-top: -120px;
    }
    .subscribe:before{
        height: 710px;
    }
    .price h2 {
        font-size: 40px;
        background-color: white;
        padding: 16px;
        margin: 40px 0;
    }
    .benefit {
        margin-top: 80px;
    }
    .logo-icon{
        margin-top: 25px;
    }
    .menu-bar,.extras,.story-img{
        display: none;
    }
    .bar-menu{
        display: block;
    }
    .img-girl {
        left: 41%;
        top: 7%;
    }
    .blog-img span.two{
        left: 24%;
    }
    h2{
        font-size: 46px;
    }
    .blog-one .title-blog h3 > a {
        margin-left: 46px;
        margin-top: -50px;
        width: 91%;
    }
    .hero-blog .content p{
        width: 75%;
    }
    .photo-section:before{
        width: 660px;
    }
    img.Photo-3 {
        width: 76%;
        padding-left: 150px;
    }
    .about-info h3:before{
        display: none;
    }
    .about-info.heading h3 {
        background: white;
        padding: 20px 40px 0px;
        margin-top: -55px;
        margin-left: 20px;
    }
    .benefits-section .heading h3 {
            width: 80%;
        }
    .cards{
        margin-top: 40px;
        padding: 40px;
    }
    .cards h4 a {
        margin-left: -56px;
    }
    .calculator-Photo{
        display: none;
    }
    .Post-2{
        margin-left: 0;
    }
    .Post-2.Post-1.post-4{
        margin-right: 0;
    }
    .blog-section .heading h3{
        width: 100%;
    }
    .blog-section .heading p{
        width: 100%;
    }
    .blog-section .heading {
        text-align: start;
    }
    .Post-details h4,.Post-1 h6{
        font-size: 12px;
    }
    .Post{
        padding: 20px;
    }
    .ready-to .heading {
        margin-left: 0;
        margin-top: 30px;
    }
    .ready-to .heading p {
        padding-bottom: 20px;
    }
    .footer-title form{
        flex-wrap: wrap;
        justify-content: space-between;

    }
    .footer-title input[type="text"] {
        width: 122%;
        margin: 0;
        margin-bottom: 10px;
    }
    .Menu.contac{
        margin-top: 60px;
    }
    .content p {
        width: 95%;
    }
    .content .button {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .about-section-photo:before {
    height: 180px;
    width: 464px;
    bottom: -5%;
    left: 33px;
    }
    .about-info a {
        margin-left: 0;
    }
    .about-info p{
        padding-left: 0;
    }
    .about-info.heading.about h3 {
        margin-left: 30px;
        margin-top: -45px;
        margin-bottom: 20px;
        width: 96%;
    }
    .years h6:after {
        left: -4.8%;
    }
    .years h6:before{
        display: block;
    }
    .years h6:before {
        left: -4%;
    }
    .years p {
        padding-top: 20px;
    }
    .young{
        display: none;
    }
    .call-to-action:before{
        height: 230px;
    }
    .footer-img .footer-title input[type="text"]{
        width: 100%;
        margin: 0;
    }
    .footer-title p{
        width: 100%;
    }
    .footer-img:before{
        height: 700px;
    }
    .join-meeting a.join {
        width: 100%;
    }
    .next-img:before{
        right: -10%;
    }
    .next-img:after{
        right: -7%;
    }
    .the-next-workout.heading h3 {
        margin-left: -0px;
        margin-top: -51px;
        margin-left: 60px;
        width: 92%;
        z-index: 0;
    }
    .the-next-workout .workout-time {
        margin-top: -30px;
        margin-left: 25px;
    }
    .workout-time{
        width: 100%;
    }
    .subscribe-section.online .subscribe-to:after {
        right: -16%;
    }
    .subscribe-to{
        padding-left: 0;
        padding-top: 60px;
    }
    .workout-time h5, .workout-time h6{
        padding-bottom: 0;
    }
    .workout-time {
        width: 80%;
    }
    .slider-img-pag{
        display: block;
    }
    .photo-preview {
        bottom: -1%;
        left: 20%;
    }
    .photo.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 6%;
    }
    .subscribe-to .checkbox-Website {
        display: none;
    }
    .photos {
        margin-top: 40px;
    }
    .card-img-hover {
        padding: 30px;
    }
    .number h4 a {
        left: 15%;
    }
    .progress-bar-section .heading{
        width: 100%;
    }
    .progress-bar-img:before {
        top: 40%;
        left: 41%;
    }
    .call-to-action.quote .young{
        display: block;
    }
    .call-to-action.quote .young h3 {
        left: 54%;
        width: 46%;
    }
    .young:after{
        display: none;
    }
    .call-to-action.quote:before {
        top: 76%;
        height: 300px;
    }
    .details-data {
        padding: 40px 60px;
    }
    .Post-details.blog{
        justify-content: space-between;
    }
    .previou .previous-post img{
        display: none;
    }
    .details-data > h6{
        padding-left: 0;
    }
    .details-data .comment-text textarea {
        margin-bottom: 25px;
    }
    .details-data form.about-form.comment-text input[type="text"] {
        margin-bottom: 25px;
    }
    .blog-one .title-blog.blog-2 h3 > a{
            margin-left: 55px;
    }
    .title-blog.blog-2 .blog-card{
        padding-left: 0;
    }
    .apointment img {
        margin-top: 120px;
    }
    .apointment h3 {
        width: 46%;
        left: 6%;
    }
    .apointment-one.two .form-apointment {
        top: 28%;
        margin-bottom: 150px;
    }
    .apointment-one.two .form-apointment {
        top: 28%;
        margin-bottom: 150px;
    }
    .apointment-one.two .apointment h3 {
        top: 33%;
        width: 43%;
        left: 62%;
        z-index: 2;
        backdrop-filter: blur(10px);
    }
    .pricing-table span {
        left: 34%;
        top: 4%;
    }
    .pricing-table {
        text-align: center;
        padding-bottom: 0;
        padding-top: 120px;
    }
    .pricing-table p{
        width: 100%;
    }
    .pricing-table-img img{
        margin-top: 60px;
    }
    .pricing-table-img:after {
        right: -31%;
        top: 34.4%;
    }
    .pricing-table-img:after {
        right: -22%;
        top: 49.4%;
        height: 300px;
        width: 301px;
    }
    .hero-contact form.about-form {
        width: 100%;
        left: 0%;
        padding: 38px;
        top: 0%;
        position: relative;
    }
    .hero-contact .heading{
        margin-left: 0;
    }
    .hero-contact .heading h3 {
        margin-top: 80px;
    }
    .time-girl h4 {
        height: 220px;
        padding: 22px;
        margin-top: 80px;
    }
    .call-to-sction .heading {
        padding: 0;
        margin-top: 80px;
        
    }
    .meeting-data{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .call-to-img img.img-call{
        top: 40%;
        left: -1%;
    }
    .table-one{
        display: none;
    }
    .photos,.photos img{
        margin-top: 0;
    }
    .table-mobil,.table-mobil-blog{
        display: block;
    }
    .table-mobil-data .table-data h6 {
        color: black;
        font-size: 22px;
        font-weight: bold;
        width: 64%;
    }
    .mobil-tr {
        padding: 10px;
        border: 1px solid #f2f2f2;
    }
    .table-mobil-data h4 {
        color: white;
        background-color: black;
        padding: 25px;
        text-align: center;

    }
    .table-data.mobil span {
        color: white;
        font-size: 16px;
    }
    .table-mobil-blog h3{
        background-color: black;
        color: white;
        text-align: center;
        font-size: 20px;
        padding: 15px;
        border: 1px solid white;
    }
    .table-mobil-blog {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .table-mobil-blog h6 {
        padding: 25px;
        text-align: center;
        border: 1px solid #f2f2f2;
    }
    form .button {
        margin-top: 5px;
        width: 100%;
    }
    .hero-section {
        padding-bottom: 60px;
    }
    .bmi-calculator,.heading.schedule-one {
        padding-top: 80px;
    }
    .blog-one.gap{
        padding-top: 0;
    }
    .benefits-section .heading h3{
        margin-bottom: 0;
    }
}
@media(max-width: 768px){
    .benefits-section .heading h3:after {
        left: 34%;
    }
    .workout-time{
        flex-wrap: wrap;
    }
    .blog-details-data h3{
        font-size: 28px;
        line-height: 38px;
    }
    .details-data{
        padding-bottom: 0;
    }
    .blog-section {
        padding-top: 80px;
    }
    .requirements-section{
        padding-bottom: 0;
    }
    .about-section-photo.portfo img.Photo-about{
        height: auto;
    }
    .points1 img {
        top: 79%;
        left: 3%;
    }
    .mobile-nav > ul > li.menu-item-has-children:before {
        top: 19px;
        left: -7%;
        width: 10px;
    }
    .calculator-section{
        margin-bottom: 0;
    }
    .img-girl img {
        margin-top: 20px;
        width: 70%;
    }
    #mobile-nav.hmburger-menu{
        width: 100%;
    }
    .map-pin{
        width: 64%;
    }
    .smiling li:nth-child(5).map-pin.active .program.mobil {
        left: -52%;
        top: -88px;
    }
    .smiling li:nth-child(2).map-pin.active .program.mobil {
        top: -65px;
        left: -65%;
    }
    .smiling li:nth-child(5) a.close-icon {
        width: 0;
        left: 26%;
        top: -24px;
    }
    .smiling li:nth-child(2) a.close-icon {
        left: 22%;
        top: 10%;
    }
    .img-girl{
        position: relative;
        left: 4%;
    }
    .build h2,.build p {
        width: 100%;
    }
    ul.funfact {
        width: 100%;
        margin-top: 0;
    }
    .build {
        margin-top: 130px;
    }
    .build .button,.about-info a,.heading.schedule-one .button {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    img.Photo-3 {
        width: 66%;
        padding-left: 0;
    }
    .photo-section:before {
        width: 495px;
    }
    .cards{
        margin-left: 80px;
    }
    .cards h4 a {
        margin-left: -80px;
    }
    .benefits-section .heading h3 {
        width: 100%;
        font-size: 30px;
        line-height: 40px;
    }
    .weight-scale{
        display: none;
    }
    .Post{
        padding: 25px;
    }
    .loop-slider.owl-carousel .owl-nav button.owl-prev,
    .loop-slider.owl-carousel .owl-nav button.owl-next {
        display: none;
    }
    .testimonials-section .heading p {
        width: 90%;
    }
    .loop-slider .owl-item.active{
        opacity: 1;
    }
    .gorgeous img {
        left: 26%;
    }
    .footer-title input[type="text"] {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .img-girl:before {
        position: absolute;
        content: "";
        width: 752px;
        height: 307px;
        z-index: 1;
        left: -27%;
        bottom: 0;
        z-index: -1;
        top: 61%;
    }
    .footer-title p{
        width: 100%;
    }
    form .button {
        margin-top: 10px;
        width: 100%;
    }
    .Menu{
        margin-top: 60px;
    }
    .bottom-section{
        flex-wrap: wrap;
        justify-content: center;
    }
    ul.Privacy li a {
        padding-left: 20px;
        font-size: 14px;
    }
    .bottom-section p{
        font-size: 16px;
    }
    .about-section-photo:before {
        height: 219px;
        width: 763px;
        bottom: -5%;
        left: -113px;
    }
    .about-info.heading.about h3{
        width: 95%;
    }
    .about-card-1 h4 {
        font-size: 24px;
        line-height: 34px;
    }
    .years h6:after {
        left: -9%;
    }
    .years h6:before {
        left: -6%;
    }
    .meeting-img img{
        width: 100%;
    }
    .join-meeting .button.back {
        font-size: 18px;
        padding: 18px 40px;
    }
    .join-meeting a.join {
        font-size: 24px;
    }
    .the-next-workout .workout-time {
        margin-top: 0px;
        margin-left: 0px;
    }
    .next-img:before,.next-img:after{
        display: none;
    }
    .miss-workout p {
        padding-left: 20px;
    }
    .miss-workout.heading .Post-1 {
        padding-left: 20px;
        padding-top: 20px;
    }
    .workout-time h5, .workout-time h6 {
        padding-bottom: 0px;
        font-size: 54px;
    }
    .workout-time{
        margin-top: -10px;
    }
    .workout-time{
        width: 90%;
    }
    .blockquot {
        margin-top: 10px;
        margin-left: 0;
    }
    .benefit a.button.calculate{
        width: 100%;
    }
    .photos h2 {
        left: -41%;
    }
    .photos:before {
        width: 330px;
    }
    .card-img-hover {
        padding: 45px;
    }
    .number h4 a {
        left: 22%;
    }
    .progress-bar-img:before {
        top: 24%;
        left: 21%;
    }
    .progressbar{
        padding: 40px;
    }
    .call-to-action.quote .young h3 {
        left: 54%;
        width: 60%;
        font-size: 24px;
        line-height: 34px;
    }
    .call-to-action form.about-form {
        padding-bottom: 40px;
    }
    .blog-img.details{
        margin-left: 0;
    }
    .details-data {
        padding: 40px 0px;
    }
    .Post-details.blog {
        flex-wrap: wrap;
    }
    .share{
        margin-top: 20px;
    }
    .Post-details.blog h4{
        margin-left: 0;
    }
    .apointment h3 {
        width: 57%;
        top: 56%;
        font-size: 30px;
    }
    .form-apointment h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .form-apointment {
        right: -5%;
    }
    .apointment h3 {
        left: 5%;
    }
    .weekdays-list{
        flex-wrap: wrap;
    }
    .apointment img {
        margin-top: 80px;
    }
    .weekdays-list .weekdays-day {
        width: 60px;
        height: 30px;
    }
    .apointment-one.two .form-apointment {
        top: 18%;
        margin-bottom: 130px;
    }
    .apointment-one.two .apointment:after {
        width: 500px;
        height: 202px;
    }
    .price{
        margin-bottom: 30px;
    }
    .pricing-table span {
        left: 33%;
        top: 6%;
        font-size: 120px;
    }
    .pricing-table p {
        padding: 50px 0 40px 0;
    }
    img.two-img {
        margin-left: 11px;
        margin-top: -191px;
        height: 230px;
    }
    .time-girl h4 {
        left: 2%;
        position: absolute;
        height: auto;
    }
    .time-girl img {
        left: 20%;
    }
    .heading.schedule-one {
        text-align: start;
        margin-bottom: 25px;
    }
    .years h6:after {
        left: -7%;
    }
    .about-card-1{
        align-items: center;
    }
    .about-card-1 h4{
        margin: 0;
    }
}
@media(max-width: 600px){
    .years h6:after {
        left: -8.5%;
    }
    .about-photo-section.online img {
        margin-left: -70px;
        height: 170px;
        width: 170px;
        border: 50px solid white;
    }
    form.about-form.callto{
        padding: 0px 0px 0px 80px;
    }
    .subscribe-to{
        padding: 20px;
    }
    .blog-img{
        padding-top: 25px;
    }
    .Contacts li {
        margin-top: 25px;
    }
    .hero-contact .Menu{
        padding: 20px;
        padding-top: 0;
    }
    .hero-contact .heading {
        padding: 20px;
        padding-top: 0;
    }
    img.Photo-about-1 {
        
        margin-left: 0;
       
    }
    .pricing-table span {
        left: 28%;
        top: 6%;
    }
    .apointment-one.two .apointment:before {
        right: 6%;
        bottom: -30%;
    }
    .apointment-one.two .apointment h3{
        font-size: 22px;
        line-height: 32px;
    }
    .years h6:before {
        left: -7%;
    }
    .progress-bar-img:before {
        top: 21%;
        left: 19%;
    }
    .progress-bar-img:after {
        right: 7%;
    }
    .photo-preview {
        bottom: -1%;
        left: 5%;
    }
    .blockquot{
        padding: 20px;
    }
    li.second {
        margin-left: 80px;
    }
    li.first {
        margin-left: 40px;
    }
    #mobile-nav.hmburger-menu {
        width: 100%; 
    }
    .smiling li:nth-child(4).map-pin.active .program.mobil {
        top: -154px;
        left: -51%;
    }
    .smiling li:nth-child(4) a.close-icon {
        left: 33%;
        top: -98px;
    }
    .call-to-sction .heading {
        margin-top: 38px;
        padding: 20px;
        padding-top: 60px;
    }
}
@media(max-width: 576px){
    .about-info p {
        padding: 25px;
    }
    .about-card-1.card-2 {
        margin: 20px 0;
    }
    .about-info a{
        margin: 0px 25px;
    }
    .testimonials-section .heading h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .smiling li:nth-child(5) a.close-icon {
        width: 0;
        top: -83px;
        left: 5%;
    }
    .smiling li:nth-child(3) a.close-icon {
        width: 0;
        left: -16%;
        top: -47px;
    }
    .smiling li:nth-child(5) a.close-icon {
        width: 0;
        margin-top: -76px;
    }
    .map-pin {
        width: 50%;
    }
    .smiling li:nth-child(5).map-pin.active .program.mobil {
        top: -158px;
        left: -84%;
    }
    .smiling li:nth-child(5) a.close-icon {
        top: -87px;
    }
    .smiling li:nth-child(3).map-pin.active .program.mobil {
        top: -118px;
        left: -102%;
    }
    .smiling li:nth-child(5) a.close-icon {
        top: -11%;
    }
    .smiling li:nth-child(5) a.close-icon {
        width: 260px;
    }
    img.one-img {
        border: 20px solid white;
        margin-bottom: 13px;
        margin-left: 0px;
        height: 183px;
        width: 170px;
        margin-top: 25px;
    }
    img.two-img {
        margin-left: 50px;
        border: 20px solid white;
        height: 190px;
    }
    .blog-one .title-blog.blog-2 h3 > a {
        margin-left: 41px;
    }
    .testimonials-section .heading h3:after {
        left: 32%;
        top: 64%;
    }
    .img-girl {
        left: 22%;
    }
    .img-girl img {
        width: 300px;
        margin-top: 40px;
    }
    .photo-section:before {
        width: 460px;
    }
    .ready-to .heading h3:after {
        top: 57%;
        left: 23%;
    }   
    .about-section-photo{
        padding: 15px;
    }
    .meeting-img img{
        width: auto;
    }
    .miss-workout.heading h3 {
        width: 96%;
    }
    .photos img {
        width: 100%;
    }
    .call-to-action.quote .young h3 {
        left: 54%;
        width: 52%;
        font-size: 22px;
        line-height: 34px;
    }
    .call-to-action.quote:before {
        height: 240px;
    }
    .time-girl h4 {
        left: 2%;
        width: 48%;
        position: absolute;
    }
    .range-sliders .range-slider-group .input-slider {
        width: 82%;
    }
}
@media(max-width: 500px){
    img.Photo-3{
        width: 60%;
    }
    .mobile-nav > ul > li.menu-item-has-children:before {
        top: 14px;
        left: -10%;
        width: 10px;
    }
    .mobile-nav > ul li > a {
        font-size: 16px;
        line-height: 24px;
    }
    .blog-one .title-blog h3 > a {
        font-size: 24px;
        line-height: 34px;
    }
    .years h6:before {
        height: 466px;
    }
    .smiling li:nth-child(3) a.close-icon {
        width: 260px;
    }
    .apointment-one.two .form-apointment{
        padding: 30px;
    }
    .blog-detai img {
        width: 160px;
    }
    .apointment-one.two .form-apointment h2 {
        font-size: 38px;
        line-height: 48px;
    }
    .blog-detai:before {
        height: 160px;
        width: 160px;
    }
    .hana-evans{
        align-items: start;
    }
    .photo-section:before {
        width: 446px;
    }
    .meeting-img img{
        width: 100%;
    }
    .miss-workout.heading h3{
        margin-left: 0;
    }
    .subscribe-to {
        padding-left: 20px;
    }
    .blog-one .title-blog h3 > a{
        font-size: 28px;
        line-height: 38px;
    }
    .out-schedule{
        display: block;
    }
    .apointment h3 {
        left: 5%;
        top: 47%;
        font-size: 22px;
        line-height: 32px;
        width: 38%;
    }
}
@media(max-width: 480px){
    .build h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .blog-details-data h3{
        font-size: 24px;
        line-height: 34px;
    }
    ul.Contacts.mobil a{
        font-size: 16px;
    }
    .apointment img {
        margin-top: 120px;
    }
    .apointment h3{
        width: 60%;
        top: 48%;
    }
    .blog-card .Post-details.blog h4 {
        display: nono;
    }
    .years h6:before {
        left: -6%;
    }
    .smiling li:nth-child(3) a.close-icon {
        width: 240px;
    }
    .map-pin {
        width: 73%;
    }
    .program-img h4 a {
        font-size: 18px;
    }
    .table-mobil-blog h3{
        font-size: 18px;
    }
    .table-mobil-blog h6{
        font-size: 18px;
    }
    .table-mobil-data .table-data h6 {
        color: black;
        font-size: 18px;
        font-weight: bold;
    }
    .bmi-calculator .heading h3:after {
        left: 47%;
    }
    .pricing-table span {
        left: 22%;
    }
    .range-sliders .range-slider-group .input-slider {
        width: 80%;
    }
    .time-girl h4{
        top: -12%;
    }
    .apointment-one.two .form-apointment h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .apointment-one.two .apointment:after {
        width: 400px;
        height: 150px;
    }
    .blog-one .title-blog.blog-2 h3 > a {
        margin-left: 35px;
    }
    .call-to-action.quote .young h3 {
        left: 54%;
        width: 56%;
        font-size: 18px;
        line-height: 28px;
    }
    .blog-one .blog-img span {
        left: 5%;
    }
    .blog-one .blog-img span.two {
        left: 26%;
    }
    .progress-bar-img:before {
        top: 26%;
        left: 11%;
        width: 400px;
        height: 299px;
    }
    .workout-time h5, .workout-time h6 {
       
        font-size: 40px;
    }
    .img-girl {
        left: 15%;
    }
    ul.funfact li h2 {
        font-size: 36px;
    }
    ul.funfact li:not(:last-child):before {
        height: 0px;
    }
    ul.funfact li p{
        font-size: 12px;
        font-weight: 300;
    }
    img.Photo-4{
        height: 200px;
        width: 200px;
        object-fit: cover;
    }
    
    img.Photo-3 {
        width: 57%;
    }
    .photo-section:before{
        height: 336px;
        width: 370px;
    }
    .years h6:after {
        left: -10%;
    }
    .years h6:before {
        top: 48%;
        left: -8.2%;
    }
    .years span {
        font-size: 28px;
        display: block;
    }
    .story-section .heading p {
        width: 95%;
    }
    .footer-title h3,.heading h3{
        font-size: 30px;
        line-height: 40px;
    }
    .join-meeting {
        padding: 15px;
        padding-top: 25px;
    }
    .join-meeting .button.back {
        font-size: 16px;
    }
    .content h2{
        font-size: 34px;
        line-height: 44px;
    }
    .photos:before {
        width: 410px;
        height: 215px;
        left: 3%;
        top: 60%;
    }
    .photos h2 {
        font-size: 100px;
        transform: rotate(0deg);
        top: 3%;
        left: 7%;
    }
    .card-img-hover {
        padding: 30px;
    } 
    .number h4 a {
        left: 27%;
        font-size: 22px;
            top: 30.2%;
    }
    li.second {
        margin-left: 60px;
    }
    li.first {
        margin-left: 30px;
    }
    .previou.next-post a {
        padding-left: 65px;
    }
    .form-apointment h2 {
        font-size: 32px;
        line-height: 42px;
    }
    .apointment h3 {
        left: 5%;
    }
    .form-apointment{
        padding: 30px;
    }
    .apointment h3 {
        line-height: 26px;
        left: 5%;
        top: 55%;
        width: 61%;
        font-size: 16px;
        padding: 16px;
    }
    .apointment img {
        margin-top: 90px;
    }

    img.one-img {
        
        height: 160px;
    }
    img.two-img {
       
        height: 160px;
    }
    .call-to-img img.img-call {
        width: 140px;
        height: 140px;
        object-fit: cover;
        border: 20px solid white;
        top: 57%;
    }
}
@media(max-width: 410px){
    .bmi .heading h3:after {
        left: 8%;
        top: 61%;
    }

    .years h6:after {
        left: -15%;
    }
    .years h6:before {
        left: -13.2%;
        height: 496px;
    } 
    .bmi-calculator .heading h3:after {
        left: 44%;
    }
    .time-girl h4 {
        top: -17%;
        font-size: 18px;
        line-height: 28px;
    }
    .range-sliders .range-slider-group .input-slider {
        width: 76%;
    }
    .pricing-table span {
        left: 25%;
        font-size: 100px;
        top: 8%;
    }
    .pricing-table h2{
        font-size: 30px;
    }
    .price-one h3{
        font-size: 24px;
        line-height: 34px;
    }
    .apointment-one.two .form-apointment h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .apointment-one.two .apointment h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .apointment-one.two .apointment:before {
        right: -14%;    
        bottom: -89%;
    }
    .apointment-one.two .apointment:after {
        width: 266px;
        height: 140px;
    }
    .weekdays-list .weekdays-day {
        width: 50px;
        height: 30px;
    }
    .blog-detai img {
        width: 120px;
    }
    .blog-detai:before {
        height: 120px;
        width: 120px;
    }
    .previou a {
        padding-left: 4px;
    }
    .previou h6. .previou.next-post h6{
        font-size: 14px;
        line-height: 24px;
    }
    .call-to-action.quote .young h3 {
        left: 54%;
        width: 52%;
        font-size: 16px;
        line-height: 24px;
    }
    .progress-bar-img:before {
        top: 34%;
        left: 14%;
        width: 400px;
        height: 299px;
    }
    .progress-bar-section.gap {
        overflow: hidden;
    }
    .blog-section .heading h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .Post{
        padding: 12px;
    }
    .bmi .heading h3{
        font-size: 26px;
        line-height: 36px;
    }
    img.Photo-3 {
        width: 52%;
    }
    img.Photo-4{
        height: 150px;
        width: 150px;
    }
    .photo-section:before {
        height: 270px;
    }
    .photo-section:before {
        width: 336px;
    }
    .about-info.heading h3{
        font-size: 30px;
        line-height: 40px;
    }
    .benefits-section .heading h3 {
        width: 100%;
        font-size: 24px;
        line-height: 30px;
    }
    .photo-preview img {
        width: 60px;
    }
    .photo-preview {
        bottom: 1%;
        left: 4%;
    }
    .photos:before {
        width: 390px;
    }
    img.one-img {
        height: 130px;
        width: 130px;
        margin-left: 25px;
    }
    img.two-img {
        width: 130px;
        height: 130px;
    }
}
@media(max-width: 375px){
    .img-girl {
        left: 5%;
    }
    ul.Contacts.mobil a{
        font-size: 14px;
    }
    .photo-preview{
        bottom: 0;
    }
    .photo.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 12%;
    }
    .blog-one .title-blog h3 > a {
        font-size: 22px;
        line-height: 32px;
    }
    .years h6:before {
        left: -14.2%;
        height: 533px;
    }
    .years h6:after {
        left: -16%;
    }
    .gap {
            padding: 60px 0;
        }
    .no-top{
        padding-top: 0;
    }
    .no-bottom{
        padding-bottom: 0;
    }
    .img-girl:before {
        width: 442px;
        height: 205px;
        left: -27%;
        top: 72%;
     }
     .gorgeous img {
            left: 17%;
        }
    .gorgeous img {
        left: 16%;
        height: auto;
    }
    
    .blog-one .blog-img span {
        top: 20%;
        left: 5%;
    }
    .blog-one .blog-img span.two {
        left: 30%;
        top: 20%;
    }
    .Post-details.blog h6{
        margin-left: 10px;
    }
    .footer-title h3,.blog-details-data h3,
    .heading h3,.form-apointment h2,
    .subscribe-to h3,
    .card-img > a,
    .card-img-hover h3,
    .blog-one .title-blog h3 > a{
        font-size: 26px;
        line-height: 36px;
    }
    .workout-time {
        margin-top: -10px;
    }
    .miss-workout.heading h3{
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 0;
    }
    .workout-time {
        padding: 15px;
        margin-top: -10px;
        width: 85%;
    }
    .workout-time h5, .workout-time h6 {
        font-size: 30px;
    }
    .workout-time span{
        font-size: 18px;
    }
    .blog-one .title-blog.blog-2 h3 > a {
        margin-left: 26px;
    }
    .about-photo-section {
        left: -10%;
    }
    .about-card-1 h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .build h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .build {
        margin-top: 120px;
    }
    ul.funfact {
        padding: 10px;
    }
    .content h2 {
        font-size: 30px;
        padding-top: 25px;
    }
    .content p {
        width: 100%;
    }
    .about-section-photo{
        padding-left: 15px;
    }
    .about-section-photo:before {
        height: 119px;
        width: 480px;
    }
    .content span{
        padding-bottom: 0;
    }
    .about-info.heading.about h3{
        font-size: 24px;
        line-height: 30px;
    }
    .photo-section.about:after {
        top: 69%;
    }
    .photo-section.about i {
        left: 39%;
        height: 50px;
        width: 50px;
        top: 40%;
        font-size: 16px;
    }
    .about-info.heading.about{
        padding: 10px;
    }
    .join-meeting .button.back {
        font-size: 14px;
    }
    .join-meeting a.join {
        font-size: 20px;
        line-height: 30px;
    }
    .the-next-workout .workout-time h5 {
        font-size: 30px;
        padding: 0px 25px;
        margin-top: 0;
    }
    .the-next-workout.heading h3{
        font-size: 24px;
        line-height: 34px;
    }
    .subscribe-to h3{
        font-size: 24px;
        line-height: 34px;
    }
    .subscribe-to p {
        padding-top: 20px;
    }
    .subscribe-to form{
        margin-top: 20px;
    }
    .subscribe-section.online .subscribe-to:after {
        right: -16%;
        top: 80%;
    }
    .workout-time h6:before {
        height: 40px;
    }
    .photos:before {
        width: 369px;
        height: 215px;
        left: 0%;
        top: 57%;
    }
    .progressbar {
        padding: 30px;
    }
    .progress-bar-img:before {
        top: 36%;
        left: 16%;
        width: 300px;
        height: 213px;
    }
    .comment-data-title p{
        padding: 18px;
    }
    li.second {
        margin-left: 40px;
    }
    li.first {
        margin-left: 20px;
    }
    .hero-blog {
        padding-top: 120px;
    }
    ul.fast li h6{
        padding-top: 15px;
    }
}