@media screen and (min-width: 1366px) {
    .container {
        max-width: 1560px;
    }
}

@media screen and (max-width: 1540px) {
    .cloud-img4 {
        left: -168px;
        bottom: 35px;
    }

    .banner-sec .image-holder {
        max-width: 577px;
        margin-left: auto;
    }

    .banner-sec .image-holder span {
        left: -60px;
        bottom: 73px;
    }

    .how-do-left {
        max-width: 490px;
        margin: 0 auto;
    }

    .circles-cloud2 {
        right: -30px;
    }
}

@media screen and (max-width: 1365px) {
    .banner-left .text-box h1 {
        font-size: 44px;
        line-height: 54px;
    }

    .banner-left .text-box p {
        font-size: 16px;
        line-height: 24px;
        margin: 20px 0;
    }

    .primary-btn {
        height: 50px;
        font-size: 16px;
        padding: 0 15px;
    }

    .banner-left .text-box ul {
        gap: 10px;
    }

    .banner-sec .image-holder {
        max-width: 470px;
        margin-left: auto;
    }

    .banner-img {
        border-radius: 220px 0 220px 0;
    }

    .banner-sec .image-holder span {
        left: -54px;
        bottom: 60px;
    }

    .banner-sec .image-holder span img {
        height: 120px;
    }

    .cloud-img4 {
        left: -140px;
        bottom: 20px;
    }

    .cloud-img4 img {
        height: 80px;
    }

    .cloud-img3 {
        right: 100px;
    }

    .cloud-img2 {
        right: 20px;
    }

    .cloud-img2 img {
        height: 80px;
    }

    .cloud-img1 {
        left: 40px;
    }

    .cloud-img1 img {
        height: 120px;
    }

    .hiToco-easier-inner {
        border-radius: 350px 12px;
    }

    .get-start-box .text-box .text-inner h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .get-start-box .text-box .text-inner p {
        font-size: 14px;
    }

    .cloud1 img,
    .cloud3 img {
        height: 120px;
    }

    .cloud3 {
        left: 50px;
    }

    .how-do-inner .text-box p {
        font-size: 16px;
        line-height: 22px;
    }

    .how-do-inner .text-box {
        padding: 30px;
    }

    .how-do-left {
        max-width: 380px;
        margin: 0 auto;
    }

    .flying-icon {
        left: -120px;
    }

    .flying-icon img {
        height: 130px;
    }

    .resources-box {
        gap: 24px;
    }

    .resources-box {
        gap: 16px;
        padding: 16px;
    }

    .resources-box .image-holder {
        max-width: 180px;
        width: 100%;
    }

    .resources-box .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .circles-request-sec .text-box {
        margin-left: 0;
    }

    .modal-dialog {
        max-width: 93%;

    }
}

@media screen and (max-width: 1199px) {
    .header-bottom {
        padding: 20px 0;
    }

    header.sticky {
        transform: translateY(-35%);
    }

    .navbar-nav {
        gap: 30px;
        margin-left: 30px;
    }

    .banner-sec {
        padding: 80px 0 100px;
    }

    .banner-left .text-box h1 {
        font-size: 35px;
        line-height: 42px;
    }

    .banner-left .text-box p {
        font-size: 14px;
        line-height: 20px;
        margin: 16px 0;
    }

    .primary-btn {
        height: 46px;
        font-size: 14px;
        padding: 0 10px;
    }

    .banner-sec .image-holder {
        max-width: 400px;
        margin-left: auto;
    }

    .cloud-img3 {
        right: 100px;
    }

    .cloud-img3 img {
        height: 110px;
    }

    .banner-sec .image-holder span {
        bottom: 30px;
    }

    .cloud-img4 {
        left: -100px;
        bottom: 14px;
    }

    .cloud-img4 img {
        height: 65px;
    }

    .services-box p {
        font-size: 16px;
    }

    .cloud-img1 img {
        height: 80px;
    }

    .title h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .companion-box p {
        font-size: 18px;
        line-height: 22px;
    }

    .companion-box {
        padding: 30px;
        max-width: 350px;
        width: 100%;
    }

    .get-companion-inner .image-holder {
        margin: 0 -90px 0 -20px;
    }

    .training-inner .text-box h3 {
        font-size: 30px;
    }

    .training-inner .text-box p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 15px;
    }

    .hiToco-easier-inner {
        border-radius: 200px 12px;
    }

    .hiToco-easier-box {
        margin: 0 auto 20px;
        padding: 60px 0 40px;
    }

    .discover-right .text-box {
        max-width: 400px;
        width: 100%;
    }

    .discover-right .text-box h4 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .discover-right .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .discover-right .discoverSwiper {
        padding: 30px 0;
        margin: 0;
    }

    .recommend-box {
        border-radius: 80px 0px;
        padding: 50px 16px;
    }

    .recommend-box p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .nav-pills {
        margin: 40px auto;
    }

    .get-start-box {
        padding: 20px;
    }

    .get-start-box .text-box .text-inner h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .get-start-box .text-box span {
        font-size: 18px;
    }

    .get-start-box .text-box .text-inner p {
        font-size: 12px;
        line-height: 18px;
        min-height: 110px;
    }

    .accordion-button {
        font-size: 16px;
        line-height: 22px;
    }

    .cloud1 img,
    .cloud3 img {
        height: 100px;
    }

    .footer-link ul li a {
        font-size: 12px;
        word-break: break-all;
        line-height: normal;
    }

    .footer-link .text-box p {
        font-size: 12px;
    }

    .hiToco-easier-box .text-box h4 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .diagnosis-sec {
        padding: 50px 0;
    }

    .how-do-sec {
        padding: 50px 0;
    }

    .flying-icon {
        left: -55px;
        bottom: -110px;
    }

    .star2 {
        left: -55px;
    }

    .professional-circles-page .cloud-img4 {
        left: -48px;
        bottom: -24px;
    }

    .circles-cloud2 {
        right: -20px;
        bottom: -60px;
    }

    .circles-cloud1 {
        top: 15px;
        right: -30px;
    }

    .circles-cloud1 {
        height: 90px;
    }

    .advantage-box ul li p {
        font-size: 16px;
        line-height: 24px;
    }

    .order-access-box .text-box h4 {
        line-height: 24px;
        font-size: 20px;
    }

    .professional-circles-page .get-start-box {
        height: 355px;
    }

    .cloud-icon1 {
        top: -45px;
        right: -60px;
    }

    .cloud-icon1 img {
        height: 160px;
    }

    .circles-request-sec .image-holder span {
        left: 20px;
    }

    .cloud-icon3 {
        left: -30px;
    }

    .cloud-icon3 img {
        height: 75px;
    }

    .cloud-icon2 img {
        height: 80px;
    }

}

