@media only screen and (max-width:400px) {
    #footer-sds-bottom .links-top a {
        padding: 10px 0;
        font-size: 16px !important
    }
}

@media only screen and (max-width:767px) {
    #modal-news .modal-body h4 {
        font-size: 20px !important;
    }

    #modal-news .modal-body p {
        font-size: 16px !important;
        max-width: 100%;
    }

    #modal-news .modal-content {
        padding: 10px !important;
    }

    #modal-news .modal-body form .flex .form-group label {
        font-size: 12px !important;
    }

    #modal-news .modal-body form #submit-newsletter-modal {
        font-size: 14px;
        margin-top: 30px;
    }

    #footer-sds-bottom .links-bottom h3 {
        font-size: 22px
    }

    .pt-0-mobol {
        padding-bottom: 0
    }

    .pt-50-mobol {
        padding-top: 50px
    }

    .specialities-links {
        display: grid;
        grid-template-columns: repeat(2, 121px);
        place-items: center;

        & h5 {
            font-size: 22px
        }
    }

    #area-blog-home {
        & .header {
            margin-bottom: 50px;
            gap: 52px !important;

            & form {
                max-width: 100%;
                margin: 0 auto;

                & input {
                    font-size: 15px
                }
            }
        }

        & .owl-theme {
            & .owl-nav {
                top: 20% !important;
                display: flex !important;

                & button.owl-prev {
                    margin-left: -24px !important
                }

                & button.owl-next {
                    margin-right: -23px !important
                }
            }
        }
    }

    #banners-hero {
        & .owl-dots {
            margin-top: 0
        }
    }

    .p-0-mobol-nav {
        padding: 0
    }

    #area-blog-home .blog-post {
        padding: 0 !important;
        margin-top: 0
    }

    .content-about-hero .card-info img {
        width: 60px;
        top: -23px
    }

    #info-sds {
        padding: 43px 36px;

        & .container {
            padding: 0 !important
        }

        & .content-absolute {
            bottom: -67px !important;

            & img {
                width: 60px
            }
        }
    }

    #session-info .content-cards .card-info a {
        width: auto !important
    }

    #info-sds {
        margin-bottom: 64px;

        & p:nth-child(2) {
            font-size: 20px !important
        }
    }

    #news {
        & form {
            display: flex;
            flex-direction: column;
            align-items: center;

            & button {
                width: 285px !important
            }
        }
    }

    .main-responsive-nav .logo {
        padding: 0 15px
    }

    .main-responsive-nav .mean-container a.meanmenu-reveal {
        padding-right: 15px
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .bg-spec-gray2 {
        background-color: #bbb;
        padding: 25px;
        padding-top: 35px;
        margin: auto;
        margin-bottom: 3px;
        border-right: 1px solid #fff;
        border-left: 1px solid #fff
    }

    .bs-wizard-info h5 {
        font-size: .75rem
    }

    .main-banner-content h1 {
        line-height: 36px
    }

    .pt-100 {
        padding-top: 50px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pb-70 {
        padding-bottom: 20px
    }

    #news {
        padding-top: 0;
        padding-bottom: 28px;

        & .content-image {
            padding-right: 0 !important;
            justify-content: center;

            & img {
                width: 100%
            }
        }

        & .row {
            gap: 0 !important;

            & .flex-mobol {
                margin-top: 32px;
                margin-bottom: 32px;

                & p.text-title {
                    margin: 0 !important
                }
            }
        }

        & form {
            & button {
                margin-bottom: 0 !important
            }
        }
    }

    .section-title {
        margin: 0 auto 47px
    }

    .section-title span {
        font-size: 15px
    }

    .specialities {
        padding-bottom: 50px !important;

        & .section-title h2 {
            font-size: 26px
        }

        & .specialities-links .mb-5 {
            margin-bottom: 0 !important
        }

        & .specialities-links a {
            width: 135px !important
        }

        & .specialities-links {
            margin-top: 0 !important
        }
    }

    .top-header-area {
        padding-top: 18px
    }

    .top-header-content {
        text-align: center
    }

    .top-header-optional {
        text-align: center;
        margin-top: 15px
    }

    .mean-container a.meanmenu-reveal {
        padding: 7px 0 0;
        margin-top: -5px
    }

    .specialities-red-box-top {
        margin-top: 30px
    }

    .about-box-top {
        margin-top: 30px
    }

    .sub-footer {
        text-align: center
    }

    .sub-footer img {
        margin: 15px 0
    }

    .mean-container .mean-bar {
        background-color: unset;
        border-bottom: 0
    }

    .mean-container .mean-nav {
        margin-top: 50px
    }

    .others-option-for-responsive .dot-menu {
        top: -35px
    }

    .others-option-for-responsive .container .container {
        right: 20px;
        max-width: 278px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 10px;
        text-align: center
    }

    .others-option-for-responsive .option-inner .others-options {
        margin-left: 0
    }

    .others-option-for-responsive .option-inner .others-options .option-item {
        margin-right: 0;
        margin-bottom: 10px
    }

    .others-option-for-responsive .option-inner .others-options .option-item:last-child {
        margin-bottom: 0
    }

    .others-option-for-responsive .option-inner .others-options.d-flex {
        display: block !important
    }

    .main-slides-item {
        padding-top: 75px;
        padding-bottom: 145px
    }

    .main-slides-content .sub-title {
        font-size: 15px
    }

    .main-slides-content h1 {
        font-size: 35px
    }

    .main-slides-content .slides-btn {
        margin-top: 30px
    }

    .main-slides-content .slides-btn .default-btn {
        margin-right: 0;
        margin-bottom: 10px
    }

    .features-area {
        margin-top: 0;
        padding-top: 50px
    }

    .home-slides.owl-theme .owl-nav .owl-prev,
    .home-slides.owl-theme .owl-nav .owl-next {
        left: 10px;
        bottom: 30px;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        opacity: 1;
        visibility: visible
    }

    .home-slides.owl-theme .owl-nav .owl-prev i,
    .home-slides.owl-theme .owl-nav .owl-next i {
        font-size: 25px;
        position: relative;
        top: 4px
    }

    .home-slides.owl-theme .owl-nav .owl-next {
        left: auto;
        right: 10px
    }

    .home-slides.owl-theme:hover .owl-nav .owl-prev,
    .home-slides.owl-theme:hover .owl-nav .owl-next {
        left: 10px
    }

    .home-slides.owl-theme:hover .owl-nav .owl-next {
        left: auto;
        right: 10px
    }

    .single-box h3 {
        font-size: 20px
    }

    .single-coworking-space .content h3 {
        font-size: 22px
    }

    .single-coworking-space .content span {
        font-size: 14px
    }

    .overview-content-box span {
        font-size: 14px
    }

    .overview-content-box h3 {
        font-size: 28px
    }

    .single-choose {
        text-align: center
    }

    .single-choose h3 {
        font-size: 22px
    }

    .single-solution .solution-content {
        padding: 30px 20px
    }

    .video-box-image .video-btn {
        width: 65px;
        height: 65px;
        line-height: 65px;
        top: 50%;
        font-size: 55px
    }

    .benefits-content span {
        font-size: 15px
    }

    .benefits-content h3 {
        font-size: 26px
    }

    .benefits-image {
        text-align: center;
        margin-top: 30px
    }

    .single-membership-table {
        padding: 25px 20px
    }

    .single-membership-table .membership-header h3 {
        font-size: 20px
    }

    .single-membership-table .price {
        font-size: 35px
    }

    .testimonial-item p {
        font-size: 18px
    }

    .testimonial-slides.owl-theme .owl-nav .owl-prev,
    .testimonial-slides.owl-theme .owl-nav .owl-next {
        display: none
    }

    .testimonial-item .info h3 {
        font-size: 20px
    }

    .testimonial-item .info span {
        font-size: 14px
    }

    .subscribe-content-box .title h2 {
        font-size: 26px
    }

    .subscribe-content-box .newsletter-form button {
        margin-top: 20px
    }

    .single-blog .blog-image .tag {
        right: 15px;
        bottom: 15px
    }

    .single-blog .blog-content {
        padding: 25px 20px
    }

    .single-footer-widget h3 {
        font-size: 22px
    }

    .copyright-area {
        margin-top: 20px
    }

    .copyright-area .copyright-area-content {
        text-align: center
    }

    .copyright-area .copyright-area-content ul {
        text-align: center;
        margin-top: 10px
    }

    .main-banner-item {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .main-banner-content {
        text-align: center
    }

    .main-banner-content h1 {
        font-size: 34px;
        margin-top: 50px
    }

    .main-banner-search-form {
        margin-top: 30px
    }

    .main-banner-search-form form {
        padding: 20px
    }

    .main-banner-search-form form .form-group {
        border-right: 0;
        margin-bottom: 15px
    }

    .main-banner-search-form form .form-group label {
        left: 15px;
        top: 15px
    }

    .main-banner-search-form form .form-group .form-control {
        height: 55px;
        padding-left: 45px;
        padding-right: 15px;
        border: 1px solid #eee
    }

    .main-banner-search-form form .form-group .nice-select {
        border: 1px solid #eee;
        height: 55px;
        line-height: 55px;
        padding-left: 15px
    }

    .main-banner-search-form form .submit-btn {
        text-align: center
    }

    .main-banner-image {
        text-align: center;
        margin-top: 30px
    }

    .main-banner-image .video-btn {
        width: 65px;
        height: 65px;
        line-height: 65px
    }

    .single-choose-box {
        padding: 35px 15px
    }

    .single-choose-box h3 {
        font-size: 22px
    }

    .work-image {
        height: 450px
    }

    .work-content-item {
        padding: 50px 30px;
        text-align: center
    }

    .work-content-item .content-box b {
        font-size: 15px
    }

    .work-content-item .content-box h3 {
        font-size: 25px
    }

    .work-content-item .content-box .work-fun-fact h4 {
        font-size: 25px
    }

    .work-content-item .content-box .work-fun-fact h4 .sign-icon {
        font-size: 25px
    }

    .review-item {
        padding: 20px;
        right: 0;
        border: 1px solid #eee
    }

    .review-item .review-text p {
        font-size: 16px
    }

    .review-item .review-info h3 {
        font-size: 20px
    }

    .review-item .review-info span {
        font-size: 15px
    }

    .review-saying h4 {
        font-size: 20px
    }

    .review-image {
        text-align: center;
        margin-top: 30px
    }

    .main-banner-item-box {
        padding-top: 50px;
        padding-bottom: 50px;
        position: relative;
        z-index: 1
    }

    .main-banner-item-box::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #000;
        z-index: -1;
        opacity: .65
    }

    .main-banner-item-box .main-banner-content {
        text-align: center
    }

    .main-banner-item-box .main-banner-content h1 {
        font-size: 35px;
        color: #fff
    }

    .main-banner-item-box .main-banner-content .checkbox-list {
        text-align: left
    }

    .main-banner-item-box .main-banner-content .checkbox-list .form-check {
        margin-bottom: 10px
    }

    .main-banner-item-box .main-banner-content .checkbox-list .form-check:last-child {
        margin-bottom: 0
    }

    .main-banner-item-box .main-banner-content .checkbox-list .form-check label {
        font-size: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form {
        margin-top: 30px;
        padding: 20px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form {
        padding: 20px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group {
        border-right: 0;
        margin-bottom: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group label {
        left: 15px;
        top: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group .form-control {
        height: 55px;
        padding-left: 45px;
        padding-right: 15px;
        border: 1px solid #eee
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group .nice-select {
        border: 1px solid #eee;
        height: 55px;
        line-height: 55px;
        padding-left: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .submit-btn {
        text-align: center
    }

    .main-banner-item-box .main-banner-content .banner-list {
        text-align: left
    }

    .main-banner-item-box .main-banner-content .banner-list li {
        margin-bottom: 10px
    }

    .main-banner-item-box .main-banner-content .banner-list li:last-child {
        margin-bottom: 0
    }

    .features-area-three {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 50px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee
    }

    .video-image-content {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 10px;
        padding-right: 10px
    }

    .video-image-content .video-btn {
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .video-image-content .video-btn i {
        top: 2px
    }

    .video-image-content .content-text h3 {
        font-size: 25px
    }

    .page-banner-area {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .page-banner-content h2 {
        font-size: 38px;
        margin-bottom: 15px
    }

    .spurf-grid-sorting .ordering {
        text-align: center
    }

    .spurf-grid-sorting .ordering .select-box {
        margin-top: 15px
    }

    .spurf-grid-sorting .ordering label {
        margin-bottom: 10px
    }

    .single-events-box .content h3 {
        font-size: 22px
    }

    .events-booking-content h3 {
        font-size: 25px
    }

    .events-booking-content .booking-list li {
        font-size: 15px
    }

    .events-booking-form {
        padding: 30px 20px;
        margin-top: 30px
    }

    .events-booking-form .events-booking-title h3 {
        font-size: 25px
    }

    .events-details-info {
        margin-top: 30px
    }

    .single-services {
        padding: 25px;
        text-align: center
    }

    .services-details-overview {
        margin-bottom: 0
    }

    .services-details-overview .services-details-desc h3 {
        font-size: 25px
    }

    .services-details-image {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center
    }

    .login-form {
        padding: 25px
    }

    .login-form form .lost-your-password {
        text-align: left;
        margin-top: 10px
    }

    .register-form {
        padding: 25px
    }

    .single-privacy-policy h3 {
        font-size: 25px
    }

    .single-terms-of-service h3 {
        font-size: 25px
    }

    .error-content h3 {
        font-size: 25px
    }

    .coming-soon-content {
        padding: 30px 25px
    }

    .coming-soon-content #timer {
        margin-top: 20px
    }

    .coming-soon-content #timer div {
        width: 100px;
        height: 105px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 20px;
        margin-top: 10px
    }

    .coming-soon-content h2 {
        font-size: 22px
    }

    .widget-area {
        margin-top: 30px
    }

    .blog-details-desc .article-content h3 {
        font-size: 25px
    }

    .blog-details-desc .article-content .wp-block-quote {
        padding: 30px !important;
        margin-left: 0
    }

    .blog-details-desc .article-content .wp-block-quote::before {
        position: relative;
        left: 0;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
        margin-bottom: 15px
    }

    .blog-details-desc .article-other-text h3 {
        font-size: 25px
    }

    .blog-details-desc .article-footer .article-tags {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset
    }

    .blog-details-desc .article-footer .article-share {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        max-width: unset;
        margin-top: 25px
    }

    .blog-details-desc .article-comments .comments-list {
        padding-left: 90px
    }

    .blog-details-desc .article-comments .comments-list img {
        max-width: 80px
    }

    .single-contact-info {
        text-align: center;
        padding-left: 0
    }

    .single-contact-info .image {
        position: relative;
        margin-bottom: 20px
    }

    .single-contact-info p br {
        display: none
    }

    .content-about-hero {
        position: initial;

        & .ml-desk {
            margin-left: 0
        }

        & .card-info {
            padding: 25px;

            & h1 {
                font-size: 26px;
                margin-top: 20px;
                max-width: 258px
            }

            & a {
                font-size: 20px;
                margin-top: 18px
            }
        }

        & .gradient-bottom {
            height: 12px
        }
    }

    #about-home .row h2 {
        font-size: 24px
    }

    .content-about-hero {
        & .container {
            padding-right: 0 !important;
            padding-left: 0 !important
        }

        & .card-info {
            padding: 25px 40px
        }
    }

    .container {
        padding-right: 20px !important;
        padding-left: 20px !important
    }

    .gradient-270 {
        height: auto
    }

    #about-home {
        padding-bottom: 29px
    }

    #blog-session {
        padding-top: 19px;
        padding-bottom: 51px;

        & .row {
            display: flex;
            gap: 50px
        }

        & h3 {
            font-size: 35px !important
        }

        & a {
            font-size: 18px !important
        }

        & img {
            height: 200px !important;
        }
    }

    #area-blog-home {
        & .header {
            flex-direction: column;
            gap: 0;

            & p {
                text-align: center
            }
        }
    }

    .posts-desk-carrousel {
        display: none
    }

    #posts-mobol-carrousel {
        display: block !important
    }

    #session-info {
        padding-top: 67px;
        padding-bottom: 50px;
        padding-left: 0;

        & .container:nth-child(1) {
            padding-left: 0 !important
        }

        & .container {
            & .col-md-12:nth-child(1) {
                padding-left: 0
            }

            & .col-md-12:nth-child(2) {
                padding-left: 40px;

                &.info h3 {
                    font-size: 36px !important;
                    margin-top: 32px
                }

                &.info p {
                    font-size: 20px !important
                }

                &.info .links a {
                    font-size: 16px;
                    padding: 17px 22px
                }
            }
        }

        & .content-cards h3 {
            font-size: 24px
        }
    }

    #bg-leap {
        & .row {
            flex-direction: column-reverse
        }

        & .item-left {
            gap: 17px !important;
            padding: 50px 20px !important;

            & p:first-child {
                font-size: 20px
            }

            & .arrow {
                width: 25px;
                margin-top: -147px !important
            }

            & p.text {
                font-size: 20px;
                text-align: center;
                max-width: 278px
            }

            & .flex img {
                width: 277px
            }

            & .arrow-absolute {
                left: -4px;
                width: 102px;
                top: -146px
            }

            & .flex {
                padding-right: 36px
            }

            & a {
                width: 100%;
                margin-top: 5px
            }
        }
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .login-form form .lost-your-password {
        text-align: right;
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ptb-100 {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .pt-100 {
        padding-top: 70px
    }

    .pb-100 {
        padding-bottom: 70px
    }

    .pb-70 {
        padding-bottom: 40px
    }

    .section-title {
        margin: 0 auto 35px
    }

    .section-title h2 {
        font-size: 38px
    }

    .header-information {
        display: none
    }

    .top-header-area {
        display: block
    }

    .top-header-content li {
        font-size: 14px;
        margin-right: 5px
    }

    .top-header-optional li a i {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 12px
    }

    .mean-container a.meanmenu-reveal {
        padding: 7px 0 0
    }

    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #000;
        height: 4px;
        margin-top: -5px;
        border-radius: 5px;
        position: relative;
        top: 8px
    }

    .mean-container .mean-bar {
        background-color: unset;
        border-bottom: 0
    }

    .mean-container .mean-nav {
        margin-top: 50px
    }

    .others-option-for-responsive .dot-menu {
        top: -35px
    }

    .others-option-for-responsive .container .container {
        right: 20px;
        max-width: 342px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 10px;
        text-align: center
    }

    .others-option-for-responsive .option-inner .others-options {
        margin-left: 0
    }

    .others-option-for-responsive .option-inner .others-options .option-item {
        margin-right: 10px
    }

    .main-slides-item {
        padding-top: 125px;
        padding-bottom: 145px
    }

    .main-slides-content h1 {
        font-size: 45px
    }

    .main-slides-content .slides-btn {
        margin-top: 30px
    }

    .features-area {
        margin-top: 0;
        padding-top: 70px
    }

    .home-slides.owl-theme .owl-nav .owl-prev,
    .home-slides.owl-theme .owl-nav .owl-next {
        left: 10px;
        bottom: 30px;
        top: unset;
        -webkit-transform: unset;
        transform: unset;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        opacity: 1;
        visibility: visible
    }

    .home-slides.owl-theme .owl-nav .owl-prev i,
    .home-slides.owl-theme .owl-nav .owl-next i {
        font-size: 25px;
        position: relative;
        top: 4px
    }

    .home-slides.owl-theme .owl-nav .owl-next {
        left: auto;
        right: 10px
    }

    .home-slides.owl-theme:hover .owl-nav .owl-prev,
    .home-slides.owl-theme:hover .owl-nav .owl-next {
        left: 10px
    }

    .home-slides.owl-theme:hover .owl-nav .owl-next {
        left: auto;
        right: 10px
    }

    .overview-content-box h3 {
        font-size: 38px
    }

    .single-choose {
        text-align: center
    }

    .benefits-content h3 {
        font-size: 38px
    }

    .benefits-image {
        text-align: center;
        margin-top: 30px
    }

    .single-membership-table {
        padding: 25px 20px
    }

    .testimonial-slides.owl-theme .owl-nav {
        margin-top: 0
    }

    .testimonial-slides.owl-theme .owl-nav .owl-prev,
    .testimonial-slides.owl-theme .owl-nav .owl-next {
        left: 10px;
        top: 75%;
        -webkit-transform: translateY(-75%);
        transform: translateY(-75%);
        opacity: 1;
        visibility: visible
    }

    .testimonial-slides.owl-theme .owl-nav .owl-next {
        left: auto;
        right: 10px
    }

    .testimonial-slides.owl-theme:hover .owl-nav .owl-prev,
    .testimonial-slides.owl-theme:hover .owl-nav .owl-next {
        left: 10px
    }

    .testimonial-slides.owl-theme:hover .owl-nav .owl-next {
        left: auto;
        right: 10px
    }

    .subscribe-content-box .title h2 {
        font-size: 38px
    }

    .single-blog .blog-content {
        padding: 25px 20px
    }

    .single-footer-widget h3 {
        font-size: 22px;
        position: relative
    }

    .copyright-area {
        margin-top: 40px
    }

    .main-banner-item {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .main-banner-content {
        text-align: center
    }

    .main-banner-content h1 {
        font-size: 45px
    }

    .main-banner-search-form {
        margin-top: 30px
    }

    .main-banner-search-form form {
        padding: 20px
    }

    .main-banner-search-form form .form-group {
        border-right: 0
    }

    .main-banner-search-form form .form-group label {
        left: 15px;
        top: 15px
    }

    .main-banner-search-form form .form-group .form-control {
        height: 55px;
        padding-left: 45px;
        padding-right: 15px;
        border: 1px solid #eee
    }

    .main-banner-search-form form .form-group .nice-select {
        border: 1px solid #eee;
        height: 55px;
        line-height: 55px;
        padding-left: 15px
    }

    .main-banner-image {
        text-align: center;
        margin-top: 30px
    }

    .main-banner-image .video-btn {
        width: 65px;
        height: 65px;
        line-height: 65px
    }

    .single-choose-box {
        padding: 35px 15px
    }

    .work-image {
        height: 450px
    }

    .work-content-item {
        padding: 50px 30px
    }

    .work-content-item .content-box b {
        font-size: 15px
    }

    .work-content-item .content-box h3 {
        font-size: 38px
    }

    .work-content-item .content-box .work-fun-fact h4 {
        font-size: 25px
    }

    .work-content-item .content-box .work-fun-fact h4 .sign-icon {
        font-size: 25px
    }

    .review-item {
        right: 0;
        border: 1px solid #eee
    }

    .review-image {
        text-align: center;
        margin-top: 30px
    }

    .main-banner-item-box {
        padding-top: 100px;
        padding-bottom: 100px;
        position: relative;
        z-index: 1
    }

    .main-banner-item-box::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #000;
        z-index: -1;
        opacity: .65
    }

    .main-banner-item-box .main-banner-content {
        text-align: center
    }

    .main-banner-item-box .main-banner-content h1 {
        font-size: 55px;
        color: #fff
    }

    .main-banner-item-box .main-banner-content .checkbox-list {
        text-align: left
    }

    .main-banner-item-box .main-banner-content .checkbox-list .form-check {
        margin-bottom: 10px
    }

    .main-banner-item-box .main-banner-content .checkbox-list .form-check:last-child {
        margin-bottom: 0
    }

    .main-banner-item-box .main-banner-content .checkbox-list .form-check label {
        font-size: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form {
        margin-top: 30px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form {
        padding: 20px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group {
        border-right: 0;
        margin-bottom: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group label {
        left: 15px;
        top: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group .form-control {
        height: 55px;
        padding-left: 45px;
        padding-right: 15px;
        border: 1px solid #eee
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .form-group .nice-select {
        border: 1px solid #eee;
        height: 55px;
        line-height: 55px;
        padding-left: 15px
    }

    .main-banner-item-box .main-banner-content .banner-search-form form .submit-btn {
        text-align: center
    }

    .main-banner-item-box .main-banner-content .banner-list {
        text-align: left
    }

    .main-banner-item-box .main-banner-content .banner-list li {
        margin-bottom: 10px
    }

    .main-banner-item-box .main-banner-content .banner-list li:last-child {
        margin-bottom: 0
    }

    .features-area-three {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 70px;
        padding-bottom: 40px;
        border-bottom: 1px solid #eee
    }

    .video-image-content {
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 10px;
        padding-right: 10px
    }

    .video-image-content .video-btn {
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .video-image-content .video-btn i {
        top: 2px
    }

    .video-image-content .content-text h3 {
        font-size: 38px
    }

    .page-banner-content h2 {
        margin-bottom: 15px;
        font-size: 45px
    }

    .single-events-box .content h3 {
        font-size: 22px
    }

    .events-booking-content h3 {
        font-size: 35px
    }

    .events-booking-content .booking-list li {
        font-size: 15px
    }

    .events-booking-form {
        padding: 30px 20px;
        margin-top: 30px
    }

    .events-booking-form .events-booking-title h3 {
        font-size: 35px
    }

    .events-details-info {
        margin-top: 30px
    }

    .services-details-overview {
        margin-bottom: 0
    }

    .services-details-image {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center
    }

    .widget-area {
        margin-top: 30px
    }

    .blog-details-desc .article-content h3 {
        font-size: 28px
    }

    .blog-details-desc .article-other-text h3 {
        font-size: 28px
    }

    .single-contact-info {
        text-align: center;
        padding-left: 0
    }

    .single-contact-info .image {
        position: relative;
        margin-bottom: 20px
    }

    .single-contact-info p br {
        display: none
    }
}

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

    .header-information,
    {
    display: none !important
}

.top-header-area {
    display: block
}

.top-header-content li {
    margin-right: 5px
}

.mean-container a.meanmenu-reveal {
    padding: 7px 0 0
}

.mean-container a.meanmenu-reveal span {
    display: block;
    background: #000;
    height: 4px;
    margin-top: -5px;
    border-radius: 5px;
    position: relative;
    top: 8px
}

.mean-container .mean-bar {
    background-color: unset;
    border-bottom: 0;
    padding-top: 0
}

.mean-container .mean-nav {
    margin-top: 50px
}

.others-option-for-responsive .dot-menu {
    top: -35px
}

.others-option-for-responsive .container .container {
    right: 20px;
    max-width: 342px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    text-align: center
}

.others-option-for-responsive .option-inner .others-options {
    margin-left: 0
}

.others-option-for-responsive .option-inner .others-options .option-item {
    margin-right: 10px
}

.main-slides-content h1 {
    font-size: 60px
}

.home-slides.owl-theme .owl-nav .owl-prev,
.home-slides.owl-theme .owl-nav .owl-next {
    left: 20px;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
    opacity: 1;
    visibility: visible
}

.home-slides.owl-theme .owl-nav .owl-next {
    left: auto;
    right: 20px
}

.home-slides.owl-theme:hover .owl-nav .owl-prev,
.home-slides.owl-theme:hover .owl-nav .owl-next {
    left: 20px
}

.home-slides.owl-theme:hover .owl-nav .owl-next {
    left: auto;
    right: 20px
}

.single-box {
    padding: 30px 15px 30px 55px
}

.single-box a img {
    left: 20px;
    max-width: 25px
}

.single-box h3 {
    font-size: 18px
}

.features-area {
    margin-top: -35px
}

.single-choose h3 {
    font-size: 18px
}

.single-choose p {
    font-size: 15px
}

.single-solution .solution-content {
    padding: 30px 20px
}

.benefits-content h3 {
    font-size: 38px
}

.single-membership-table {
    padding: 25px 20px
}

.testimonial-slides.owl-theme .owl-nav {
    margin-top: 0
}

.testimonial-slides.owl-theme .owl-nav .owl-prev,
.testimonial-slides.owl-theme .owl-nav .owl-next {
    left: 10px;
    top: 75%;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%);
    opacity: 1;
    visibility: visible
}

.testimonial-slides.owl-theme .owl-nav .owl-next {
    left: auto;
    right: 10px
}

.testimonial-slides.owl-theme:hover .owl-nav .owl-prev,
.testimonial-slides.owl-theme:hover .owl-nav .owl-next {
    left: 10px
}

.testimonial-slides.owl-theme:hover .owl-nav .owl-next {
    left: auto;
    right: 10px
}

.single-blog .blog-image .tag {
    right: 5px;
    bottom: -5px
}

.single-blog .blog-content {
    padding: 25px 20px
}

.single-footer-widget p {
    font-size: 14px
}

.main-banner-content h1 {
    font-size: 45px
}

.main-banner-search-form form .submit-btn button {
    font-size: 15px;
    padding: 10px 15px
}

.single-choose-box {
    padding: 30px 20px
}

.single-choose-box h3 {
    font-size: 20px
}

.work-content-item {
    padding-left: 25px;
    padding-right: 20px
}

.work-content-item .content-box .work-fun-fact h4 {
    font-size: 22px
}

.work-content-item .content-box .work-fun-fact h4 .sign-icon {
    font-size: 22px
}

.work-content-item .content-box .work-fun-fact p {
    font-size: 14px
}

.main-banner-item-box {
    padding-top: 120px;
    padding-bottom: 250px
}

.single-events-box .content {
    padding: 25px 15px
}

.single-events-box .content h3 {
    font-size: 20px
}

.single-services {
    padding: 25px
}

.single-contact-info {
    text-align: center;
    padding-left: 0
}

.single-contact-info .image {
    position: relative;
    margin-bottom: 20px
}

.single-contact-info p br {
    display: none
}
}

@media only screen and (min-width:1450px) {
    .container {
        max-width: 1410px
    }
}

@media only screen and (max-width:900px) {
    #select-mobol-search {
        display: block !important;
    }

    #area-blog-home .header,
    #area-page-blog .header {
        flex-direction: column;
        gap: 0
    }

    #area-page-blog form {
        margin: 25px 0;
        width: 465px
    }

    #area-blog-home {
        & #select-desktop {
            display: none
        }

        & .header .flex {
            max-width: 100%
        }

        & #options ul:nth-child(1) {
            width: 100% !important
        }
    }

    #session-info .row .links a {
        max-width: 100% !important
    }

    #cards-info-content .row:nth-child(1),
    .posts-desk-carrousel,
    #session-info .content-cards .flex {
        display: none !important
    }

    .cards-info-content-mobol {
        padding-left: 12px;
        display: block !important;

        & .cards-info-mobol {
            background: white;
            text-align: center;
            padding: 20px;
            min-height: 296px;

            & img {
                margin-bottom: 19px
            }

            & p {
                max-width: 220px;
                margin: 0 auto;
                font-size: 20px
            }
        }

        & .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: 20px;
            color: #2153cc;
            font-weight: 900
        }
    }

    #posts-mobol-carrousel {
        display: block !important;

        & .owl-theme .owl-nav {
            top: 25%;
            position: absolute;
            display: flex;
            justify-content: space-between;
            z-index: 99999;
            width: 100%;

            & button.owl-prev {
                margin-left: -12px
            }

            & button.owl-next {
                margin-right: -12px
            }
        }

        & .owl-dots {
            margin-top: 44px;

            & .owl-dot.active span {
                background: #0153cc;
                border: 0
            }

            & span {
                width: 12px;
                height: 12px;
                background: white;
                border: 2px solid #ccc
            }
        }

        & .owl-theme .owl-nav [class*=owl-]:hover {
            background: transparent
        }

        & .btn-more {
            margin-top: 28px;
            margin-bottom: 0;

            & a {
                margin-top: 0;
                font-size: 23px
            }
        }

        & .blog-post .category {
            font-size: 20px
        }
    }

    .content-cards-carrousel {
        display: block !important;

        & .card-info h4 {
            font-size: 30px !important
        }

        & .owl-carousel .owl-nav {
            top: 12%;
            position: absolute;
            width: 100%;
            display: flex;
            justify-content: space-between;

            & .owl-prev {
                margin-left: -22px;

                &:hover {
                    background: transparent
                }
            }

            & .owl-next {
                margin-right: 0;

                &:hover {
                    background: transparent
                }
            }

            & button span svg {
                fill: white
            }
        }

        & .owl-carousel .owl-dots {
            margin-top: 35px;

            & .owl-dot.active span {
                background: #0153cc;
                border: 0
            }

            & .owl-dot span {
                background: white;
                border: 2px solid #ccc
            }
        }
    }

    #bg-video {
        & .flecha-absolute {
            display: none
        }

        & .content {
            & p {
                font-size: 26px;
                max-width: 326px;
                text-align: center;
                margin-top: 50px
            }

            & .position-relative {
                &>img:first-child {
                    width: 335px
                }

                & .icon {
                    width: 72px;
                    height: 72px;

                    & img {
                        width: 28px
                    }
                }
            }
        }

        & .foother-links {
            flex-direction: column;
            gap: 18px;
            margin-top: 33px;
            margin-bottom: 47px;

            & .flex,
            & .flex-youtube {
                justify-content: space-around
            }
        }
    }

    #bg-leap {
        & .row {
            flex-direction: column-reverse
        }

        & .item-left {
            gap: 34px;
            padding: 50px 10px;

            & p:first-child {
                font-size: 19px
            }

            & .arrow {
                width: 25px;
                margin-top: -180px
            }

            & .flex img {
                width: 277px
            }

            & .arrow-absolute {
                left: -4px;
                width: 102px;
                top: -146px
            }

            & .flex {
                padding-right: 36px
            }
        }
    }

    .swiper-initial-banners img {
        margin-top: 60px !important
    }

    #info-sds {
        padding: 43px 30px;

        & .container {
            padding: 0
        }

        & p:nth-child(1) {
            font-size: 20px
        }

        & p:nth-child(2) {
            font-size: 26px
        }

        & .content-absolute {
            bottom: -83px
        }
    }

    #news {
        .row {
            gap: 32px;

            & .flex-mobol {
                display: flex;
                gap: 15px;

                & p.text-title {
                    font-size: 20px !important
                }
            }

            & form {
                & label {
                    font-size: 15px
                }

                & button {
                    margin-top: 25px;
                    width: 100%;
                    margin-bottom: 48px
                }
            }
        }
    }

    #footer-sds {
        padding: 50px 25px;

        & .border-separator {
            margin-top: 84px
        }

        & .info-boston {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0;

            & p {
                margin: 25px 0;
                font-size: 17px;
                text-align: center
            }

            & a {
                width: 100%;
                text-align: center
            }
        }

        & .info-sds {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 0;

            & img {
                margin-top: 10px
            }

            & P {
                margin-top: 22px;
                text-align: center;
                font-size: 17px
            }

            & .links {
                margin-top: 10px
            }
        }
    }

    #footer-sds-bottom {
        padding: 48px 15px;

        .links-top-desk {
            display: none
        }

        .links-top-mobol {
            display: block !important;
            border-bottom: 1px solid #f2f2f2;
            padding-bottom: 25px
        }

        & .links-top {
            display: grid !important;
            gap: 0;
            grid-template-columns: repeat(2, 1fr);

            & div {
                width: fit-content;
                display: flex;
                flex-direction: column
            }

            a {
                padding: 10px 0;
                font-size: 18px
            }
        }

        & .mt-0-mobol {
            margin-top: 0 !important
        }

        & .links-bottom {
            & .ml-0-mobol {
                margin-left: 0 !important;
                padding: 0
            }

            & .d-none-desk {
                display: none
            }

            & .links-bottom-ul-mobol {
                display: flex !important;
                flex-direction: row;
                justify-content: space-between;

                & ul {
                    width: auto;
                    padding: 0
                }
            }

            & .mt-50-mobol {
                margin-top: 50px
            }

            & .absolute-content {
                position: initial
            }
        }

        & .text-boston {
            border-top: 1px solid #f2f2f2;
            padding-top: 25px;
            margin-top: 25px
        }
    }
}

