@media(min-width:768px) {

    .col-ps {
        padding-left: 50px;
    }

    .col-pe {
        padding-right: 50px;
    }

    .col-ps-1 {
        padding-left: 50px;
    }

    .col-pe-1 {
        padding-right: 50px;
    }

    .no-break {
        white-space: nowrap;
    }

    .recaptch-cover-body {
        width: 65%;
        margin: 0 auto
    }
}



@media(min-width:768px) and (max-width:1200px) {}

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

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

}

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


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

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 992px;
    }
}

@media(min-width:992px) {}

@media(min-width:1200px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 1200px;
    }

    .col-ps-1 {
        padding-left: 80px;
    }

    .col-pe-1 {
        padding-right: 80px;
    }

}

@media(min-width:1200px) and (min-height:600px) {
    .menu-content {
        padding: 50px 0px 40px;
    }
}

@media(min-width:1200px) and (min-height:700px) {
    .menu-content {
        padding: 100px 0px 50px;
    }
}

@media(min-width:1320px) {}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}

@media(min-width:1600px) and (min-height:600px) {}

@media(min-width:1400px) and (min-height:700px) {}

@media(min-width:1400px) and (min-height:900px) {}

@media(max-height:532px) {
    .menu-items a.btn-default {
        padding: 8px 12px 8px 15px;
        font-size: 20px;
    }
}
@media (max-height: 502px) {
    .menu-items a.btn-default {
        padding: 6px 12px 6px 15px;
    }
}
@media (max-height:475px) {
    .menu-items a.btn-default {
        padding: 4px 12px 4px 15px;
    }
}
@media (max-height: 445px) {
    .menu-items a.btn-default {
        padding: 3px 12px 3px 15px;
        font-size: 16px;
    }
    .btn-icon {
    font-size: 18px;
    width: 24px;
    height: 24px;
}
}

@media(max-width:1400px) {
    .isl-3 .main-card p {
        font-size: 17px;
    }
}

@media(max-width:1200px) {
    .feature-bg-line {
        display: none;
    }

    .feature-circle {
        display: none;
    }

    .cm-line-5 {
        height: 170px;
        bottom: -170px;
    }
}

@media(max-width:1024px) {}

@media(max-width:992px) {}