@media screen and (max-width: 991px) {
    header.sticky {
        transform: translateY(-38%);
    }

    .navbar-brand img {
        height: 36px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    .navbar-nav {
        gap: 10px;
        margin-left: 15px;
    }

    .header-right a {
        font-size: 13px;
    }

    .header-right a img {
        height: 8px;
    }

    .banner-sec {
        padding: 32px 0 70px;
    }

    .banner-sec .image-holder {
        margin: 40px auto 0;
    }

    .cloud-img3 {
        right: -20px;
    }

    .banner-left {
        height: auto;
        position: relative;
    }

    .services-inner .swiper-pagination {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-top: 32px;
    }

    .services-inner .swiper-pagination-bullet-active {
        width: 48px;
        height: 6px;
        border-radius: 4px;
        transition: all 0.5sease-in-out;
    }

    .box1 {
        border-radius: 30px 30px 0px 30px;
    }

    .companion-box {
        padding: 22px;
        max-width: 270px;
        width: 100%;
    }

    .companion-box p {
        font-size: 14px;
        line-height: 16px;
    }

    .get-companion-inner .image-holder {
        margin: 0 -70px 0 -20px;
    }

    .get-companion-inner .image-holder img {
        height: 220px;
    }

    .get-companion-inner {
        margin: 50px 0 0 0;
    }

    .training-inner .text-box h3 {
        font-size: 24px;
    }

    .training-inner .text-box p {
        margin-top: 10px;
    }

    .training-inner .text-box ul {
        gap: 6px;
        margin-top: 15px;
    }

    .primary-btn {
        font-size: 13px;
    }

    .hiToco-easier-inner {
        border-radius: 230px 12px;
    }

    .hiToco-easier-inner .title {
        max-width: 560px;
        margin: 0 auto 30px;
    }

    .hiToco-easier-inner {
        padding: 100px 40px;
    }

    .hiToco-easier-box {
        padding: 30px 0;
    }

    .hiToco-easier-box .text-box h4 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .hiToco-easier-box .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .discover-right .text-box p {
        font-size: 13px;
        line-height: 20px;
        max-width: 315px;
    }

    .discover-right .swiper-pagination {
        right: 0;
    }

    .get-start-box .text-box .text-inner p {
        font-size: 14px;
        line-height: 20px;
        min-height: 110px;
    }

    .title h2 {
        font-size: 28px;
        line-height: 40px;
    }

    .cloud1 img,
    .cloud3 img {
        height: 70px;
    }

    .cloud2 img {
        height: 75px;
    }

    .footer-link ul li a {
        font-size: 13px;
    }

    .footer-link .text-box p {
        font-size: 13px;
    }

    .recommend-inner .swiper-pagination {
        flex-direction: row;
        justify-content: center;
        position: static;
        margin-top: 32px;
    }

    .recommend-inner .swiper-pagination-bullet-active {
        width: 9px !important;
        height: 9px !important;
    }

    .wrapper {
        padding-top: 124px;
    }

    .do-access-sec .hiToco-easier-box .text-box {
        gap: 16px;
    }

    .do-access-sec .hiToco-easier-box .text-box span {
        font-size: 24px;
        width: 40px;
        height: 40px;
    }

    .diagnosis-inner .text-box h4 {
        font-size: 28px;
    }

    .diagnosis-inner .text-box p {
        font-size: 14px;
        margin: 30px 0;
    }

    .how-do-inner .text-box {
        padding: 20px;
        border-radius: 30px 30px 30px 0px;
    }

    .star1 {
        right: 40px;
        top: -55px;
    }

    .star3 {
        left: 140px;
        bottom: -60px;
    }

    .flying-icon {
        left: -30px;
        bottom: -75px;
    }

    .flying-icon img {
        height: 90px;
    }

    .star2 {
        left: -32px;
    }

    .recipe-services-inner .contact-form {
        padding: 32px;
    }

    .resources-box .text-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .professional-circles-page .rating span {
        font-size: 11px;

    }

    .professional-circles-page .banner-left {
        position: relative;
        z-index: 100;
    }

    .professional-circles-page .banner-left .text-box h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .circles-cloud2 img {
        height: 150px;
    }

    .circles-cloud2 {
        bottom: -60px;
    }

    .professional-circles-page .banner-sec {
        padding: 50px 0 50px;
    }

    .strength-sec .text-box h4 {
        font-size: 26px;
    }

    .strength-sec .text-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .strength-img {
        border-radius: 164px 0 164px 0;
    }

    .advantage-box {
        padding: 24px;
    }

    .advantage-box h4 {
        font-size: 24px;
    }

    .advantage-box ul li {
        gap: 14px;
        margin-bottom: 20px;
    }

    .order-access-box .text-box p {
        min-height: 72px;
    }

    .order-access-box {
        margin: 8px 0;
    }

    .professional-circles-page .get-start-box {
        height: auto;
    }

    .get-info {
        max-width: 525px;
    }

    .circles-request-sec .text-box h4 {
        font-size: 26px;
    }

    .circles-request-img {
        border-radius: 160px 0 160px 0;
    }

    .professional-circles-page .banner-sec .text-box ul li a.primary-btn {
        font-size: 12px;
    }

    .regulation-detail {
        gap: 14px;
    }

    .regulation-box {
        gap: 16px;
    }

    .regulation-box .text-box .media h5 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .regulation-box .text-box .media p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 14px;
    }

    .diga-info-sec .text-box h3 {
        font-size: 36px;
        line-height: 46px;
    }

    .diga-page .hiToco-easier-inner {
        padding: 40px 16px;
        background-color: #fff;
        border-radius: 64px 0px;
    }

    .diga-page .hiToco-easier-box .image-holder {
        text-align: center;
        max-width: 143px;
        margin: 0 auto 24px;
    }

    .diga-page .hiToco-easier-box .text-box h4 {
        margin-bottom: 24px;
    }

    .diga-page .hiToco-easier-box .text-box p {
        margin-bottom: 20px;
    }

    .diga-page .hiToco-easier-box .text-box ol li img {
        height: 24px;
        margin: 2px 0 0 0;
    }

    .diga-info-sec .text-box img {
        height: 135px;
    }

    .diga-info-sec .text-box h3 {
        font-size: 32px;
        line-height: 120%;
        margin-top: 24px;
    }

    .diga-info-sec .text-box p {
        font-size: 18px;
        line-height: 150%;
        margin: 32px auto 40px;
    }

    .diga-info-sec .text-box .primary-btn {
        font-size: 16px;
        height: 56px;
    }

    .diga-page .banner-sec {
        padding: 32px 0 80px;
    }

    .training-inner .text-box {
        margin: 0;
    }

    .diga-page .training-inner .primary-btn {
        width: 100%;
        max-width: 348px;
        margin: 8px auto 0;
        display: flex;
    }

    .diga-page .resources-parents-sec {
        padding: 0 0 80px;
    }

    .diga-page .resources-parents-inner {
        margin: 32px auto 0;
    }

    .diga-page .advantage-box {
        margin: 18px 0;
    }

    .resources-parents-inner h5 {
        color: #323232;
        text-align: center;
        font-size: 18px;
        text-align: center;
        font-weight: 400;
        margin-bottom: 32px;
        line-height: 150%
    }

    .advantage-access .text-box .primary-btn {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        height: 56px;
        margin-top: 32px;
    }

    .modal-body {
        padding: 40px 24px;
    }

    .bottom-text .primary-btn {
        max-width: 100%;
    }
    .discover-right .swiper-pagination {
        position: static;
        margin-top: 20px;
    }
    
}

