@media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
}

@media(max-width:1600px) {
    .imageslider {
        height: 640px;
    }

    ul.nav-links li a,
    ul.nav-links.registers li::after {
        font-size: 15px;
    }

    .alllinks-holders {

        gap: 100px;
    }

    section.smarterway-sec {
        padding: 60px 0px 0px 0px;
    }

    .loginusres-profiles a {
        height: 50px;
        width: 50px;
        font-size: 18px;
    }

    .stayhaead-holders {
        max-width: 1000px;
        min-height: 500px;
    }

    section.stayahead-sec {
        padding: 70px 0px;
    }

    section.transform-sec {
        padding: 60px 0px;
    }

    section.signup-sec {
        padding: 60px 0px;
    }

    .modal-box {

        padding: 30px 50px;


    }
/* 
    section.innerbanner-sec {
        padding: 60px 0px;
    } */


}

@media(max-width:1400px) {
    :root {
        --fs-30: 22px;
        --fs-50: 40px;
        --fs-20: 18px;
        --fs-18: 16px;
        --fs-40: 30px;
        --fs-24: 20px;
        --lh-28: 26px;
        --fs-26: 22px;
    }

    .logo-only {
        max-width: 75px;
    }

    ul.nav-links {

        gap: 20px;
    }

    .universal-anchor a,
    .grid-registers .universal-anchor a {
        font-size: 14px;
        padding: 10px 15px;
    }

    .alllinks-holders {
        gap: 60px;
    }

    .fs-30,
    .fs-50 {
        padding-bottom: 10px;
    }

    section.hompage-bannner p {
        font-size: 16px;
        line-height: 25px;
    }

    .onlycontent .universal-anchor {
        padding-top: 20px;
    }

    .imageslider {
        height: 540px;
    }

    .margin-top {
        margin-top: 67px;
    }

    section.smarterway-sec {
        padding: 40px 0px 0px 0px;
    }

    .grid-howwork {
        max-width: 1000px;
        padding: 30px;
        justify-content: space-between;
        gap: 30px;
    }

    p,
    label.dropdown-radio {
        font-size: 15px;
        line-height: 25px;
    }

    section.howitwork-sec {
        min-height: 700px;

    }

    .grid-features {
        gap: 20px;
    }

    section.montization-sec {
        padding: 50px 0px;
    }

    .grid-subcrption {
        gap: 20px;
    }

    .subrcptio-holders {
        max-width: 250px;
        min-height: 250px;
        padding: 10px;
    }

    .image-sunbscrption {
        max-width: 55px;
    }

    section.bloghome-sec {
        padding: 60px 0px 55px 0px;
    }

    .loginusres-profiles a {
        height: 40px;
        width: 40px;
        font-size: 14px;
    }

    .testmonial-images {
        max-width: 60px;
    }

    .stayhaead-holders {
        max-width: 900px;
        min-height: 400px;
    }

    section.stayahead-sec {
        padding: 50px 0px;
    }

    .stay-input input,
    .submit-btn button {
        height: 40px;
        font-size: 16px;
    }

    .transform-content {
        max-width: 500px;
    }

    .grid-transform {

        gap: 30px;
        max-width: 900px;
    }

    section.transform-sec {
        padding: 40px 0px;
    }

    .custom-footer p,
    .custom-footer a,
    ul.contact-infos li::after,
    .textarea-holders textarea {
        font-size: 16px;
    }

    ul.social-media {
        padding: 30px 0px;
    }

    .copy-rights {
        padding: 10px 0px;
        margin-top: 30px;
    }

    .signup-input input {
        height: 35px;

    }

    .signup-fields {
        padding-top: 30px;
    }

    .textheree {
        padding: 15px 0px;
    }

    .gettingstarted {
        padding-top: 10px;
    }

    .grid-role .dropdown-item,
    .dropdown-header {
        padding: 5px 10px;
    }

    .dropdown-radio {
        padding: 5px 0px;
        padding-left: 5px;
    }

    label.dropdown-radio input,
    .signup-input.grid input[type="checkbox"] {
        height: 15px;
        width: 15px;
    }

    .dropdown-radio {
        padding: 5px 0px !important;
        padding-left: 10px !important;
    }

    .signup-input label {
        font-size: 15px;
    }

    .submit-signup button {
        height: 36px;
        font-size: 16px;
        font-size: 15px;
    }

    .submit-signup {
        padding-top: 10px;
    }

    section.signup-sec {
        padding: 40px 0px;
    }

    .formsignup-holders {
        max-width: 850px;
    }

    .modal-box {
        padding: 40px 50px;
    }

    .close-icon svg,
    .close-icon img {
        height: 20px;
        width: 20px;
    }

    ul.listlink-onboard {
        gap: 15px;
    }

    section.buyeronboard-sec {
        padding: 60px 0px;
    }

    .universal-onboard input,
    .universal-onboard input::-webkit-input-placeholder,
    .universal-onboard select,
    .universal-onboard option,
    .only-label p,
    .universal-onboard label,
    .onboarding-holders label,
    .universal-onboard select,
    .textarea-holders textarea {
        font-size: 15px;
    }



    .universal-onboard input {
        border: 1px solid var(--color-BBB);
        height: 35px;
        padding: 0px 10px;
    }

    .gridderopedown,
    .universal-onboard select {
        padding: 2px 10px;
    }

    .dropwdown-date-here {
        padding: 10px;
    }

    .grid-radiobtns label.custom-label,
    .grid-radiobtns.no-bgabcd label.custom-label {

        padding: 5px 15px;
        min-width: 50px;
    }

    .universal-onboard {
        margin-bottom: 20px;
    }

}

