@media (min-width: 600px) and (max-width: 1370px) {

    body {
        margin-top: 92px;
    }

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

    .mobile-menu {
        display: block;
    }

    #text-editor .alignleft {
        float: left;
        margin: 0 0 30px 0;
        width: 100%;
    }

    #text-editor .alignright {
        float: left;
        margin: 0 0 30px 0;
        width: 100%;
    }

    .hamburger.is-active:hover,
    .hamburger:hover {
        opacity: 1;
    }

    .hamburger {
        display: inline-block !important;
        padding: 0 !important;
        position: absolute;
        right: 5%;
        top: 35px;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        height: 2px;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner:after,
    .hamburger.is-active .hamburger-inner:before {
        background-color: #F75724;
    }

    #hero .right {
        display: none;
    }

    #header .buttons {
        display: block;
        position: absolute;
        top: 19px;
        right: 13%;
    }

    #header .buttons .btn.outline {
        color: #0C0932;
        border: 2px #0C0932 solid;
        margin-left: 10px;
    }

    #header ul.menu {
        display: none !important
    }

    #header,
    #header.sticky {
        background: #fff;
        width: 100%;
        height: 92px;
        padding: 30px 0 0;
    }

    .logo,
    sticky .logo {
        background-image: url('../img/logo2.svg');
        height: 30px;
        width: 186px;
    }

    #header.sticky .logo {
        margin-top: 0;
    }

    #hero h6 {
        font-size: 14px;
        line-height: 1.2;
    }

    #features .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #features-7 .left {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }

    .footer-menus {
        display: flex;
    }

    .carousel-wrap {
        width: 100%;
        margin: 75px 0 0 0;
    }

    .page-template-sector-1 .carousel-wrap,
    .page-template-sector-2 .carousel-wrap,
    .page-template-sector-3 .carousel-wrap {
        margin: 120px 0 0 0;
    }

    #cta.sm h3 {
        font-size: 31px;
    }

    #features.two {
        padding: 75px 0 75px;
    }

    #cta h3 {
        font-size: 32px;
    }

    #features-5 .owl-carousel p {
        font-size: 19px;
    }

    #features-5 .owl-carousel {
        margin: 120px auto 75px auto;
        max-width: 92%;
    }

    #features-5 .card {
        padding: 30px;
    }

    #features-5 .stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    #features-7 .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    #features,
    #features-3,
    #features-6,
    #features-5,
    #count {
        padding: 75px 0 0;
    }

    .switcher h3 {
        font-size: 22px;
    }

    .toggle button {
        font-size: 9px;
    }

    #features-2 .left .inner {
        width: 100%;
        padding: 30px;
    }

    #features-2 .inner h3 {
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    #features-2 .left {
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }

    #features-2 .left img {
        float: left;
        height: auto;
        width: 100%;
        margin-right: 0;
    }

    #features-5 .owl-carousel .owl-nav button.owl-prev,
    #features-7 .owl-carousel .owl-nav button.owl-prev {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        margin: 0;
        display: inline-block;
        width: max-content;
        padding: 16px 20px;
        background-color: #F75724;
        border-radius: 5px;
        text-decoration: none;
        line-height: 1;
        border: 2px #F75724 solid;
        position: absolute;
        top: -50px;
        left: 0;
        height: 50px;
        width: 50px;
        margin-top: -25px;
        line-height: 62px;
    }

    .page-id-11533 #text-editor .alignleft,
    .page-id-11533 #text-editor .aligncenter,
    .page-id-11533 #text-editor .alignright,
    .parent-pageid-11518 #text-editor .alignleft,
    .parent-pageid-11518 #text-editor .aligncenter,
    .parent-pageid-11518 #text-editor .alignright {
        width: 100%;
        margin-top: auto;
    }

    #features-5 .owl-carousel .owl-nav button.owl-next,
    #features-7 .owl-carousel .owl-nav button.owl-next {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        margin: 0 0 30px 0;
        display: inline-block;
        width: max-content;
        padding: 16px 20px;
        background-color: #F75724;
        border-radius: 5px;
        text-decoration: none;
        line-height: 1;
        border: 2px #F75724 solid;
        position: absolute;
        top: -50px;
        left: 60px;
        height: 50px;
        width: 50px;
        margin-top: -25px;
        line-height: 62px;
    }

    #features .grid,
    #features-2 .grid {
        margin: 20px 0 0 0;
    }

    #features-7 .grid img {
        max-width: 100%;
        height: auto;
        float: left;
        height: auto;
        width: 100%;
        margin: 0 0px 20px 0;
    }

    #footer {
        padding: 50px 0 0;
    }

    #features-7 .right {
        float: right;
        width: 100%;
        margin: 20px 0 0 0;
    }

    .switcher ul li {
        font-size: 12px;
    }

    .btn {
        font-size: 14px;
        padding: 16px 12px;
    }

    #features-3 .grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    #banner {
        padding: 50px 0 50px;
        min-height: 1px;
    }

    #features .grid,
    #features.two .grid,
    #features .grid,
    #features-2 .grid,
    #features-7 .grid {
        display: grid !important;
    }

    #cta.stats .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
        text-align: center;
        margin: 30px 0 0 0;
    }

    .switcher.two h3 {
        margin: 30px 0 20px 0;
    }

    .switcher.two .content {
        width: 100%;
        margin: 0 0;
        float: right;
    }

    .switcher.two img {
        width: 100%;
        margin: 0;
        float: left;
        position: relative;
        bottom: auto;
    }

    .switcher.two .toggle {
        width: 100%;
    }

    .switcher {
        width: 100%;
    }

    .title-block h3,
    #features-7 .title-block h3 {
        font-size: 32px;
    }

    #text-editor:has(.aligncenter) .container.md,
    #text-editor:has(.alignleft) .container.md,
    #text-editor:has(.alignright) .container.md,
    .container,
    .container.lg,
    .container.md,
    .container.sm {
        max-width: 90%;
    }

    #hero .left {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }

    #hero h1,
    #banner h1 {
        font-size: 32px;
    }

    #hero {
        padding: 75px 0 0;
    }

    #features.three {
        padding: 75px 0 75px;
    }

    .page-id-338 #features.three {
        padding-top: 0;
        margin-top: -60px;
    }

    .page-id-11533 #text-editor:has(.alignleft),
    .page-id-11533 #text-editor:has(.aligncenter),
    .page-id-11533 #text-editor:has(.alignright),
    .parent-pageid-11518 #text-editor:has(.aligncenter),
    .parent-pageid-11518 #text-editor:has(.alignleft),
    .parent-pageid-11518 #text-editor:has(.alignright) {
        text-align: left;
        padding: 75px 0 75px;
    }

}

