.col-md-12.checkbox label {
    color: var(--white);
}
@media only screen and (max-width: 1920px) and (min-width: 1445px) {
    header .container {
        max-width: 1500px;
    }
    .container {
        max-width: 1300px;
    }
}

@media only screen and (max-width: 1600px) {

    .mainbanner {
        height: 740px;
    }

    .navbar-nav .nav-item .nav-link {
        padding: 1.1rem;
    }

    header .form-inline .themeBtn {
        padding: 0.875rem 0.5em;
    }

    .pricingSec {
        padding: 3.5rem 0;
    }

    .aboutVideo {
        height: 425px;
    }

    .recoverySec .row+.row {
        margin-top: 30px;
    }

    .emergencyContent {
        margin: 0.25rem 0 0 1rem;
    }

    .emergencyContent p {
        margin-right: 0;
    }

    .emergencyPara {
        margin: 1rem 0 1.5rem 0;
    }

    .recoverySec {
        padding-bottom: 3rem;
    }

    .roadsideSec {
        padding: 3.8125rem 0 2.75rem 0;
    }

    .mapSec {
        padding: 4rem 0;
    }

    .safeWraps {
        padding: 2.8125rem 1rem;
        justify-content: center;
    }

    .secHeading {
        font-size: 2.2rem;
    }

    footer {
        padding-top: 3.8125rem;
    }

    .footBottom-main {
        margin-top: 3rem;
    }
    .inner-banner {
        height: 600px;
    }

    .inner-banner__content {
        top: 57%;
    }

    .inner-banner__content h1 {
        font-size: 3.5rem;
    }
    .team-cntnt h3 {
        font-size: 30px;
    }
    .team-wrap {
        margin-bottom: 30px;
    }
    section.team-section {
        padding: 3rem 0;
    }
    section.store-section {
        padding: 3rem 0;
    }
    .store-wrap {
        margin-bottom: 30px;
    }    

    .loginModal .popupcontent h3 {
        font-size: 2.5rem;
    }

    .loginModal .popupcontent {
        padding: 2.5em 3.5em;
    }

    .loginModal .popupform {
        margin-top: 1rem;
    }
    div#loginmodal .popupimg img {
        object-fit: cover;
    }
    .signupModal .popupimg {
        background: var(--white);
    }
    .signupModal .popupimg img {
        object-fit: contain;
    }
    .privacy, .terms {
        padding: 3.5rem 0;
    }
    .privacyContent h3, .termsContent h3 {
        font-size: 1.8rem !important;
    }
}