@media(max-width:1199px) {
    :root {
        --fs-30: 18px;
        --fs-50: 35px;
        --fs-18: 16px;
        --fs-40: 25px;
        --fs-24: 18px;
        --fs-20: 16px;
    }

    .grid-header,
    ul.nav-links,
    .grid-registers {
        display: block;

    }

    .alllinks-holders {
        display: block;
    }

    ul.nav-links.registers li::after {
        display: none;
    }

    ul.nav-links.mains,
    .grid-registers {
        display: none;
    }

    ul.nav-links li {
        padding-bottom: 10px;
    }

    .alllinks-holders {
        height: 70vh;
        overflow: hidden;
        overflow-y: scroll;
        padding-bottom: 30px;
        display: none;
    }

    .mobile-grid {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 30px;
    }

    .menu-icon {
        display: block;
    }

    .margin-top {
        margin-top: 78px;
    }

    section.howitwork-sec {
        min-height: 540px;
    }

    .border-bottoms {
        padding-right: 0px;
    }

    .onlysmarter {
        padding-left: 30px;
    }

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

    .blog-content {
        padding: 15px;
    }

    .grid-subcrption .subrcptio-holders:nth-child(odd) {
        transform: none;
    }

    .geidmontized {
        flex-direction: column-reverse;
    }

    section.montization-sec,
    section.bloghome-sec {
        padding: 40px 0px;
    }

    ul.nav-links.mains {
        margin-left: 0;
        padding-top: 30px;
    }

    .grid-registers {
        padding-bottom: 30px;
    }

    .testimonial-holders {
        padding: 20px;
    }

    section.testmonial-sec {
        padding: 40px 0px;
    }

    .testmonial-sliders {
        padding-top: 30px;
    }

    .stayhaead-holders {
        border-radius: 20px;
        padding: 20px;
    }

    .grid-forms {
        padding-top: 30px;
    }

    section.transform-sec {
        padding: 30px 0px;
    }

    /* section.innerbanner-sec {
        padding: 40px 0px;
    } */

    ul.listlink-onboard {

        top: 15%;
    }

    .onlytitle-here {
        padding-bottom: 20px;
    }

    .border-box,
    .textarea-holders textarea {
        padding: 10px;
    }

    .loginusres-profiles {
        margin-bottom: 10px;
    }


}

@media(max-width:991px) {
    header.custom-header {
        padding: 5px 0px;
    }

    .margin-top {
        margin-top: 70px;
    }

    .grid-smarter,
    .smarter-holderss {
        flex-direction: column;
        gap: 30px;
    }

    .featurs-all {
        margin-top: 0;
    }

    .grid-features {
        padding-top: 20px;
    }

    .onlysmarter {
        padding-left: 0px;
    }

    section.howitwork-sec {
        min-height: auto;
        padding: 50px 10px;
        margin: initial;
    }

    section.smarterway-sec {
        padding: 40px 0px;
    }

    section.bloghome-sec .universal-anchor {
        padding-top: 30px;
    }

    .grid-transform {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .modal-box {
        padding: 40px 50px;
        border-radius: 20px;
        padding: 30px 20px;
        margin: 0px 20px;
    }

    .modal-box {
        width: 100%;
        max-width: 96%;
        margin: 0 auto;
    }

    .modal-box {
        display: block;
    }

    .close-icon {
        position: static;
        max-width: fit-content;
        margin-left: auto;
        margin-bottom: 20px;
    }

    .modal-box {
        padding: 10px 10px 30px 10px;
        min-height: 90%;
    }

    .banner-container {
        max-width: 100%;
        text-align: center;
    }

    .gridbuyer-onboarding {
        flex-direction: column;
    }

    ul.listlink-onboard {
        position: static;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    section.buyeronboard-sec {
        padding: 40px 0px;
    }

    .gridnectbtn {
        justify-content: center;
        padding-top: 20px;
    }

}


@media(max-width:767px) {
    :root {
        --fs-30: 18px;
        --fs-50: 30px;
        --fs-18: 16px;
        --fs-40: 22px;
        --fs-24: 17px;
        --fs-20: 16px;
    }

    .featurs-all .universal-anchor {
        padding-top: 20px;
    }

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

    .grid-subcrption {
        flex-wrap: wrap;
        justify-content: center;
    }

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

    .submit-btn,
    .stay-input {
        max-width: 100%;
    }

    .stay-input input {
        text-align: center;
    }

    ul.footer-navlinks,
    ul.social-media,
    ul.contact-infos {
        gap: 15px;
    }

    ul.contact-infos li::after {
        display: none;
    }

    .button-gridmains {
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .grid-insutryrole {
        flex-direction: column;
        align-items: start;
    }

    .already-members {
        padding-top: 30px;
    }

    .modal-box .universal-anchor {
        padding-top: 10px;
    }

    /* section.innerbanner-sec {
        padding: 30px 0px;
    } */

    .gridnectbtn {
        gap: 15px;
    }

    section.buyeronboard-sec {
        padding: 30px 0px;
    }


}

@media(max-width:575px) {
    .grid-howwork {
        flex-direction: column;
        padding: 20px;
    }

    .grid-role {
        gap: 10px;
    }

}

@media(max-width:360px) {
    .grid-role {
        align-items: start;
        flex-direction: column;
    }
}