@media all and (max-width:600px) {

    body {
        margin-top: 92px;
    }

    #grid {
        padding: 50px 0;
    }

    .grid-items {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .grid-item__image-img {
        height: 240px;
    }

    .grid-item__content {
        padding: 25px;
    }

    .page-id-11533 #text-editor .alignleft,
    .page-id-11533 #text-editor .aligncenter,
    .page-id-11533 #text-editor .alignright,
    .parent-pageid-11518 #text-editor .alignleft,
    .parent-pageid-11518 #text-editor .aligncenter,
    .parent-pageid-11518 #text-editor .alignright {
        width: 100%;
        margin-top: auto;
    }

    .page-id-11533 #text-editor:has(.alignleft),
    .page-id-11533 #text-editor:has(.aligncenter),
    .page-id-11533 #text-editor:has(.alignright),
    .parent-pageid-11518 #text-editor:has(.aligncenter),
    .parent-pageid-11518 #text-editor:has(.alignleft),
    .parent-pageid-11518 #text-editor:has(.alignright) {
        text-align: left;
        padding: 75px 0 75px;
    }

    #text-editor .alignleft {
        float: left;
        margin: 0 0 30px 0;
        width: 100%;
    }

    #text-editor .alignright {
        float: left;
        margin: 0 0 30px 0;
        width: 100%;
    }

    .mobile-menu {
        display: block;
    }

    .hamburger.is-active:hover,
    .hamburger:hover {
        opacity: 1;
    }

    .hamburger {
        display: inline-block !important;
        padding: 0 !important;
        position: absolute;
        right: 5%;
        top: 35px;
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        height: 2px;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner:after,
    .hamburger.is-active .hamburger-inner:before {
        background-color: #F75724;
    }

    #hero .right,
    #header .buttons {
        display: none;
    }

    #header ul.menu {
        display: none !important
    }

    #header,
    #header.sticky {
        background: #fff;
        width: 100%;
        height: 92px;
        padding: 30px 0 0;
    }

    .logo,
    sticky .logo {
        background-image: url('../img/logo2.svg');
        height: 30px;
        width: 186px;
    }

    #header.sticky .logo {
        margin-top: 0;
    }

    #hero h6 {
        font-size: 14px;
        line-height: 1.2;
    }

    #features-7 .left {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }

    .footer-menus {
        display: block;
    }

    .carousel-wrap {
        width: 100%;
        margin: 75px 0 0 0;
    }

    .page-template-sector-1 .carousel-wrap,
    .page-template-sector-2 .carousel-wrap,
    .page-template-sector-3 .carousel-wrap {
        margin: 120px 0 0 0;
    }

    #cta.sm h3 {
        font-size: 31px;
    }

    #features.two {
        padding: 75px 0 75px;
    }

    #cta h3 {
        font-size: 32px;
    }

    #features-5 .owl-carousel p {
        font-size: 19px;
    }

    #features-5 .owl-carousel {
        margin: 120px auto 75px auto;
        max-width: 92%;
    }

    #features-5 .card {
        padding: 30px;
    }

    #features-5 .stats-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    #features-7 .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    #features,
    #features-3,
    #features-6,
    #features-5,
    #count {
        padding: 75px 0 0;
    }

    .switcher h3 {
        font-size: 22px;
    }

    .toggle button {
        font-size: 9px;
    }

    #features-2 .left .inner {
        width: 100%;
        padding: 30px;
    }

    #features-2 .inner h3 {
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    #features-2 .left {
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }

    #features-2 .left img {
        float: left;
        height: auto;
        width: 100%;
        margin-right: 0;
    }

    #features-5 .owl-carousel .owl-nav button.owl-prev,
    #features-7 .owl-carousel .owl-nav button.owl-prev {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        margin: 0;
        display: inline-block;
        width: max-content;
        padding: 16px 20px;
        background-color: #F75724;
        border-radius: 5px;
        text-decoration: none;
        line-height: 1;
        border: 2px #F75724 solid;
        position: absolute;
        top: -50px;
        left: 0;
        height: 50px;
        width: 50px;
        margin-top: -25px;
        line-height: 62px;
    }

    #features-5 .owl-carousel .owl-nav button.owl-next,
    #features-7 .owl-carousel .owl-nav button.owl-next {
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        margin: 0 0 30px 0;
        display: inline-block;
        width: max-content;
        padding: 16px 20px;
        background-color: #F75724;
        border-radius: 5px;
        text-decoration: none;
        line-height: 1;
        border: 2px #F75724 solid;
        position: absolute;
        top: -50px;
        left: 60px;
        height: 50px;
        width: 50px;
        margin-top: -25px;
        line-height: 62px;
    }

    #features .grid,
    #features-2 .grid {
        margin: 120px 0 0 0;
    }

    #features-7 .grid img {
        max-width: 100%;
        height: auto;
        float: left;
        height: auto;
        width: 100%;
        margin: 0 0px 20px 0;
    }

    #footer {
        padding: 50px 0 0;
    }

    #features-7 .right {
        float: right;
        width: 100%;
        margin: 120px 0 0 0;
    }

    .switcher ul li {
        font-size: 12px;
    }

    .btn {
        font-size: 14px;
        padding: 16px 12px;
    }

    #features-3 .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    #banner {
        padding: 50px 0 50px;
        min-height: 60vh;
    }

    #features .grid,
    #features.two .grid,
    #features .grid,
    #features-2 .grid,
    #features-7 .grid {
        display: block !important;
    }

    #cta.stats .stats-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
        text-align: center;
        margin: 30px 0 0 0;
    }

    .switcher.two h3 {
        margin: 30px 0 20px 0;
    }

    .switcher.two .content {
        width: 100%;
        margin: 0 0;
        float: right;
    }

    .switcher.two img {
        width: 100%;
        margin: 0;
        float: left;
        position: relative;
        bottom: auto;
    }

    .switcher.two .toggle {
        width: 100%;
    }

    .switcher {
        width: 100%;
    }

    .title-block h3,
    #features-7 .title-block h3 {
        font-size: 32px;
    }

    #text-editor:has(.aligncenter) .container.md,
    #text-editor:has(.alignleft) .container.md,
    #text-editor:has(.alignright) .container.md,
    .container,
    .container.lg,
    .container.md,
    .container.sm {
        max-width: 90%;
    }

    #hero .left {
        float: left;
        width: 100%;
        margin: 0 0 0 0;
    }

    #hero h1,
    #banner h1 {
        font-size: 32px;
    }

    #hero {
        padding: 75px 0 0;
    }

    #features.three {
        padding: 75px 0 75px;
    }

    .page-id-338 #features.three {
        padding-top: 0;
        margin-top: -60px;
    }

}