@media only screen and (max-width: 1445px) {
    .navbar-brand {
        width: 120px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: .85em;
    }
    .secHeading {
        font-size: 2rem;
    }
    .map-section div#zona {
        height: 460px !important;
    }
    .loginModal #map {
        height: 600px;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
    .mainbanner .swiper-button-next,
    .mainbanner .swiper-button-prev {display:none;}
    .pricingBox {
        padding: 1.75rem 1.5rem;
    }

    .roadsideHeading p {
        width: 100%;
    }

    .secHeading {
        font-size: 1.5rem;
    }

    .safeWraps {
        padding: 3rem 1.5rem;
    }

    .safeWraps p {
        margin-bottom: 1.1rem;
    }

    .safeText .themeBtn1 {
        padding: 1.2rem 2.2em;
    }

    .helpBox {
        padding: 1.5rem 2rem;
    }
    .inner-banner {
        height: 500px;
    }

    .inner-banner__content h1 {
        font-size: 3rem;
    }

    section.recoverySec.about-inner.padd-y .recoveryImage > img {
        width: 100% !important;
    }

    .about-inner .recoveryBox {
        height: 235px;
        right: -1.5rem;
        bottom: 0rem;
    }
    .map-section div#zona {
        height: 400px !important;
    }
    .loginModal .popupcontent {        
        height: 100%;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }
    .navbar-toggler {
        background: var(--white);
        color: var(--black);
        outline: none !important;
    }

    .navbar-toggler:hover {
        background: var(--primary);
        color: var(--white);
    }
    .navbar-collapse {
        background: var(--secondary);
        padding: 2em;
        border-radius: .5em;
        margin: 2em 0 1em;
    }
    .navbar-nav {
        gap: .375em;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 1em;
    }
    .form-inline {
        margin: 1rem 0 0;
        gap: 1rem;
        justify-content: center;
    }
    .mainbanner {
        height: 640px;
    }

    .mainbanner .slideOne {
        margin-top: 8rem;
    }

    .roadsideWrap img {
        height: 430px;
    }

    .mapWraps {
        gap: 0.5rem;
    }

    .safeBox img {
        height: 67vh;
    }

    .youtube-icon img {
        width: 100px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 0.6em;
    }
    .storiesSlider {
        margin: 0 1rem 0 0rem;
    }
    .storiesSec {
        padding: 4rem 0;
        margin-top: -3rem;
    }
    .service-inner .row:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    .mb-5, .my-5 {
        margin-bottom: 1.5rem !important;
    }
    .map-section div#zona {
        height: 350px !important;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }
    .mainbanner {
        height: 520px;
    }

    .mainbanner .slideOne {
        margin-top: 10rem;
    }

    .recoveryContent .themeBtn1 {
        padding: 1.45rem 1.3em;
    }

    .recoveryContent .btn-group {
        gap: 1.2rem;
    }

    .roadsideSec .swiper-button-next, .roadsideSec .swiper-button-prev {
        bottom: 1rem;
    }

    .roadsideSec .swiper-button-next {
        left: -36%;
    }

    .secHeading {
        font-size: 1.2rem;
    }

    .bookBtn {
        padding: 1.3125rem 2em;
    }

    footer {
        padding-top: 2.8125rem;
    }

    .backBtn {
        width: 135px;
    }

    .youtube-icon img {
        width: 80px;
    }

    .youtube-coming-heading {
        font-size: 2.7rem;
    }
    .padd-y {
        padding: 3rem 0;
    }
    .roadsideSlider {
        margin: 0 -12rem 0 0rem;
    }
    .inner-banner {
        height: 430px;
    }
    .service-inner__content {
        margin: 20px 0;
        padding: 2rem 2.5rem;
    }

    .service-inner__content .secHeading {
        font-size: 1.5rem;
    }

    .service-inner__content p {
        font-size: 14px;
    }

    .service-inner .row:nth-child(even) .service-inner__content {
        margin: 20px 0;
        padding: 2rem 2rem;
    }

    .service-inner .row:not(:last-child) {
        margin-bottom: 1rem;
    }

    .storiesSec:before {
        width: 65%;
    }

    .storiesBox {
        justify-content: center;
        left: 26%;
        padding-left: 10px;
    }

    .storiesSec {
        padding: 2.5rem 0;
    }
    ul.teamlinks li {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
    }

    ul.teamlinks {
        flex-flow: wrap;
    }

    .team-cntnt .themeBtn {
        font-size: 17px;
    }

    .team-cntnt h3 {
        font-size: 25px;
    }

    .team-cntnt {
        padding: 40px 10px;
    }
    .pricingModal .modal-dialog {
        max-width: 80%;
    }

}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }
    .themeBtn {
        font-size: 14px;
    }

    .themeBtn1 {
        padding: 1.2rem 2.5em;
    }

    .mainbanner p {
        width: 100%;
        margin: 1rem 0;
    }

    .secHeading {
        font-size: 1.7rem;
    }

    .pricingHeading {
        margin: 0 0 20px;
    }

    .pricingBox {
        height: auto;
        margin-bottom: 20px;
    }

    .checkAll {
        font-size: 14px;
    }

    .mt-5, .my-5 {
        margin-top: 1rem!important;
    }


    .aboutVideo {
    }

    .recoveryImage {
        margin-left: 30px;
    }

    .recoverySec .row+.row {
        margin-top: 0px;
    }

    .emergencyContent {
        margin: 20px 0 0;
    }

    .roadsideHeading p {
        margin: 1rem 0 0 0;
    }

    .roadsideHeading {
        margin-bottom: 1.5rem;
    }

    .roadsideSlider {
        margin: 0;
    }

    .roadsideWrap img {
        height: 360px;
    }

    .roadsideContent p {
        font-size: 14px;
    }

    .mapSec {
        padding: 2rem 0;
    }

    .mapHeading {
        position: static;
    }

    .mapImage {
        margin: 2rem 0 0;
    }

    .mapContent p {
        font-size: 14px;
    }

    .safeBox img {
        height: auto;
    }

    .safeWraps p {
        font-size: 15px;
        margin-bottom: 2rem;
    }

    .safeWraps .secHeading {
        font-size: 2rem;
        margin: 0 0 1.5rem;
    }

    .safeBox {
        margin-bottom: 1.5rem;
    }

    .helpForm p {
        font-size: 14px;
    }

    .helpForm .form-group label {
        font-size: 14px;
    }

    .helpForm .form-check label {
        font-size: 14px;
    }

    .quickContent p {
        font-size: 15px;
    }

    .quickContent ul li a span {
        font-size: 15px;
    }

    .quickContent ul li a {
        font-size: 15px;
    }

    .backBtn {
        height: 55px;
        bottom: 8rem;
    }

    .footBottom p {
        font-size: 14px;
    }

    .footBottom ul li a {
        font-size: 14px;
    }
    .recoveryContent p {
        width: 100%;
    }
    .about-inner .recoveryImage {
        margin-top: 3rem;
        margin-bottom: 1.2rem;
    }
    .storiesBox {
        position: static;
        padding: 0;
    }

    .storiesSec:before {
        width: 100%;
        border-radius: 0;
    }

    .storiesImg {
        padding: 0 20px;
    }

    .storiesSlider {
        margin: 0 1rem;
    }
    .storiesBox p {
        font-size: 15px;
        width: 100%;
    }

    .storiesBox {
        width: 100%;
        aspect-ratio: unset;
        margin: 10px 0 0;
    }

    .storiesImg {
        margin: 0 0 2rem;
    }

    .usersName h3 {
        font-size: 14px;
    }
    .team-wrap figure img {
        width: 100%;
    }
    .team-wrap {
        margin-bottom: 20px;
    }
    section.store-section .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .product-main {
        margin: 20px 0 0;
    }
    .loginModal #map {
        margin-top: 50px;
        height: 290px;
    }
    .loginModal .popupcontent {
        height: auto;
        padding: 1.5em 1.5em;
    }
    div#loginmodal .popupimg img {
        height: auto;
    }
    .signupModal .popupimg img {
        height: auto;
    }
    .signupModal .popupcontent {
        height: auto;
        padding: 2.5em 2.5em;
    }
    .privacy, .terms {
        padding: 2rem 0;
    }
}