@media only screen and (max-width:1199px) {
    .accordion-btn-client {
        display: none !important
    }

    #menu-mobile {
        max-height: 0;
        overflow-y: auto;
        transition: max-height .3s ease;
        display: block !important;

        &.visible-menu-mobile {
            max-height: 434px
        }

        & .header-search {
            border-top: 1px solid #CCCCCC;
            border-bottom: 1px solid #CCCCCC;
            padding: 20px 35px;

            & form {
                display: flex;
                justify-content: center;
                gap: 14px;

                & input {
                    padding: 10px 20px;
                    border: 1px solid #000;
                    outline: 0;
                    width: 100%
                }

                & button {
                    border: 1px solid #ccc
                }
            }
        }

        & .links-top {
            padding: 30px 35px;
            padding-bottom: 0;
            font-family: 'SST Heavy';

            & ul {
                padding: 0;
                border: 0;
                display: flex;
                flex-direction: column;
                gap: 7px;

                & a {
                    border: 0;
                    padding: 0;
                    color: white;
                    font-family: 'SST Heavy';
                    font-size: 23px;
                    color: #033A71;

                    &:hover {
                        color: #00becc
                    }

                    &.active {
                        color: #00becc
                    }
                }
            }
        }

        & #acordion-menu {
            padding: 0 35px;
            display: flex;
            flex-direction: column;
            margin-top: 8px;

            & .accordion-item {
                padding: 10px 0;
                border-top: 1px solid #F2F2F2;
                border-bottom: 1px solid #F2F2F2;

                & .accordion-button:not(.collapsed) {
                    color: #00becc
                }

                & button {
                    padding: 0;
                    background: white;
                    font-size: 20px;
                    color: #033A71;
                    font-family: 'SST Heavy';

                    &:focus {
                        box-shadow: none;
                        border-color: none
                    }

                    &:after {
                        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e)
                    }
                }

                & .accordion-body {
                    padding: 16px 0;
                    display: flex;
                    flex-direction: column;
                    gap: 4px;

                    & ul {
                        & li a {
                            padding: 0;
                            border: 0;
                            color: #033A71;
                            font-size: 20px;
                            font-family: 'SST Roman';

                            &:hover {
                                color: #00becc
                            }
                        }
                    }
                }
            }
        }
    }

    #menu-desktop {
        display: none !important
    }
}