@media screen and (max-width: 767px) {
    .impressum-page h2 {
        font-size: 32px;
    }
    .widget a  {
        hyphens: auto;
    }
    .advantage-inner .col-md-6 {
        max-width: 100%;
        padding-right: 0;
    }
    .field {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .field.bool {
        margin-bottom: 0;
    }
    #am-cf-11 {
        margin-bottom: -15px;
    }
    #form-content {
        padding: 0;
    }
    #nav_menu-4 {
        margin-bottom: 0;
    }
    .header-right .dropdown-menu {
        display: block !important;
    }
    .header-right .full-width-menu {
        position: static;
    }
    .header-bottom {
        background: #F0F6FA !important;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    header {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    .bottom-text span {
        font-size: 28px !important;
    }
    .bottom-text a span  {
        font-size: 16px !important; 
    }
    .discover-media .discover-holder img {
        width: calc(100% - 4px);
        margin: 0 auto;
        display: block;
    }
    .services-inner .swiper-pagination-bullet-active {
        background: #002692;
        width: 8px;
        height: 8px !important;
        box-shadow: none;
        border-radius: 0;
    }
    .container {
        max-width: 100%;
        padding: 0 16px;
    }

    .wrapper {
        overflow: hidden;
        padding-top: 20px;
    }
    .regulation-page .wrapper {
        overflow: visible; 
    }

    .header-top {
        padding: 12px 28px;
    }

    .header-top .text-box a img {
        height: 16px;
    }

    .header-top .text-box a {
        justify-content: center;
    }

    .header-bottom {
        padding: 16px 0;
    }

    .navbar-brand img {
        height: 24px;
    }
    .header-bottom .container{
        padding: 0;
    }
    .navbar {
        padding: 0 16px;
    }
    .navbar-toggler {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 0;
        border: none;
    }

    .menu-close {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .menu-open {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .menu-close {
        display: block;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }

    .navbar-collapse {
        background-color: #F0F6FA;
        width: 100%;
        border-radius: 0 0 10px 12px;
    }
    .navbar-collapse.navbar-yellow{
        background-color: #FFF7F0;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 20px;
        line-height: 24px;
    }

    .header-right {
        margin: 32px 0;
    }
    .header-right .dropdown-menu {
        background: #F0F6FA;
        padding-bottom: 0;
    }
    .header-right .widget-title {
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 20px;
    }

    .navbar-nav {
        gap: 24px;
        padding: 32px 16px;
        margin-left: 0;
        border-bottom: 4px solid #D4E7F2;
    }

    .banner-left .text-box h1 {
        font-size: 32px;
        line-height: 120%;
        text-align: center;
    }

    .cloud-img3 img {
        height: 69px;
    }

    .cloud-img3 {
        right: auto;
        left: -10px !important;
        top: -15px !important;
    }

    .cloud-img2 {
        right: 0px;
        bottom: 12px;
    }

    .cloud-img2 img {
        height: 55px;
    }

    .banner-sec .image-holder span {
        bottom: -9px;
        left: 43px;
    }

    .cloud-img4 {
        left: -50px;
        bottom: -16px;
    }

    .banner-img {
        border-radius: 220px 0 220px 0;
        position: relative;
    }

    .banner-left .text-box p {
        font-size: 18px;
        line-height: 150%;
        margin: 51px 0 40px;
        text-align: center;
    }

    .primary-btn {
        font-size: 14px;
        padding: 0 20px;
    }

    .banner-left .text-box ul {
        gap: 16px;
        justify-content: center;
    }

    .banner-sec {
        padding: 32px 0 40px;
    }

    .services-sec {
        padding: 40px 0 80px;
    }

    .training-sec {
        padding: 80px 0 0;
    }

    .training-inner .text-box h3 {
        font-size: 32px;
        line-height: 120%;
        text-align: center;
    }

    .training-inner .image-holder {
        margin: 32px 40px 40px;
    }

    .training-inner .text-box p {
        margin-top: 0;
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 32px;
    }

    .training-inner .text-box ul {
        margin-top: 0;
    }

    .hiToco-easier-inner {
        padding: 0;
        background-color: transparent;
    }

    .title h2 {
        font-size: 32px;
        line-height: 120%;
    }

    .title p {
        font-size: 18px;
        line-height: 150%;
        margin: 30px auto 0;
    }

    .hiToco-easier-detail {
        background-color: #fff;
        border-radius: 64px 0;
        padding: 32px 16px;
    }

    .hiToco-easier-box .text-box h4 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0;
    }

    .hiToco-easier-box .text-box {
        max-width: 100%;
    }

    .hiToco-easier-box .text-box .media {
        display: flex;
        margin-bottom: 16px;
        gap: 16px;
        align-items: center;
    }

    .hiToco-easier-box .image-holder {
        text-align: center;
        max-width: 96px;
    }

    .hiToco-easier-box .text-box p {
        font-size: 16px;
        line-height: 150%;
    }

    .hiToco-easier-box {
        padding: 0;
        margin-bottom: 40px;
    }

    .hiToco-easier-box:last-child {
        margin: 0;
    }

    .hiToco-easier-inner .title {
        margin: 0 auto 40px;
    }

    .discover-right {
        margin-top: 40px;
        height: auto;
    }

    .discover-right .text-box h4 {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 120%;
    }

    .discover-right .text-box p {
        font-size: 16px;
        line-height: 150%;
        max-width: 100%;
    }

    .discover-right .text-box {
        max-width: 100%;
        width: 100%;
    }

    .discover-right .discoverSwiper {
        padding: 0;
        margin: 0;
    }

    .swiper-pagination {
        flex-direction: row;
        justify-content: center;
        position: static;
        margin-top: 32px;
    }

    .swiper-pagination-bullet-active {
        width: 48px;
        height: 9px;
    }

    .start-now {
        max-width: 343px;
        margin: 40px auto 0;
    }

    .title span img {
        height: 136px;
    }

    .recommend-box p {
        font-size: 18px;
        line-height: 150%;
        margin-bottom: 24px;
        font-weight: 500;
    }

    .recommend-box {
        border-radius: 64px 0px;
        padding: 32px;
    }

    .recommend-inner {
        margin: 40px auto 0;
    }

    .nav-pills .nav-item .nav-link {
        padding: 17px 0;
        font-size: 14px;
        letter-spacing: 0.28px;
    }

    .nav-pills {
        margin: 32px auto 40px;
        max-width: 344px;
    }

    .get-start-box {
        padding: 16px 16px 24px 16px;
    }

    .get-start-box .text-box .text-inner h4 {
        font-size: 20px;
        margin-bottom: 12px;
        line-height: 140%;
    }

    .get-start-box .text-box span {
        font-size: 20px;
    }

    .get-start-box .text-box .text-inner p {
        font-size: 16px;
        line-height: 150%;
        min-height: auto;
    }

    .faq-sec {
        padding: 40px 0;
    }

    .faq-inner h3 {
        font-size: 24px;
        line-height: 120%;
    }

    .accordion {
        margin: 30px 0 22px 0;
    }

    .accordion-button {
        font-size: 18px;
        line-height: 150%;
    }

    .accordion-item {
        margin: 6px 0;
        padding: 16px;
    }

    .strengthen-sec {
        padding: 40px 0 80px;
    }

    .cloud1 img,
    .cloud3 img {
        height: 102px;
    }

    .cloud3 {
        left: -50px;
        top: -36px;
    }

    .cloud2 {
        right: -60px;
        top: 115px;
    }

    .cloud1 {
        display: none;
    }

    footer {
        padding: 40px 0;
        background: #FFF7F0 url(../images/footer-bg-mobile.svg) no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .footer-link ul li {
        margin-bottom: 7px;
    }

    .footer-link ul li a {
        font-size: 16px;
        line-height: 150%;
    }

    .footer-link h4 {
        font-size: 18px;
    }

    .footer-link .text-box p {
        font-size: 16px;
        line-height: 150%;
    }

    .footer-link {
        margin: 0 0 15px 0;
    }
    footer.bg-transparent {
        padding-top: 60px;
        padding-left: 10px;
    }
    #thank-you-message .h2 {
        font-size: 34px;
    }

    .footer-link ol {
        margin-top: 0;
    }

    .footer-link.media {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .copyright {
        flex-direction: column;
        margin: 12px 0 0 0;
    }

    .copyright p {
        font-size: 14px;
        line-height: 150%;
        margin-bottom: 16px;
    }

    .copyright ul li {
        font-size: 14px;
        line-height: 150%;
    }

    .title span img {
        height: 120px;
    }

    .hiToco-easier-list {
        /*background-color: #fff;
        border-radius: 64px 0 0 64px;
        padding: 24px 16px 40px;*/
    }

    .hiToco-easier-list .hiToco-easier-box .text-box h4 {
        margin-bottom: 16px;
    }

    .do-access-sec .hiToco-easier-box .text-box span {
        font-size: 24px;
        width: 32px;
        height: 32px;
    }

    .hiToco-easier-list .hiToco-easier-box .image-holder {
        max-width: 96px;
        margin: 0 auto 16px;
    }

    .hiToco-easier-box .start-now {
        max-width: 100%;
        font-size: 16px;
        margin: 16px auto 0 !important;
    }

    .do-access-sec .nav-pills {
        margin: 0 auto 24px;
    }

    .diagnosis-sec {
        padding: 0 0 68px 0;
    }

    .diagnosis-inner .image-holder {
        max-width: 100%;
        width: 100%;
    }

    .diagnosis-inner .image-holder img {
        width: 100%;
    }

    .diagnosis-inner .text-box {
        text-align: center;
        margin-top: 32px;
    }

    .diagnosis-inner .text-box h4 {
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.32px;
    }

    .diagnosis-inner .text-box p {
        line-height: 150%;
        font-size: 16px;
        margin: 32px 0;
    }

    .diagnosis-inner .text-box span {
        margin-bottom: 16px;
        line-height: 100%;
    }

    .diagnosis-inner .text-box a {
        line-height: 100%;
        margin-bottom: 12px;
    }

    .how-do-sec {
        padding: 80px 0;
    }

    .how-do-inner .image-holder {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 40px;
    }

    .how-do-inner .image-holder img {
        width: 100%;
    }

    .how-do-left {
        max-width: 100%;
        margin: 0 auto;
    }

    .how-do-inner .text-box {
        padding: 32px;
        border-radius: 64px 64px 64px 0px;
    }

    .how-do-inner .text-box p {
        font-size: 20px;
        line-height: 140%;
        letter-spacing: -0.2px;
    }

    .how-do-inner .text-box .start-now {
        max-width: 100%;
        margin: 32px auto 0;
        font-size: 16px;
        height: 56px;
    }

    .flying-icon img {
        height: 109px;
    }

    .flying-icon {
        left: 5px;
        bottom: -96px;
    }

    .how-do-sec {
        padding: 80px 0 160px;
    }

    .star2 {
        display: none;
    }

    .star3 {
        left: 181px;
        bottom: -42px;
        max-width: 26px;
    }

    .star1 {
        right: 32px;
        max-width: 26px;
        top: auto;
        bottom: -100px;
    }

    .how-do-page .faq-sec {
        padding: 40px 0 80px;
    }

    .how-do-page .strengthen-sec {
        padding: 80px 0;
    }

    .recipe-services-inner h5 {
        font-size: 24px;
        line-height: 120%;
        letter-spacing: -0.24px;
    }

    .recipe-services-inner .contact-form {
        padding: 40px 16px;
        margin: 24px auto 0;
    }

    .recipe-services-inner {
        //padding: 64px 0 0;
    }

    .recipe-box {
        margin-bottom: 20px;
    }

    .recipe-box h6 {
        font-size: 20px;
        line-height: 140%;
        margin-bottom: 32px;
        letter-spacing: -0.2px;
    }

    .file-feild p {
        font-size: 14px;
        line-height: 150%;
    }

    .recipe-box:last-child {
        margin: 0;
    }

    .contact-form form .form-group {
        margin-bottom: 24px;
    }

    .resources-parents-sec {
        padding: 32px 0 80px;
    }

    .resources-parents-box h4 {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 20px;
    }

    .resources-parents-inner {
        margin: 64px auto 0;
    }

    .resources-box {
        margin: 8px 0;
    }

    .professional-circles-page .banner-left .text-box h1 {
        font-size: 32px;
        line-height: 120%;
        letter-spacing: -0.32px;
    }

    .professional-circles-page .banner-sec .image-holder {
        margin: 46px auto;
    }

    .professional-circles-page .banner-left .text-box p {
        margin: 0 0 40px;
    }

    .strength-sec .text-box h4 {
        font-size: 32px;
        line-height: 120%;
        text-align: center;
    }

    .strength-sec .text-box .image-holder {
        margin: 32px 0;
    }

    .strength-sec .text-box p {
        font-size: 16px;
        line-height: 150%;
        margin: 0 0 20px 0;
    }

    .advantage-box {
        padding: 24px 16px;
        margin: 8px 0;
    }

    .advantage-box ul li {
        gap: 16px;
        margin-bottom: 20px;
    }

    .advantage-box strong {
        margin-bottom: 24px;
    }

    .advantage-box strong img {
        height: 105px;
    }

    .advantage-box ul {
        margin-top: 24px;
    }

    .advantage-access {
        margin: 56px auto 0;
        border-radius: 64px 64px 0px 64px;
    }

    .advantage-access .text-box {
        border-radius: 64px 64px 0px 64px;
        background: #FFF;
        padding: 32px;
    }

    .advantage-access .text-box p {
        font-size: 20px;
        line-height: 140%;
        letter-spacing: -0.2px;
    }

    .position-edit .hi-logo {
        right: -8px;
        bottom: -63px;
    }

    .hi-logo img {
        height: 96px;
    }

    .access-star2 {
        position: absolute;
        right: 138px;
        top: auto;
        bottom: -20px;
    }

    .access-star2 img,
    .access-star img {
        height: 22px;
    }

    .access-star {
        position: absolute;
        left: 0;
        top: auto;
        bottom: -40px;
    }

    .professional-circles-page .hiToco-easier-inner {
        padding: 40px 16px;
        background-color: #fff;
        border-radius: 64px 0px;
    }

    .professional-circles-page .hiToco-easier-box .text-box h4 {
        margin-bottom: 24px;
    }

    .professional-circles-page .hiToco-easier-box .image-holder {
        margin: 0 auto 24px;
        max-width: 143px;
    }

    .order-access-inner {
        margin: 40px auto 0;
    }

    .order-access-box .text-box h4 {
        font-size: 18px;
    }

    .order-access-box .text-box p {
        min-height: auto;
        font-size: 14px;
    }

    .collaboration-sec .image-holder {
        margin: 40px auto 0;
    }

    .professional-circles-page .get-start-inner {
        margin: 32px auto 0;
    }

    .professional-circles-page .get-start-box .text-box {
        margin: 16px 0 0;
    }

    .professional-circles-page .get-start-box .text-box .text-inner h4 {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 140%;
    }

    .get-info .text-box {
        border-radius: 0px 64px 64px 64px;
        padding: 32px;
    }

    .get-info .text-box h6 {
        font-size: 20px;
        line-height: 140%;
        letter-spacing: -0.2px;
    }

    .get-info .text-box ul li p {
        font-size: 16px;
        line-height: 150%;
    }

    .get-info .text-box ul li {
        gap: 16px;
    }

    .get-info {
        margin: 32px auto 0;
    }

    .hi-logo2 img {
        height: 96px;
    }

    .hi-logo2 {
        bottom: -56px;
        left: 0;
    }

    .info-star2 {
        position: absolute;
        right: 0;
        bottom: -40px;
    }

    .info-star2 img,
    .info-star img {
        height: 26px;
    }

    .info-star2 {
        position: absolute;
        right: 16px;
        bottom: -32px;
    }

    .info-star {
        position: absolute;
        left: 50%;
        top: auto;
        transform: translate(-50%, 0);
        bottom: -61px;
    }

    .professional-circles-page .discover-sec {
        padding: 80px 0 40px;
    }

    .professional-circles-page .faq-sec {
        padding: 40px 0 80px;
    }

    .circles-request-sec .text-box h4 {
        font-size: 30px;
        line-height: 120%;
        text-align: center;
    }

    .circles-request-img {
        border-radius: 144px 0px;
    }

    .circles-request-sec .image-holder {
        margin: 32px 0 40px;
    }

    .regulation-sec .title span img {
        height: 112px;
    }

    .access-star3 {
        display: none;
    }

    .regulation-sec {
        padding: 32px 0 80px;
        overflow: visible;
    }

    .regulation-detail {
        gap: 16px;
        flex-direction: column;
        padding-bottom: 20px;
        padding-left: 26px;
        position: sticky;
        top: 0;
    }

    .regulation-detail span {
        margin-left: -26px;
    }

    .regulation-box {
        gap: 24px;
        padding: 16px;
        margin-left: 0;
    }

    .dsash-line {
        left: 5px;
    }

    .regulation-inner {
        margin: 64px auto 0;
    }

    .modal-body .text-box h4 {
        font-size: 26px;
        margin: 20px 0;
    }

    .prescription-inner {
        margin-top: 40px;
    }

    .training-inner .text-box {
        margin: 0;
        max-width: 100%;
    }

    .training-inner .image-holder img {
        width: 100%;
    }

    .regulation-box .text-box .primary-btn {
        width: 100%;
        padding: 0 9px;
    }
    .strengthen-section .title img{
        width: auto;
    }
    .image-holder img {
       /* border-radius: 180px 0 180px 0;*/
    }
    .so-widget-wph-intractive-section-form-fields .hiToco-easier-box .text-box h4 {
        margin-bottom: 10px;
    }
    .get-companion-inner {
       flex-direction: column;
    }
    .companion-box {
        max-width: 100%;
    }
    .companion-box.box2 {
        margin: 0;
    }
    .box1 {
        margin-bottom: 25px;
    }
    .get-companion-inner .image-holder {
        margin: 0 auto;
        order: 2;
    }
    .box2 {
        border-radius: 56px 56px 0 56px;
    }
    .box3 {
        border-radius: 56px 56px 0 56px;
        margin-top: 25px;
    }
}

