#courses {
    scroll-margin-top: 40px !important;

}

@media (min-width: 1400px) {
    .container {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1440px) {

    .banner {
        height: 153.2vh;

    }

    .overlay {

        right: 4% !important;
    }

    .w-277 {
        width: 260px !important;
    }

    .work-with-me .card-body .card-title {
        font-size: 1.9rem !important;
    }

}

@media only screen and (min-width: 991px) {

    .mobile-top-bar {
        display: none;
    }

    .h-100vh-section {
           min-height: calc(100vh - 100px);

    }

}

@media only screen and (max-width: 991px) {

    .fixed {
        top: 126px !important;
    }

    .header-row {
        justify-content: space-between !important;
    }

    header {
        padding-bottom: 10px !important;
    }

    .header-center.navbar .navbar-nav .nav-item:last-child .nav-link-a {
        padding: 10px 15px
    }

    .w-277 {
        width: 256px !important;
    }

    .booksec {

        padding-top: 10%;
        padding-left: 13%;

    }

    .dis-n {
        display: none;
    }

    .mobile-top-bar {
        display: block;
        border-bottom: 1px solid #d7d7d7;
    }

    .brdr-t {
        border-top: 1px solid #d7d7d7;
    }

    .padd-header {
        padding: 0px 15px !important;
    }

    .marg-top {
        margin-top: 180px;
    }

    .p-100 {
        padding: 20px;
    }

    .plr-100 {
        padding: 0px 20px;
    }


}

@media only screen and (min-width:991px) and (max-width:1024px) {

    .w-277 {
        width: 256px !important;
    }

    .header-center.navbar .navbar-nav .nav-item .nav-link-a {
        font-size: 17px;
        font-weight: 400;
        padding: 35px 15px 35px 0px;
    }

}

@media only screen and (max-width:1024px) {


    .page-title-area {
        height: 200px !important;
    }

    .life-change-box h1 {
        color: #fff;
        font-size: 57px !important;
    }

    .countries-box h1 sub {

        font-size: 19px !important;
        left: -20% !important;
    }

    .abt-content p {
        font-size: 16px !important;
    }

    .quote {
        left: 30% !important;
        top: 20% !important;
    }

    .w-35 {
        width: 38% !important;
    }

    .nav-link-a {
        font-size: 18px;
        padding: 0px 12px;
    }

    .w-277 {
        width: 246px !important;
    }


    .padd-header {
        padding: 0px 10px !important;
    }

    /* home page start*/
    .overlay {
        width: 26rem !important;
        height: 26rem !important;
        top: 13% !important;
    }

    .client-r h1 {

        font-size: 57px !important;
    }

    .client-r {
        padding: 20px 10px 20px 30px !important
    }

    .testimonial-image {
        width: 200px;
        height: 200px;
    }

    .banner {
        height: 137.2vh;

    }

    .header {
        justify-content: space-between;
        padding-left: 90px !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .client-box h1 span {
        margin-left: -12px;
    }


    .work-with-me .card-body .card-title {
        font-size: 1.9rem;
    }

    .work-with h1 {

        font-size: 6.5rem !important;
    }

    .work-with-me .card-body .card-text {
        padding: 30px 0px;
    }

    .w-35 {
        width: 19% !important;
    }

    .heading {

        padding-top: 78px !important;

    }

    .dis-block {
        display: block !important;
    }

    .quote {
        top: 240% !important;
        left: 7% !important;

    }

    .client-r {
        padding: 10px !important;
    }

    .h-100vh {
        height: 79vh !important
    }

    /*.banner-section{
            height: 79vh !important
        }*/

    .client-testimonial-h {
        padding: 0 0 15px 0;
        margin-bottom: 50px;
    }

    .countries-box {
        padding: 0px 0px !important;
    }

    .countries-box h1 sub {
        font-size: 21px !important;
        left: -11% !important;
    }

    .client-box {
        padding: 0px 0px !important;
    }

    .life-change-box {
        padding: 0px 0px !important;
    }

    .client-box h1 {
        font-size: 60px !important;
    }

    .life-change-box h1 {
        font-size: 40px !important;
        line-height: 31px !important;
    }

}

@media only screen and (max-width: 767px) {
    .life-change-box h1 {
        color: #fff;
        font-size: 31px !important;
        line-height: 29px;
    }

    .dis-block {
        display: block !important;
    }

    .quote {
        top: 395% !important;
        left: 6% !important;
    }

    .client-testimonial-h {
        padding: 0 0 15px 0;
        margin-bottom: 15px;
    }

    .w-35 {
        width: 16% !important;
    }

    .h-100vh {
        height: 65vh !important;
    }


}

@media only screen and (max-width: 767px) {

    .not-sure {
        position: inherit !important;
        bottom: 0 !important;


    }

    .abt-con-prl {
        padding: 0px 30px !important;
    }

    .page-title-area {
        height: 200px !important;
    }

    .found-height {
        height: 50vh !important;
    }

    .single-heading {
        width: 95%;
        margin: 0 auto;
    }

    .h-100vh {
        height: 74vh !important;
    }

    /*.banner-section {
            height: 74vh !important;
        }*/


    .w-277 {
        width: 253px !important;
    }

    /*home page*/

    .client-testimonial-h::after {
        left: 0% !important;
    }

    .quote {
        top: 660% !important;
        left: 8% !important;
    }

    .w-35 {
        width: 14% !important;
    }

    .overlay {

        width: 20rem !important;
        height: 20rem !important;

        top: 28% !important;
        right: 12% !important;
    }

    .coaching-box p {
        font-size: 16px !important;
    }


    .client-box p {

        font-size: 22px !important;

    }

    .countries-box h1 {
        line-height: 1;
        font-size: 80px !important;
    }

    .countries-box h1 sub {

        font-size: 22px !important;

        left: 24% !important;
        bottom: 6rem !important;
    }

    .client-box h1 {

        font-size: 80px !important;
    }

    .dis-block {
        display: block !important;
    }

    .client-r {
        padding: 0px !important;

    }

    .client-r h1 {
        font-size: 40px !important;
        /*padding: 0px 12px;*/

    }





    .mt-80 {

        margin-bottom: 98px;
    }

    /*home page*/
    .ptb-0 {
        padding: 10px;

    }

    .pur {
        width: 100%;
    }

    .md-margin-top {
        margin-top: 30px;

    }

    .brdr-r {
        border-radius: 1.5rem;
        /*  width: 240px;
            height: 140px;
            object-fit: cover;*/
        max-width: 350px;
        height: auto;
    }

    .md-mt {
        margin-top: 150px;
    }

    .padd-header {
        padding: 0px 10px;
    }

    .header {
        justify-content: space-between;
        padding-left: 12px;
        padding-top: 22px;
    }

    .hidden-icons {
        display: block;
    }

    .dis-n {
        display: none;
    }

    .header {

        padding-left: 16px !important;
    }

    .brdr-t {
        border-top: 1px solid #d7d7d7;
    }

    .marg-top {
        margin-top: 160px;
    }


    .booksec {

        padding-top: 10%;
        padding-left: 13%;

    }

    .latest-article-items {
        margin-bottom: 15px;
    }


    .wrk-w-m li {
        display: block !important;
        width: 100% !important;

    }

}

@media only screen and (min-width: 768px) {
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .md\:\!leading-\[120\%\] {
        line-height: 120% !important;
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .md\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

}

@media only screen and (min-width:481px) and (max-width: 738px) {


    .wrk-w-m li {
        display: block !important;
        width: 100% !important;

    }

    .coaching-box {
        text-align: center;
        padding: 20px 15px;
        position: relative;
    }

    .w-35 {
        width: 26% !important;
    }
}

@media only screen and (max-width: 576px) {
    .work-with-me .card-body .card-text {
        font-size: 20px !important;
        padding: 30px 0px !important;
    }

    .wrk-w-m li {
        display: block !important;
        width: 100% !important;

    }

    .single-heading h1 {
        font-size: 2rem !important;
    }

    .user-view {
        margin-top: 20px !important;
        float: left !important;
    }


    .brdr::after {

        display: none;

    }



    .hidden-icons {
        display: block;
    }

    .dis-n {
        display: none;
    }

    .hidden {
        display: none;
    }

    .text-sm {
        font-size: 1.2rem !important;

    }

    .brdr-r {
        border-radius: 1.5rem;
        width: 200px;
        height: 70px;
        object-fit: cover;
    }

    .sm-margin-top {
        margin-top: 30px;
    }

    .user span {
        font-size: 14px;
        font-weight: 500;
        padding-left: 0px;
    }

    .md-margin-top {
        margin-top: 30px;

    }

    .padd-header {
        padding: 0px 10px;
    }

    .pl-50 {
        padding-left: 50px;
    }

    .brdr-t {
        border-top: 1px solid #d7d7d7;
    }

    .marg-top {
        margin-top: 160px;
    }

    .heading {



        font-size: 45px;

    }

    .heading::before {

        left: 43%;
    }

    .booksec {

        padding-top: 10%;
        padding-left: 13%;

    }

    .btns {

        margin: 6px 10px;
    }

    /*.banner-section {
            height: 60vh !important;
    
        }*/
}





@media screen and (min-width:1441px) and (max-width:1560px) {


    .w-277 {
        width: 238px !important;
    }

    .abt-content p {
        font-size: 16px !important;
    }

    .banner {
        position: relative;
        height: 136vh;
    }
}

/* @media only screen and (min-width:1025px) and (max-width: 1411px) {
    
            .w-277 {
                width: 248px!important;
        }
           
        }*/
@media only screen and (min-width:1025px) and (max-width: 1347px) {

    .w-277 {
        width: 219px !important;
    }

}



@media only screen and (max-width:1347px) {


    .w-277 {
        width: 219px !important;
    }
}

@media screen and (min-width:1024px) and (max-width:1344px) {


    .padd-header {
        padding: 0px 0px;
    }

}


@media screen and (min-width:1025px) and (max-width:1199px) {
    .w-35 {
        width: 40% !important;
    }

    .quote {
        top: 55% !important;
        left: 45% !important;
    }

    .client-r h1 {
        font-size: 45px !important;
    }

    .countries-box {
        padding: 0px 45px !important;
    }

    .countries-box h1 sub {

        font-size: 19px !important;
        left: -27% !important;
    }

    .quote img {
        width: 25%;
    }
  
}

@media screen and (min-width:992px) and (max-width:1024px) {

    .w-277 {
        width: 249px !important;
    }

    .client-r h1 {
        font-size: 50px !important;
    }
}

@media only screen and (min-width:577px) and (max-width: 767px) {

    .brdr::after {
        display: none !important;
    }

    .coaching-box {

        padding: 20px 15px !important;
    }

    .countries-box h1 sub {
        top: 0 !important;
        left: -4% !important;
    }

    .w-35 {
        width: 17% !important;
    }

    .quote {
        top: 638% !important;
    }

    .work-with h1,
    .trend h1 {
        /*padding: 0px 0px !important;*/
        /*font-size: 82px !important;*/
    }


    .countries-box h1 sub {
        top: 0 !important;
        left: -4% !important;
    }

    .w-35 {
        width: 14% !important;
    }

    .quote {
        top: 300% !important;
        left: 4% !important;
    }

    .work-with h1,
    .trend h1 {
        /*padding: 0px 0px !important;*/
    }

    .client-r h1 {
        font-size: 42px !important;
        padding: 0;

    }


}

@media only screen and (min-width:600px) and (max-width: 767px) {
    .shop-banner {
        min-height: 400px !important;
    }
}

@media only screen and (min-width:576px) and (max-width: 599px) {
    .shop-banner {
        min-height: 330px !important;
    }

    .brdr::after {
        display: none !important;
    }

}

@media only screen and (min-width:481px) and (max-width:576px) {
    .work-with {
        padding-bottom: 25px !important;

    }

    .shop-banner {
        min-height: 300px !important;
    }

    .countries-box h1 sub {
        top: 0 !important;
        left: -4% !important;
    }

    .w-35 {
        width: 17% !important;
    }

    .quote {
        top: 300% !important;
        left: 5% !important;
    }

    .work-with h1,
    .trend h1 {
        /*padding: 0px 0px !important;*/
    }

    .h-100vh {
        height: 60vh !important;
    }

    .overlay {
        width: 17rem !important;
        height: 17rem !important;

        right: 0% !important;
    }

    .coaching-box {

        padding: 20px 15px !important;
    }

    .life-change-box {
        padding: 0px 50px !important;
    }


}



@media only screen and (max-width:481px) {
    .work-with {
        padding-bottom: 25px !important;

    }

    .shop-banner {
        min-height: 250px;
         !important
    }

    .overlay {
        width: 9rem !important;
        height: 20rem !important;
        top: 23% !important;
        right: 12% !important;
    }

    .h-100vh {
        height: 41vh !important;
        padding-top: 27px !important;
    }

    .coaching-box {

        padding: 20px 15px !important;
    }

    /*.banner-section {
            height: 37vh;
        }*/

}


@media only screen and (max-width: 480px) {
    .work-with {
        padding-bottom: 25px !important;

    }

    /*.banner-section {
            height: 37vh !important;
        }*/

    .work-with h1,
    .trend h1 {
        /*padding: 0px 0px !important;*/

        /*font-size: 80px !important;*/
    }

    .countries-box h1 sub {
        left: -4% !important;
        top: 0 !important;
    }

    .quote {
        top: 270% !important;
        left: 6% !important;
    }

    .w-35 {
        width: 21% !important;
    }

    .h-100vh {
        height: 51vh !important;
        padding-top: 0px !important;
    }
}


@media only screen and (max-width:425px) {
    .work-with {
        padding-bottom: 25px !important;

    }


    .work-with h1,
    .trend h1 {
        /*padding: 20px 0px !important;*/

        /*font-size: 71px !important;*/
    }

    .coaching-box {

        padding: 20px 15px !important;
    }

    .coaching-box p {

        height: 90px !important;
    }

    .h-100vh {
        height: 41vh !important;

    }

    .countries-box h1 sub {

        left: -4% !important;
        top: 0 !important;

    }

    .w-35 {
        width: 16% !important;
    }

    /*.quote {
            top: 525% !important;
        }*/

    .life-change-box {
        padding: 0px 32px !important;
    }

    .page-title-area {
        height: 200px !important;
    }

    .life-change-box h1 {

        font-size: 39px !important;
    }
}

@media only screen and (max-width: 375px) {
    .work-with {
        padding-bottom: 25px !important;

    }

    .work-with-me .card-body .card-title {
        font-size: 1.5rem;
    }

    .found-height {
        height: 30vh !important;
    }

    .h-100vh {
        height: 37vh !important;
        padding-top: 0px !important;
    }

    .abt-content p {
        font-size: 12px !important;

    }

    .banner {
        height: 142.5vh;
    }

    .padd-header {
        padding: 6px 10px;
    }

    .overlay {
        width: 10rem !important;
        height: 10rem !important;
        top: 60% !important;
        right: 22% !important;
    }

    .work-with h1,
    .trend h1 {
        /*padding: 6px 0px !important;*/

        /*font-size: 46px !important;*/
    }

    .brdr::after {

        display: none;
    }

    .countries-box h1 sub {

        left: -7% !important;

        top: 0 !important;

    }

    .client-r h1 {
        font-size: 28px !important;
    }

    .w-35 {
        width: 16% !important;
    }

    .quote {
        top: 300% !important
    }

    .coaching-box {

        padding: 22px 15px !important;

    }

    .coaching-box p {

        height: 100px !important;
    }

    .page-title-area {
        height: 200px !important;
    }
}


@media only screen and (max-width: 320px) {
    .login {
        font-size: 15px !important;
    }

    .login-translate {
        transform: translateX(-4px);
    }

    .header-right.navbar {
        flex-wrap: nowrap !important;
    }

    .work-with-me .card-body .card-title {
        font-size: 1.5rem !important;
    }

    .found-height {
        height: 25vh !important;
    }

    .countries-box h1 sub {
        left: -11% !important;
        font-size: 20px !important;
    }

    .client-testimonial-h {
        padding: 20px 0px 21px 0px !important;
        font-size: 25px !important;
        word-break: break-word;
    }

    .client-testimonial-h::after {
        left: -6% !important;
    }

    .h-100vh {

        padding-top: 0px !important;
    }

    .padd-header {
        padding: 7px 10px !important;
    }

    .quote {
        top: 222% !important
    }

    .page-title-area {
        height: 200px !important;
    }

    .note-desc h1 {
        font-size: 35px !important;
    }

    .note-desc {
        padding: 15px 0px !important;
    }
}

@media (max-width: 991px) {
    .trend-left {
        margin-bottom: 30px;
    }

    .header-right .social-icons {
        display: none;
    }

    header .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
    }

    .mobile-top-bar .mb-sc-icon {
        margin-bottom: 0px;
        padding: 6px 0px 0px 0px;

    }


    .mobile-top-bar {
        margin-bottom: 10px;
    }

    .header-center {
        position: absolute !important;
        top: 68px;
        width: 100%;
        background: #fff;
        border: 0;
        left: 0;
        padding: 0;
    }

    .header-center.navbar .navbar-nav .nav-item .nav-link-a {
        padding: 10px 15px;
    }

    .header-center .navbar-nav {
        padding: 0;
    }

    .header-center .navbar-nav .nav-item:not(:last-child) {
        border-bottom: 1px solid;
    }
}

@media (max-width: 1399px) {

    .trending-posts-right p,
    .trend-left p {
        font-size: 14px;
    }

    .quote {
        left: 39%;
    }
}

@media (max-width: 1199px) {

    .trending-posts-right .text-sm,
    .trend-left h3 {
        font-size: 1.2rem;
    }

    .header-icons {
        padding-right: 10px;
    }

    .header-left .site-logo img {
        max-width: 150px;
    }

    .abt-content h1 {
        font-size: 60px;
    }
}

@media only screen and (max-width: 399px) {
    .text-sm {
        font-size: 1rem !important;
    }

    .brdr-r {
        height: auto;
        max-width: 130px;
    }
}

@media (max-width: 1024px) {

    .trend-slider .bg2,
    .trend-slider .bg {
        width: 20rem;
    }
}

@media (max-width: 399px) {

    .trend-slider .bg2,
    .trend-slider .bg {
        width: 10rem;
    }
}

@media (max-width: 299px) {
    .trend-right {
        display: block;
    }

    .trend-right-items {
        display: block;
    }

    .trend-right-items img {
        text-align: center;
    }
}

@media (max-width: 249px) {

    .trend-slider .bg2,
    .trend-slider .bg {
        width: 5rem;
    }
}

@media (min-width: 640px) {
    .sm\:ml-5 {
        margin-left: 1.25rem;
    }

    .sm\:w-1\/3 {
        width: 33.333333%;
    }

    .sm\:rounded-3xl {
        border-radius: 1.5rem;
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:py-3 {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .sm\:block {
        display: block;
    }

    .sm\:h-7 {
        height: 1.75rem;
    }

    .sm\:w-7 {
        width: 1.75rem;
    }

    .sm\:w-8 {
        width: 2rem;
    }

    .sm\:flex {
        display: flex;
    }

    .sm\:h-8 {
        height: 2rem;
    }

    .sm\:min-w-\[68px\] {
        min-width: 68px;
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem;
    }

    .sm\:aspect-h-10 {
        --tw-aspect-h: 10;
    }

    .sm\:aspect-h-1 {
        --tw-aspect-h: 1;
    }

    .sm\:h-11 {
        height: 2.75rem;
    }

    .sm\:w-11 {
        width: 2.75rem;
    }

    .sm\:aspect-h-7 {
        --tw-aspect-h: 7;
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .ncmaz-button-like-post .simplefavorite-button {
        height: 2rem;
        /*min-width: 68px;*/
    }

    .sm\:my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sm\:space-x-2>:not([hidden])~:not([hidden]) {
        margin-right: calc(0.5rem * 0);
        margin-left: calc(0.5rem * calc(1 - 0));
    }

    .sm\:items-end {
        align-items: flex-end;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .sm\:pt-\[55\%\] {
        padding-top: 55%;
    }

    .sm\:p-6 {
        padding: 1.5rem;
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .sm\:aspect-h-4 {
        --tw-aspect-h: 4;
    }

    .sm\:aspect-w-3 {
        position: relative;
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        --tw-aspect-w: 3;
    }
}

@media (min-width: 1024px) {
    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .lg\:mr-10 {
        margin-right: 2.5rem;
    }

    .lg\:mb-0 {
        margin-bottom: 0;
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:w-2\/5 {
        width: 40%;
    }



    .lg\:items-end {
        align-items: flex-end;
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        margin-top: calc(0px * calc(1 - 0));
        margin-bottom: calc(0px * 0);
    }

    .lg\:space-x-5>:not([hidden])~:not([hidden]) {
        margin-right: calc(1.25rem * 0);
        margin-left: calc(1.25rem * calc(1 - 0));
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 1449px) {
    .video-play-button {
        left: 30%;
    }
}

@media only screen and (max-width: 767px) {

    .video-play-button:before,
    .video-play-button:after {
        width: 50px;
        height: 50px;
    }

    .video-play-button span {
        border-left: 16px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .video-play-button {
        padding: 18px 20px 18px 24px;
    }

}

@media only screen and (max-width: 349px) {
    .video-play-button {
        left: 50%;
    }
}

@media (min-width: 768px) {
    .work-with-me .card-deck {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .work-with-me-content {
        background-image: url('../images/homepage/tree-leaf.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: bottom center;
        padding-bottom: 50px;

    }

    .md\:mb-16 {
        margin-bottom: 2rem;
    }
}

@media (max-width: 1199px) {
    .work-with-me-content {
        padding-bottom: 60px;
    }

    .newslatter {
        padding: 30px 0px;
    }
}

@media (max-width: 991px) {
    .work-with-me-content {
        background-size: 100% 60%;
    }

    .countries-box h1 {
        font-size: 100px;
    }

    .client-box p {
        font-size: 1.2rem;
    }

    .client-testimonial-h::after {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .testimonial-left,
    .client-testimonial-h {
        text-align: left;
    }

    .testimonial-image {
        width: 120px;
        height: 120px;
    }

    .abt-content {
        padding-bottom: 30px
    }

    .caption h1 {
        font-size: 50px;
    }

    .caption h1 span:last-child {
        font-size: 42px;
    }

    .caption a {
        font-size: 18px;
    }

    .client-r .float-r {
        float: left;
        text-align: left;
    }

    .client-r .float-r:before {
        left: 0;
        right: auto;
    }

    .client-r .float-r p {
        float: left;
        text-align: left;
    }

    .quote img {
        width: 15%;
    }

    .mt-30-991 {
        margin-top: 30px;
    }

    .newslatter {
        padding: 0px 0px 30px 0px;
    }
}

@media (max-width: 767px) {
.blog-wrapper .img-wrap img{
height: 350!important
}
    .work-with-me .card-deck {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .work-with {
        padding-bottom: 50px;
    }

    .work-with h1,
    .trend h1 {
        font-size: 82px;
    }

    .life-change-box {
        justify-content: center;
    }

    .life-change-box h1.mobile-view {
        display: block;
    }

    .life-change-box h1:not(.mobile-view) {
        display: none;
    }

    .client-box {
        align-items: center;
    }

    .countries-box {
        align-items: baseline;
        justify-content: center;
    }

    .counter-section {
        padding: 20px 0px;
    }

    .banner-section.sessions-page {
        height: auto;
    }

    .private-coaching-box {
        max-height: 100%;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        transform: none;
        margin: 15px auto;
        width: 100%;
        border-radius: 0;
    }

    .private-coaching-box-inner {
        width: auto;
        max-height: 100%;
    }

    .caption h1 {
        font-size: 35px;
    }

    .caption h1 span:last-child {
        font-size: 29px;
    }

    .caption a {
        font-size: 14px;
        padding: 8px 0;
    }

    .caption {
        top: 45%;
        right: 5%;
    }

    .work-with-me .card {
        background-color: #fff;
        border-radius: 15px;
        background-image: url(../images/homepage/tree-leaf.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: bottom center;
    }

    .work-with-me .card-deck .card:not(:last-child) {
        margin-bottom: 20px;
    }

    .work-with-me {
        padding-bottom: 50px;
    }

    .work-with-me-content {
        padding-bottom: 0px;
    }

    .work-with-me-heading {
        margin-bottom: 20px;
    }

    .client-r p {
        font-size: 14px;
    }

    .abt-content p {
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .how-this-work .para-block p {
        font-size: 24px;
    }

    .pt-73 {
        padding: 34% 0;
    }

}

@media (max-width: 449px) {

    .work-with h1,
    .trend h1 {
        font-size: 3rem;
    }

    .abt-content h1 {
        font-size: 3rem
    }
}

@media (max-width: 329px) {

    .work-with h1,
    .trend h1 {
        font-size: 2.5rem;
    }

}

@media only screen and (max-width: 499px) {
.flex-col-dir{
flex-direction: column;
}
.flex-col .nav{
margin-right:10px;

}
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .caption {
        top: 40%;
    }

    .caption h1 {
        font-size: 27px;
        margin-bottom: 10px;
    }

    .caption h1 span {
        letter-spacing: normal;
    }

    .caption h1 span:last-child {
        font-size: 22px;
    }

    .caption a {
        font-size: 11px;
        padding: 6px 8px;
    }

    .client-r p {
        font-size: 12px;
    }

    .client-r h1 {
        font-size: 25px !important;
    }

    .heading-main,
    .how-this-work .work-heading {
        font-size: 40px;
    }

    .how-this-work .work-heading {
        padding-bottom: 20px;
    }

    .sub-heading {
        font-size: 18px;
        padding-bottom: 20px;
        padding-top: 25px;
    }

    .para-text,
    .para-block p {
        font-size: 16px;
        padding-top: 15px;
    }

    .how-this-work .para-block p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 399px) {

    .caption h1 {
        font-size: 21px;
    }

    .caption h1 span {
        letter-spacing: normal;
    }

    .caption h1 span:last-child {
        font-size: 17px;
    }

    .caption a {
        font-size: 10px;
        padding: 5px 8px !important;
    }

    .caption {
        top: 45%;
    }

    .price-section .price-heading {
        font-size: 27px;
    }

    .owl-nav {
        top: -130px;
    }
    .trend-right-items {
    gap: 0px;
}
}

@media only screen and (min-width: 499px) {
    .scroll-snap-section {
        height: 40vh;
    }
}

@media only screen and (min-width: 768px) {
    .scroll-snap-section {
        height: 50vh;
    }

    .booking-section .row div:last-child {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .booking-section .row .not-sure {
        float: right !important;
    }
}

@media only screen and (min-width: 992px) {
    .scroll-snap-section {
        height: 60vh;
    }
}

@media only screen and (min-width: 1400px) {
    .scroll-snap-section {
        height: 88vh;
    }
}

@media only screen and (max-width: 576px) {

    .life-change-box h1 {
        font-size: 35px !important;
    }

    .countries-box h1,
    .client-box h1 {
        font-size: 60px !important;
    }

    .client-box p {
        font-size: 18px !important;
    }
.blog-wrapper .img-wrap img{
height: 250px;
}
}

/*@media only screen and (max-width: 429px) {
        .life-change-box h1 {
            font-size: 25px !important;
        }
        .countries-box h1, .client-box h1 {
            font-size: 40px !important;
        }
        .client-box p,
        .countries-box h1 sub {
            font-size: 13px !important;
        }
        .countries-box h1 sub{
            left: -10% !important;
        }
        
    }*/
@media only screen and (max-width: 429px) {

    .countries-box h1,
    .client-box h1 {
        font-size: 42px !important;
    }

    .life-change-box h1 {
        font-size: 25px !important;
        line-height: 20px;
    }

    .client-box p,
    .countries-box h1 sub {
        font-size: 12px !important;
    }

    .countries-box h1 sub {
        left: -10% !important;
    }

    .work-with-me .card-body .card-text {
        font-size: 20px !important;
        padding: 17px 0px !important;
    }

    .client-box h1 span {
        font-style: italic !important;
        /* font-family: 'Playfair Display', serif; */
        margin-left: -7px !important;
    }
}

@media only screen and (max-width: 1279px) {
    .hot-topics-sec {
        padding: 0;
    }

    .hot-topic-box-bg {
        border-radius: 0;
    }
}

@media only screen and (max-width: 371px) {
    .owl-nav {
        top: -130px;
    }
}

@media (min-width: 1280px) {
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1536px) {
    .\32xl\:gap-8 {
        gap: 2rem;
    }
}

@media (min-width: 992px) {
.overflow-x-shop{
overflow:hidden!important;
}
}

@media (max-width: 360px) {
.header-left .site-logo img {
    max-width: 104px;
}
.line-clamp-sm{
        overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}}

@media (max-width: 1199px) {

.dt-responsive{
    overflow-x:auto;
    display:block;
    width:100%;
}
}