@media(max-width:768px) {
    body {
        font-size: 16px;
        padding-top: 80.14px;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 20px;
    }

    .main-hero h1 {
        font-size: 50px;
    }

    .main-hero h2 {
        font-size: 50px;
        font-weight: bold;
    }

    footer {
        font-size: 16px;
    }

    .footer-row {
        flex-direction: column;
    }

    .footer-item {
        width: 100% !important;
        flex: 0 0 100% !important;
        padding: 30px 0px !important;
        border: 0px;
        position: relative;
    }

    .footer-item::after {
        content: '';
        width: calc(100% + 48px);
        height: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        position: absolute;
        right: -24px;
        top: 0px;
    }

    .footer-top {
        border-bottom: 0px;
    }

    .footer-item .footer-links a.footer-menu-item {
        font-size: 16px;
    }

    .footer-item h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .footer-item .social-links {
        flex-direction: column;
        gap: 5px;
    }

    .footer-top .footer-item:nth-child(1) {
        padding: 12px 15px 14px !important
    }

    .footer-top .footer-item:nth-child(1)::after {
        display: none;
    }

    .footer-bottom {
        padding: 0px 12px 30px;
    }

    .copy-right {
        padding-top: 30px;
    }

    .copy-right::after {
        content: '';
        width: calc(100% + 24px);
        height: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        position: absolute;
        right: -12px;
        top: 0px;
    }

    .hamburger-cover .btn-default {
        display: none;
    }

    .logo {
        width: 160px;
    }

    .header {
        padding: 8px 0px;
    }

    .hero {
        background-attachment: initial;
    }

    .main-hero {
        min-height: auto;
        height: auto;
        padding-top: 50px;
        padding-bottom: 160px;
    }

    .h1-shape-1 {
        position: absolute;
        top: -26px;
        right: -12px;
        width: 40px;
    }

    .hero-shape-right {
        right: 30px;
        bottom: -72px;
        filter: invert(1) brightness(1000);
        transform: rotate(72deg);
        opacity: .75;
        width: 160px;
    }

    .hero-arrow {
        display: none;
    }

    .btn-default {
        font-size: 16px;
        font-weight: 400;
    }

    .extra-p {
        font-size: 18px;
        font-style: normal;
    }

    .long-line {
        display: none;
    }

    .row.services-row .col-md-3 {
        margin-bottom: 230px;
    }

    .row.services-row .col-md-3:last-child {
        margin-bottom: 0px;
    }

    .service-item::before {
        content: '';
        width: calc(100% + 48px);
        left: -24px;
        top: -171.5px;
        position: absolute;
        height: 0px;
        border-bottom: 3px solid var(--skyblue);
    }

    .check-list {
        flex-direction: column;
    }

    .list-item {
        width: 100%;
        flex: 0 0 100%;
    }

    .isl-4 .check-list {
        flex-direction: column;
    }

    .isl-4 .list-item {
        width: 100%;
        flex: 0 0 100%;
    }

    .cta-inner {
        padding: 20px;
    }

    .cta {
        padding-top: 400px;
        background-image: url(../images/cta-1-mobile.jpg);
        background-position: 30% 100%;
    }

    .home-1:before {
        height: 50%;
        background-position: top left;
    }

    .fullscreen-menu .menu-header {
        padding: 8px 0px;
    }

    .feature-row-2 {
        margin-top: 50px;
    }

    .isl-3 .col-md-4::before {
        width: 100%;
        height: 0%;
        border-right: 0px;
        border-bottom: 1.5px solid rgba(0, 0, 0, .2);
        top: auto;
        bottom: -24px;
        transform: translatey(0px);
    }

    .smm-3::before {
        background-size: contain;
    }

    .smm-6 {
        padding-top: 50px;
    }

    .om-last .col-md-5 {
        padding-bottom: 100px;
    }

    .om-last .col-md-5::after {
        height: calc(100% + 100px);
    }

    .om-last .list-item {
        width: 100%;
        flex: 0 0 100%;
    }

    .om-big-box {
        padding: 50px 20px;
    }

    .mas-4-men-image img.men-image {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    .mas-4-left {
        padding-bottom: 0px;
    }

    .mas-5 .main-card {
        margin-bottom: 140px;
    }

    .mas-5 .col-md-4:last-child .main-card {
        margin-bottom: 0px;
    }

    .cm-5-icon {
        top: 0px;
        width: 100px;
        height: 100px;
    }

    .cm-5-icon .cm-line {
        display: none;
    }

    .cm-5-row {
        padding: 0px 20px;
        padding-top: 180px;
    }

    .cm-5-card {
        padding: 15px 12px;
    }

    .cm-5-row::before {
        content: '';
        width: 0px;
        height: 100%;
        border-right: 1.5px solid var(--skyblue);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0px;
    }

    .recaptch-cover .recaptch-cover-header {
        padding: 10px;
    }

    .captcha-instruction-row {
        flex-direction: column;
        padding: 12px;
        gap: 20px;
        justify-content: start;
        align-items: start;
    }

    .captcha-instruction-text {
        font-size: 16px;
        font-weight: 400;
    }

    .captcha-sequence {
        gap: 15px;
        padding: 0px 10px;
    }

    .captcha-option {
        width: auto;
        height: auto;
        border-radius: 0px;
        border: 0px !important;
        background: transparent !important;
    }

    .captcha-selection-area {
        padding: 12px;
    }

    .selection-number {
        width: 20px;
        height: 20px;
        font-size: 12px;
        position: absolute;
        top: -5px;
        right: -5px;
        background-color: var(--blue-1);
    }

    .captcha-status {
        margin-top: 15px;
        padding: 10px;
        border-radius: 5px;
        font-weight: 400;
        font-size: 14px;
    }

    .legal-pages h2 {
        font-size: 24px;
    }
    .hero-7 {
    background-position: center right;
}
}