@media only screen and (max-width:1300px) {
    #news .content-image {
        padding-right: 20px
    }

    #session-info .row .info h3 {
        padding-top: 0
    }

    #session-info .row .info p {
        font-size: 20px
    }

    #news p.text-title {
        font-size: 27px
    }

    #navbarSupportedContent .nav-item h5 {
        font-size: 12px;
    }

    .submenu-header .nav-link-title {
        font-size: 15px !important
    }

    .flex-options a:nth-child(2) {
        font-size: 17px !important
    }

    .main-navbar .navbar .navbar-nav .nav-item a {
        font-size: 14px !important
    }

    #navbarSupportedContent .nav-item a {
        font-size: 12px !important
    }

    .btn-client-header h2 button {
        font-size: 16px
    }

    .submenu-header .navbar .navbar-nav .nav-item {
        margin-right: auto
    }

    .main-navbar .container:nth-child(1) {
        padding: 0
    }

    #session-info .content-cards .card-info h4 {
        font-size: 19px
    }

    #session-info .content-cards .card-info a {
        max-width: 260px;
        min-width: 200px;
        width: auto;
    }

    #area-blog-home {
        & .card-post {
            max-width: 274px
        }

        & .posts-desk-carrousel,
        .posts-desk-carrousel .container {
            padding: 0 !important
        }
    }

    #bg-leap .item-left {
        padding: 93px 70px 91px 50px
    }

    .navbar-expand-md .navbar-collapse {
        gap: 0
    }

    nav .nav-item {
        margin-left: 10px !important;
        margin-right: 10px !important
    }

    .specialities-links {
        gap: 24px;

        & div {
            padding: 0
        }
    }
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: #0153cc;
}