@media (max-width: 575.98px) {
    .mainbanner .swiper-pagination {
        bottom: 0.6rem;
    }
    .pricingBottom .btn-group {
        gap: 10px;
        flex-direction: column;
    }
    .recoveryWrap {
        gap: 0.5rem;
        flex-direction: column;
    }
    .recoveryBox {
        position: static;
        width: 100%;
    }

    .recoveryImage {
        margin: 0 0 1.5rem;
    }

    .aboutVideo {
        width: 100%;
        height: 185px;
    }

    .recoverySec {
        padding-bottom: 1rem;
    }

    .roadsideSec {
        padding: 1.8125rem 0 2.75rem 0;
    }

    .roadBottoms {
        margin: 1.5rem 0 0 0rem;
        flex-direction: column;
        gap: 1rem;
    }

    .roadBottoms p {
        width: 100%;
        font-size: 14px;
    }

    .mapWraps {
        flex-flow: wrap;
    }

    .mapImage iframe {
        height: 300px;
    }

    .safeWraps {
        position: static;
        padding: 0rem 0rem;
    }

    .safeBox img {
        display: none;
    }

    .helpBox {
        padding: 0rem 0rem;
    }

    .helpForm {
        padding: 1.125rem 1.125rem;
    }

    .smallHeading {
        font-size: 15px;
    }
    .helpSec {
        padding: 0 1.75rem;
    }
    .inner-banner__content h1 {
        font-size: 2.5rem;
    }

    .inner-banner__content {
        left: 0;
        right: 0;
        padding: 0 20px;
    }

    .inner-banner__content p {
        font-size: 14px;
    }
    section.team-section {
        padding: 2rem 0;
    }
    section.store-section .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .privacyContent h3, .termsContent h3 {
        font-size: 1.5rem !important;
    }
    .pricingModal .modal-dialog {
        margin: auto;
    }
    .backBtn a span {
        display: none;
    }

    .backBtn {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        bottom: 14rem;
        background: var(--white);
    }
}

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

#map {
    width: 100%;
    height: 800px;
    margin-top: 20px;
}
.color{
    color:var(--primary) !important;
    font-weight: 900 !important;
}