@media screen and (max-width: 575px) {
    .none-padding .discover-left .discover-media {
        left: 4px;
        top: 20px;
        height: 232px;
    }
    .discover-left .discover-media {
        left: 10px;
        top: 28px;
        height: 232px;
    }
    .cloud-img3 {
        right: auto;
        left: -70px;
        top: -15px;
    }

    .cloud-img2 {
        right: -50px;
        bottom: 12px;
    }

    .cloud-img4 {
        left: -16px;
        bottom: -16px;
    }

    .banner-img {
        border-radius: 144px 0 144px 0;
        position: relative;
    }

    .banner-left .text-box ul {
        flex-direction: column;
        width: 100%;
    }

    .banner-left .text-box ul li,
    .banner-left .text-box ul li a {
        width: 100%;
    }

    .primary-btn {
        font-size: 16px;
        width: 100%;
        height: 56px;
    }

    .services-box p {
        font-size: 18px;
        line-height: 150%;
        text-align: left;
    }

    .training-inner .text-box ul {
        grid-template-columns: 12fr;
    }

    .discover-left .image-holder {
        max-width: 150px;
    }

    .discover-media {
        position: absolute;
        left: 10px;
        top: 70px;
        height: 218px;
        overflow: hidden;
        max-width: 130px;
    }

    .how-do-page .strengthen-inner .cloud3 {
        left: -90px;
        top: 44px;
    }

    .how-do-page .strengthen-inner .cloud2 {
        right: -60px;
        top: 195px;
    }

    .start-now {
        margin: 40px auto 0;

    }

    .document-box ul {
        gap: 12px;
        flex-direction: column;
    }

    .resources-box {
        flex-direction: column;
    }

    .resources-box .image-holder {
        max-width: 100%;
        width: 100%;
    }

    .resources-box .text-box h5 {
        font-size: 20px;
        line-height: 140%;
        margin-bottom: 16px;
        text-align: left;
    }

    .resources-box .text-box p {
        font-size: 16px;
        line-height: 150%;
    }

    .resources-box .text-box .media {
        margin-bottom: 30px;
    }
    .diga-page .resources-box .text-box .media {
        margin-bottom: 0;
    }

    .resources-box {
        gap: 16px;
        padding: 16px 16px 24px 16px;
    }

    .resources-box .image-holder img {
        height: auto;
    }

    .professional-circles-page .banner-sec {
        padding: 24px 0 40px;
    }

    .professional-circles-page .banner-sec .image-holder {
        margin: 46px auto 79px;
    }

    .professional-circles-page .banner-sec .image-holder span img {
        height: 86px;
    }

    .professional-circles-page .banner-sec .image-holder span {
        left: 37px;
        bottom: -25px;
    }

    .professional-circles-page .cloud-img4 {
        left: -14px;
        bottom: -47px;
    }

    .professional-circles-page .cloud-img4 img {
        height: 62px;
    }

    .circles-cloud1 {
        height: 90px;
        right: auto;
        left: -65px;
        top: -14px;
    }

    .circles-cloud1 img {
        height: auto;
    }

    .circles-cloud2 {
        bottom: -30px;
        right: -62px;
    }

    .circles-cloud2 img {
        height: 55px;
    }

    .professional-circles-page .rating span {
        font-size: 14px;
    }

    .professional-circles-page .rating {
        flex-direction: column;
    }

    .strength-sec .text-box p {
        margin: 0 0 40px 0;
    }

    .order-access-box .text-box h4 {
        font-size: 20px;
        line-height: 140%;
    }

    .order-access-box .text-box p {
        min-height: auto;
        font-size: 16px;
        line-height: 150%;
        margin: 20px 0 31px;
    }

    .cloud-icon1 {
        top: -26px;
        right: -86px;
    }

    .cloud-icon1 img {
        height: 135px;
    }

    .cloud-icon2 {
        right: -72px;
        bottom: 58px;
    }

    .cloud-icon2 img {
        height: 67px;
    }

    .circles-request-sec .image-holder span img {
        height: 87px;
    }

    .circles-request-sec .image-holder span {
        left: 7px;
        bottom: -15px;
    }

    .cloud-icon3 {
        left: -45px;
        bottom: -27px;
    }

    .cloud-icon3 img {
        height: 63px;
    }

    .circles-request-sec .text-box .primary-btn {
        width: 100%;
    }

    .professional-circles-page .banner-sec .text-box ul li {
        width: 100%;
    }

    .professional-circles-page .banner-sec .text-box ul li a.primary-btn {
        font-size: 16px;
    }

    .regulation-box {
        flex-direction: column;
        padding: 16px 16px 24px 16px;
    }

    .regulation-box .text-box .media h5 {
        font-size: 20px;
        line-height: 140%;
    }

    .regulation-box .text-box .media p {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 20px;
    }

    .regulation-box .text-box .media {
        margin-bottom: 32px;
    }

    .regulation-box .image-holder,
    .regulation-box .image-holder img {
        max-width: 100%;
        width: 100%;
    }

    .regulation-sec .advantage-access .text-box p {
        font-size: 20px;
    }

    .access-star2 {
        bottom: -40px;
    }

    .helpful-documents-sec .title h2 {
        font-size: 24px;
    }

    .helpful-documents-sec .title p {
        color: #FF0000;
        font-size: 18px;
        line-height: 150%;
        margin-top: 24px;
    }

    .helpful-documents-sec .resources-box {
        flex-direction: column-reverse;
        gap: 24px;
    }

    .resources-demo-page .order-access-sec {
        padding: 32px 0 80px;
    }

    .resources-demo-page .resources-parents-sec {
        padding: 80px 0;
    }

    .resources-demo-page .resources-box {
        gap: 24px;
    }

    .self-payer h4 {
        font-size: 24px;
    }

    .self-payer .text-box {
        margin: 32px auto 0;
        padding: 16px;
    }

    .self-payer {
        padding: 64px 0 0 0;
    }

    .close-btn img {
        height: 14px;
    }

    .close-btn {
        top: 16px;
        right: 16px;
    }

    .dsash-line {
        left: 5px;
        height: 100%;
    }

    .dsash-line img {
        height: 100%;
    }
}