@media (max-width: 1240px) {

    .vc_section[data-vc-full-width]>.vc_row.rounded-row {
        margin-top: -100px !important;
        margin-left: 30px;
        margin-right: 30px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body:not(.home) .vc_section.banner-section,
    .home .vc_section.banner-section .vc_row {
        padding-bottom: 65px !important;
    }

}

@media (max-width: 1212px) {

    .site-header .container {
        padding: 16px;
    }

    section.full-width-with-margins {
        width: auto !important;
        left: 0 !important;
        margin-left: 15px;
        margin-right: 15px;
        border-radius: 20px;
        margin-top: 0;
    }

    .vc_row:not(.vc_inner) {
        padding: 0 15px;
    }

    .vc_section .vc_row .templatera_shortcode .vc_row.vc_column-gap-10 {
        padding-left: 0;
        padding-right: 0;
    }

    .vc_column_container>.vc_column-inner {
        /*padding-left: 25px !important;*/
        /*padding-right: 25px !important;*/
    }

    .vc_row.vc_column-gap-10 {
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .vc_section .vc_row .templatera_shortcode .vc_row.vc_column-gap-10,
    .vc_section .vc_row.vc_inner.vc_column-gap-10 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .vc_section .vc_row .templatera_shortcode .vc_row.vc_column-gap-10>.vc_column_container,
    .vc_row.vc_inner.vc_column-gap-10>.vc_column_container {
        padding: 0 !important;
    }

}

@media (max-width: 1050px) {

    .service-box .service-box-info {
        padding: 0 40px 0 15px;
    }

    .service-box .service-box-info .service-box-title {
        font-size: 20px;
    }

}

@media (max-width: 1024px) {

    h1 {
        font-size: 48px;
        line-height: 58px;
    }

    body:not(.home) h1 {
        font-size: 24px;
        line-height: 30px;
    }

    h2 {
        font-size: 38px;
        line-height: 46px;
    }

    h3 {
        font-size: 30px;
        line-height: 36px;
    }

    h4 {
        font-size: 26px;
        line-height: 32px;
    }

    h5 {
        font-size: 20px;
        line-height: 26px;
    }

    .spheretech-gradient-title {
        font-size: 42px;
        line-height: 48px;
        margin-bottom: 30px;
    }

}

@media (max-width: 990px) {

    footer .footer-bottom img {
        margin-bottom: 30px;
    }

    .main-navigation .menu-main-menu-container {
        transition: all 0.3s;
        visibility: hidden;
        opacity: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(35, 35, 35, 0.9);
        padding: 170px 20px 0;
    }

    .main-navigation ul {
        display: block;
    }

    header #site-navigation .menu-main-menu-container {
        overflow-y: scroll;
        overflow-x: hidden;
    }

    header #site-navigation .menu-main-menu-container > ul li a {
        padding: 10px 0;
        font-size: 20px;
    }

    header #site-navigation .menu-main-menu-container > ul > li {
        width: 100%;
        max-width: 250px;
        display: list-item;
    }

    .main-navigation.show .menu-main-menu-container {
        visibility: visible;
        opacity: 1;
    }

    .main-navigation .menu-toggle {
        display: block;
        z-index: 1;
        padding: 0;
    }

    .main-navigation li:after {
        content: none;
    }

    .main-navigation li:first-of-type {
        /*padding-left: 15px;*/
    }

    header #site-navigation .menu-main-menu-container>ul>li.menu-item-has-children:hover>.sub-menu,
    header #site-navigation .menu-main-menu-container>ul>li>ul>li.menu-item-has-children:hover>.sub-menu {
        position: relative;
        background: transparent;
        padding: 10px 0;
        width: calc(100vw - 35px);
        left: 0;
    }

    header #site-navigation .menu-main-menu-container>ul>li.menu-item-has-children>a:after,
    header #site-navigation .menu-main-menu-container>ul>li>ul>li.menu-item-has-children>a:after{
        content: "\221F";
        position: absolute;
        display: inline-block;
        top: 10px;
        right: 0;
        transform: rotate(225deg);
        color: #fff;
    }

    .main-navigation ul > li > ul > li {
        width: calc(100% - 50px);
    }

    .main-navigation ul ul.sub-menu:after {
        content: none;
    }

    .main-navigation ul ul a .arrow {
        display: none;
    }

    header #site-navigation .menu-main-menu-container > ul > li.current-menu-ancestor > a,
    header #site-navigation .menu-main-menu-container > ul > li:hover > a {
        
    }

    .main-navigation li {
        position: relative;
    }

    .main-navigation > div > ul > li > ul.sub-menu:after {
        background: transparent;
    }

    .main-navigation ul > li > ul > li > ul > li {
        margin-left: 0;
    }

}

@media (max-width: 950px) {

    .main-navigation a {
        font-size: 16px;
    }

    .main-navigation li {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (max-width: 768px) {

    .case-study-prev-wrap,
    .case-study-next-wrap {
        text-align: center;
    }

    .case-study-nav-all.wpb_content_element {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    h1 {
        font-size: 36px;
        line-height: 44px;
    }

    body:not(.home) h1 {
        font-size: 20px;
        line-height: 26px;
    }

    h2 {
        font-size: 25px;
        line-height: 34px;
    }

    h3 {
        font-size: 24px;
        line-height: 30px;
    }

    h4 {
        font-size: 22px;
        line-height: 28px;
    }

    h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .spheretech-testimonial.card-grey {
        margin-left: 0;
        top: -20px !important;
        border-radius: 0 0 20px 20px;
    }

    .pull-left {
        margin-top: 30px;
        margin-left: 0 !important;
        width: 100% !important;
    }

    .pull-right {
        width: auto !important;
    }

    .custom-button-wrap.align-left {
        text-align: center;
    }

    .custom-button-wrap.align-right {
        text-align: center;
    }

    .spheretech-gradient-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 25px;
    }

    .spheretech-parallax-bg,
    .spheretech-gradient-block {
        margin-bottom: 35px;
    }

    .pull-right .spheretech-gradient-block, .pull-left .spheretech-gradient-block {
        margin-right: 0px;
    }

    .no-margin-top-mobile {
        margin-top: 0 !important;
    }

    .vc_tta-title-text {
        font-size: 21px;
    }

    .custom-button {
        padding: 20px 35px;
    }

    .square {
        aspect-ratio: 1 !important;
        height: auto !important;
    }

    .fluentform {
        padding: 20px;
    }

    .fluentform .ff-t-cell {
        margin-bottom: 10px;
    }

    .fluentform .ff-t-cell:last-of-type {
        margin-bottom: 0;
    }

}

@media (max-width: 500px) {

    .spheretech-parallax-bg {
        background-size: cover;
    }

    .main-navigation.show .menu-main-menu-container {
        padding-left: 0;
        padding-right: 0;
    }

    .fluentform .fluentform-step .step-nav {
        flex-direction: column-reverse;
        gap: 20px
    }

}