/*1366px*/
/* sales board */


    @media only screen and (max-width: 1600px) {
        .list-unstyled.logout a {
            font-size: 14px !important;
        }

            .list-unstyled.logout a img {
                width: 18px;
                margin-left: 8px;
            }

        .rater-card.card .card-body table.quotes-table thead th,
        .rater-card.card .card-body table.quotes-table tbody td {
            padding: 4px 10px;
        }

        .rater-card.card .card-body table.quotes-table thead .sorting {
            background-position: right -4px center;
        }

        .rooftopModal .modal-dialog {
            max-width: calc(100vw - 200px);
        }

        .rater-card .card-body .peer-eye-rate,
        .rater-card .card-body .onsite-eye-rate {
            margin-top: 0px;
            max-width: 15px;
        }

        .card .filterSearch button {
            margin-top: 5px;
        }

        .rater-card .inputField .form-select {
            margin-top: 5px;
        }

        #navbarSupportedContent .dasnav-img img {
            max-width: 25px;
        }

        /*landning page css starts*/
        .dealer-form-box .rate-card-box .peer-box {
            margin-left: 1%;
        }

        .dealer-form-box .rate-card-box .onsite-box {
            margin-right: 1%;
        }

        .rate-card-box .peer-box,
        .rate-card-box .onsite-box {
            flex: 0 0 auto;
            width: 48%;
        }

        .profile-staff-table .floating-label-input .error-message,
        .claims-container .floating-label-input .error-message {
            font-size: 12px;
            bottom: -32px;
            white-space: break-spaces;
            line-height: 16px;
        }

        .claims-container .col-md-12 .col-md-4 .error-message {
            bottom: -18px;
        }

        .profile-staff-table tr td:nth-child(4) .error-message {
            bottom: -32px;
        }

        .error-message-relative,
        .validation-msg {
            font-size: 12px;
        }

        .margin-res {
            margin-top: 5px;
        }

        .dealerprofile-admin .floating-label-input {
            margin-bottom: 20px;
        }

        .claims-container .floating-label-input {
            margin-bottom: 35px;
        }

        .status-toaster {
            font-size: 14px;
            top: 85px;
        }

        .profile-staff-table .floating-label-input {
            margin-bottom: 10px;
        }

        .profile-staff-table tr td:nth-child(4) .floating-label-input input,
        #TEmail {
            margin-top: 5px;
        }

        .pointemail {
            margin-top: 5px;
        }

        #titlee {
            margin-top: 10px;
        }

        #txtEmail {
            margin-top: 10px;
        }

        .cardBodyImg1 img {
            max-width: 130px;
        }

        cardBodyImg2 img {
            max-width: 230px;
        }

        .cardBodyImg3 img {
            max-width: 100px;
        }

        .headingDealer {
            font-size: 24px;
            line-height: 28px;
        }

        .card-body.cardBodyInner {
            padding: 20px 35px;
        }

        /* .animate-outer .bannerImage {
        height: calc(100vh - 100px);
    } */

        .banner-item h2 {
            font-size: 40px;
            line-height: 40px;
        }

        .banner-item p {
            font-size: 24px;
            line-height: 34px;
        }

        .cardMainSection {
            top: -100px;
        }

        .card.cardSection1,
        .card.cardSection3 {
            margin-top: 40px;
        }

        .paraText {
            font-size: 16px;
            line-height: 26px;
        }

        .mainSection {
            margin: 0px 60px;
        }

        .tabMainBox {
            padding: 24px;
            margin-top: 30px;
        }

        .dealerHeadMain,
        .dealerHeadInner,
        .agentHead {
            font-size: 24px;
        }

        .floating-label-input > label {
            font-size: 12px;
        }

        .floating-label-input .error-message {
            font-size: 12px;
            bottom: -20px;
        }

        .tabMainBox .genral-agency img {
            max-width: 200px;
        }

        input[type="text"],
        input[type="tel"],
        input[type="date"],
        input[type="password"],
        input[type="email"],
        .floating-label-input select {
            margin-top: 5px;
        }

        input.federal-tax-admin {
            margin-top: 10px;
        }

        .inqAbout {
            font-size: 28px;
            line-height: 50px;
            margin: 20px 0px;
        }

        .renterGroup .rvGroup,
        .hostingPlatForm {
            align-items: center;
        }

            .renterGroup .rvGroup input,
            .renterGroup .hostingPlatForm input {
                margin-top: 0px;
            }

            .renterGroup .rvGroup h3,
            .renterGroup .hostingPlatForm h3 {
                font-size: 20px;
                margin-bottom: 0px;
            }

        .dealerAgent,
        .btnMain .btn.btnSubmit,
        .cardBtn .btn {
            font-size: 18px;
            border-radius: 8px;
            padding: 8px 22px;
        }

        .bussinessRental h3,
        .radioPeerOnsite p {
            font-size: 16px;
        }

        .inpputlabels-bw {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .refertype-box {
            margin-top: 10px;
        }

        .rv-fleet-input {
            margin-top: 6px;
        }

        .agentHeadInner {
            font-size: 24px;
            margin-top: 25px !important;
        }

        .form-select {
            font-size: 14px;
        }

        .yes-no-ques {
            max-width: 70%;
        }

        #DealerstateDropdown,
        #AgencystateDropdown,
        #AgentstateDropdown,
        #AgentstateDropdown1,
        #dealerstatedropdown,
        #txtState,
        #Clientdealerstatedropdown {
            margin-top: 5px;
        }

        #licenseYes,
        #licenseNo {
            vertical-align: middle;
            margin-right: 10px;
        }

        .select-list .select-options {
            width: 372px;
            max-height: 200px;
        }

        .inputLabel {
            font-size: 14px;
        }

        .top-banner-cards .paraText.mb-4 {
            margin-bottom: 0px !important;
        }

        .cardMainSection .top-banner-cards .card {
            min-height: 400px;
        }

        #navbarLanding .navbar-nav li:last-child .dropdown-menu {
            left: auto;
            right: 0%;
        }

        .staff-validation {
            position: unset;
            margin-top: 11px;
            font-size: 12px;
        }

        .validation-main-contact {
            bottom: -24px;
            left: 0px;
            text-wrap: nowrap;
            font-size: 12px;
        }

        /*landning page css ends*/
        /*admin view css starts*/

        #newQuote #peer-rate-row {
            margin-top: 70px;
        }

        .rooftop-dealerview .rooftop-box .rooftop-address-O {
            width: 80%;
        }

        .text-red {
            font-size: 12px;
        }

        .mid-main-wrapper {
            margin-top: 65px;
        }

        :root {
            --w-aside: 230px;
        }

        .aside__wrap .aside .sidenav_wrap {
            gap: 0px;
            overflow: scroll;
            overflow-x: hidden;
            max-height: calc(100vh - 130px);
        }

            .aside__wrap .aside .sidenav_wrap::-webkit-scrollbar {
                width: 0px;
            }

        .main-logo .validation-toggle .form-switch label {
            font-size: 14px;
        }

        .list-unstyled.logout .nav-link img {
            width: 18px;
        }

        .list-unstyled.logout .nav-link a {
            font-size: 14px !important;
        }

        .sidenav_wrap .nav_link img {
            width: 18px;
        }

        .aside__wrap .nav_item .nav_link {
            padding: 8px;
        }

            .aside__wrap .nav_item .nav_link span {
                font-size: 14px;
            }

        a#navbarmenu {
            font-size: 20px !important;
        }

        .rate-tabs .nav-link {
            margin-right: 5px;
        }

        .rate-tabs .nav-link {
            font-size: 14px;
            padding: 10px 15px;
        }

            .rate-tabs .nav-link .tab-count {
                right: 0px;
                top: -10px;
                width: 20px;
                height: 20px;
                font-size: 12px;
                line-height: 20px;
            }

        .rater-card.card .card-body table tbody td,
        .rater-card.card .card-body table thead th {
            font-size: 12px;
            vertical-align: middle;
            padding: 4px 4px;
        }

        .dealer-inquiry-table thead tr th.rooftop-col,
        .dealer-inquiry-table thead tr th.state-col,
        .agent-inquiry-table thead tr th.state-col {
            width: 100px !important;
        }

        .dealer-inquiry-table thead tr th.age-col,
        .agent-inquiry-table thead tr th.age-col {
            width: 35px !important;
        }

        .dealer-inquiry-table thead tr th.type-col {
            width: 50px !important;
        }

        .agent-inquiry-table thead tr th.type-col {
            width: 80px !important;
        }

        .dealer-inquiry-table thead tr th.action-col,
        .agent-inquiry-table thead tr th.action-col {
            width: 60px !important;
        }

        .agent-inquiry-table thead tr th.gen-col {
            width: 60px !important;
        }

        .dealer-inquiry-table thead tr th.dealername-col,
        .agent-inquiry-table thead tr th.agencyname-col {
            width: 90px !important;
        }

        .dealer-inquiry-table thead tr th.py-col,
        .agent-inquiry-table thead tr th.py-col {
            width: 50px !important;
        }

        .dealer-inquiry-table thead tr th.rooftop-count-col,
        .agent-inquiry-table thead tr th.rooftop-count-col,
        .dealer-inquiry-table thead tr th.clients-col {
            width: 75px !important;
        }

        .dealer-inquiry-table tbody td .fa-pencil,
        .dealer-inquiry-table tbody td .fa-check {
            font-size: 14px !important;
        }

        .dealer-inquiry-table tbody td:last-child,
        .dealer-inquiry-table tbody td:nth-child(13n - 1),
        .agent-inquiry-table td:last-child {
            text-align: center;
        }

        .view-icon,
        .view-icon-status,
        .dealer-inquiry-table tbody td svg,
        .agent-inquiry-table td svg {
            width: 16px;
            height: auto;
        }

        .inquiry-progress ul {
            gap: 5px;
        }

        .toggle label {
            font-size: 14px;
        }

        .form-radios {
            flex-wrap: wrap;
            gap: 0px;
        }

            .form-radios label {
                font-size: 14px;
                margin-right: 10px;
            }

        .dealer-form-box,
        .box-view {
            padding: 10px 12px;
        }

        .input-box:focus + label,
        .input-box:not(:placeholder-shown) + label {
            font-size: 12px;
            white-space: nowrap;
            left: 5px;
        }

        .dealer-form input[type="text"] {
            margin-bottom: 15px;
        }

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

        .profile-staff-table tbody tr {
            display: flex;
            flex-wrap: wrap;
        }

            .profile-staff-table tbody tr td:first-child {
                width: 100%;
            }

                .profile-staff-table tbody tr td:first-child label {
                    font-size: 14px;
                }

            .profile-staff-table tbody tr td input[type="text"] {
                margin-bottom: 0px;
            }

        .peer-box table tbody tr td,
        .onsite-box table tbody tr td {
            font-size: 14px;
        }

        .rate-card-section h5 {
            font-size: 16px;
        }

        .rooftop-btm {
            margin-top: 0px;
        }

        .rooftop-box .rooftop-address-O {
            width: 100%;
            margin: 0px auto 0px;
        }

        .rooftop-box .add-rooftop {
            top: 16px;
            width: 72px;
            right: 49px;
            height: 68px;
            font-size: 14px;
            padding-top: 0px;
        }

        .rooftop-box .profile-form .add-rooftop {
            right: 60px;
        }

        .rooftop-box .profile-form .rooftop-address-O {
            width: 90%;
        }

        .rooftop-box .profile-form {
            margin-bottom: 20px;
        }

        .rooftop-outer .rooftop-head h3 {
            font-size: 20px;
            margin-top: 30px;
            width: 70%;
        }

        .rooftop-outer {
            padding: 10px 40px;
        }

        #CorporatestateDropdown {
            margin-top: 10px;
        }

        .mid-main-wrapper .select-list {
            margin-top: 5px;
        }

        .dealer-admin-margin {
            margin-top: 0px;
        }

        .inquiry-progress {
            top: 60px;
        }

        /*Login page css starts*/
        .group,
        .loginfull {
            padding: 0px 30px;
        }

        .gapping_area .rvrp-img {
            margin-top: 80px;
        }

        #carouselExampleFade .carousel-item p.lineheight {
            font-size: 14px;
            line-height: 20px;
        }

        .unlock p.fw-bold {
            margin-top: 20px !important;
            font-size: 22px !important;
            margin-bottom: 10px !important;
        }

        .toggle-password .eye-slash {
            max-width: 20px;
        }

        .input-radius {
            border-radius: 4px;
        }

        /*Sales Dashboard css starts*/
        .bucket-section ul li {
            width: 90px;
            height: 120px;
            background-size: 90px;
            font-size: 14px;
            padding-top: 0px;
        }

            .bucket-section ul li.bucket-purple,
            .bucket-section ul li.bucket-green {
                width: 100px;
                height: 120px;
                background-size: 100px;
            }

        .bucket-second .double img {
            max-width: 100px;
        }

        .bucket-second .double .bucket-arrow label {
            font-size: 14px;
        }

        .bucket-second .double .bucket-arrow::before {
            width: 40px;
            height: 40px;
            left: -40px;
        }

        .bucket-second .double .bucket-arrow::after {
            width: 40px;
            height: 40px;
            right: -50px;
        }

        .bucket-second .double {
            width: 185px;
        }

            .bucket-second .double .bucket-arrow label {
                left: 24px;
                top: 7px;
            }

                .bucket-second .double .bucket-arrow label:last-child {
                    right: -4px;
                    top: 7px;
                }

            .bucket-second .double span,
            .bucket-second .horizontal span {
                background-size: 80px;
                padding: 10px 25px;
            }

            .bucket-second .double span {
                margin-left: 5px;
                background-size: 70px;
            }

                .bucket-second .double span::before {
                    left: 40%;
                }

        .bucket-second .horizontal span::after {
            left: 36px;
            top: -21px;
        }

        .bucket-second .horizontal span::before {
            width: 35px;
            left: -29px;
            top: 17px;
        }

        .bucket-second .rectangle.top-arrow::before {
            width: 25px;
            height: 35px;
            top: -21px;
            background-size: 25px;
        }

        .bucket-second .rectangle {
            font-size: 12px;
        }

        .bucket-second .plusbox {
            font-size: 14px;
        }

        .purple-green-bucket li::before {
            top: 98%;
            right: 22px;
        }

        .bucket-second .horizontal span {
            margin-left: 30px;
            background-size: 72px;
            margin-top: -5px;
        }

        .bucket-second .right-double span {
            margin-left: 82px;
        }

        .bucket-section ul li.bucket-purple {
            margin-right: 5px;
        }

        .purple-green-bucket .bucket-green::before {
            left: 20px;
            top: 98%;
        }

        .bucket-second .rectangle,
        .bucket-second .plusbox {
            width: 120px;
        }

        .dataTables_wrapper table tr th,
        .dataTables_wrapper table tr td {
            font-size: 14px;
        }

        a.navbar-brand {
            font-size: 20px !important;
        }

        .navbar .dropdown .dropdown-toggle {
            font-size: 16px !important;
        }

        .dashboardnavbar {
            width: calc(100vw - 230px);
        }

        .brand_logo {
            margin-bottom: 20px;
        }

        /*Sales Dashboard css ends*/

        /* contract search page css starts */
        .dealerrvaccount {
            margin-bottom: 10px;
        }

        .datatable-card.card .card-body table tbody {
            max-height: calc(100vh - 380px);
        }

        .Search {
            font-size: 14px;
        }

        /* contract search page css ends */
        /*Rater / Quotes page css starts*/
        .rater-card.card .card-head h5 {
            font-size: 20px;
        }

        .rater-card .tier3-box .tier3-vehicles div span,
        .rater-card .tier3-box label {
            font-size: 14px;
        }

        .tier-left .radioPeerOnsite label {
            font-size: 14px;
        }

        .tier-left .radioPeerOnsite input {
            width: 18px;
            height: 18px;
        }

        .rater-card.card .card-head p {
            font-size: 14px;
        }

        .rater-card .peer-head p,
        .rater-card .onsite-head p {
            font-size: 20px !important;
        }

        .rater-card .card-body .divider-section {
            gap: 5px;
            margin: 10px 0px;
        }

        .rater-card .card-body .peer-box,
        .rater-card .card-body .onsite-box,
        .rater-card .card-body .peer-head,
        .rater-card .card-body .onsite-head {
            flex: 0 0 auto;
            width: 49%;
        }

        .onsite-box,
        .peer-box {
            padding: 10px 16px;
        }

        .generateContractModal .modal-header h5 {
            font-size: 20px;
        }

        .generateContractModal .modal-body .contract-name {
            font-size: 16px;
        }

        .generateContractModal .modal-body p {
            font-size: 14px;
        }

        .rater-card.sign-contract-card .contract-detail-box {
            font-size: 20px;
        }

        .rater-card.sign-contract-card .contract-pdf {
            max-width: 30px;
        }

        .rater-card.sign-contract-card .get-contract p {
            font-size: 16px;
        }

        .rater-card.sign-contract-card .get-contract .radioPeerOnsite label {
            font-size: 14px;
        }

        .radioPeerOnsite input[type="radio"] {
            width: 100%;
            max-width: 18px;
            min-width: 18px;
            height: 18px;
        }

            .radioPeerOnsite input[type="radio"]:before {
                width: 12px;
                height: 12px;
            }

        .rate-tabs {
            gap: 0px;
        }

        .agency-dba {
            margin-top: -27px;
        }

        .date-box img {
            top: 14px;
        }

        .datatable-card.card .card-body tr th,
        .sidepanel-table .data_table tr th,
        .datatable-card.card .card-body tr td,
        .sidepanel-table .data_table tr td {
            font-size: 12px;
        }

        .tab-pane .stat-area {
            top: -75px;
        }

        .tab-pane.unsoldtab,
        .tab-pane.pendingtab,
        .tab-pane.activetab,
        .tab-pane.cancelledtab {
            padding-top: 60px;
        }

        /*Rater / Quotes page css ends*/
    }

    /* 1280px */
    @media only screen and (max-width: 1280px) {
        .bucket-second .right-double span {
            margin-left: -110px !important;
        }
        .rate-tabs .nav-link {
            margin-right: 3px;
        }

        .gapping_area {
            padding: 0 0 0 20px;
        }
    }

    /* 1024px */
    @media only screen and (max-width: 1024px) {
        .sign-contract-actions,
        .contract-sign {
            max-width: 100%;
            margin: 12px;
        }

        li .nav-item {
            padding-left: 10px;
        }

        .navbar-brand img {
            width: 210px;
        }

        .navbarLanding {
            height: 55px;
            padding-left: 30px;
            padding-right: 30px;
        }

        .navbar-toggler:focus {
            box-shadow: none;
        }

        .navbar-collapse {
            flex-basis: 100%;
            flex-grow: 1;
            align-items: center;
            z-index: 111111;
        }

        .navbar-nav {
            background-color: var(--white);
        }

        .gapping_area {
            padding: 0 0 0 0px;
        }

        .follow {
            position: relative;
            top: 10px;
            left: 10px;
        }

        .follow-more {
            left: 90px;
            font-size: 18px;
        }

        #navbarLanding {
            height: 65px;
            padding: 10px 15px;
        }

            #navbarLanding .container-fluid {
                justify-content: start;
                gap: 20px;
            }

        .animate-outer .bannerImage {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 7%, rgba(1, 1, 1, 0.53) 50%), url(../images/banner-image.png);
            /* background-image: linear-gradient(92deg, rgba(0, 0, 0, 0.55) 0.87%, rgba(1, 1, 1, 0.53) 102.43%), url(../images/banner-image.png); */
            /* height: calc(100vh - 500px); */
            background-position: center;
        }

        .footer {
            padding: 0px 10px;
        }

        .footer-logo {
            display: none !important;
        }

        .footer-content {
            width: 100%;
            position: relative;
        }

            .footer-content .support p:last-child {
                position: absolute;
                right: 0;
                top: 40px;
            }

        .banner-item {
            right: auto;
            width: 95%;
            left: 15px;
            top: 40%;
        }

            .banner-item h2 {
                font-size: 60px;
                line-height: 70px;
            }

            .banner-item p {
                font-size: 26px;
                line-height: 38px;
                margin-top: 0px;
            }

        .peer-box p.fs-4,
        .onsite-box p.fs-4 {
            font-size: 18px !important;
        }
    }

    @media (min-width: 1024px) and (max-width: 1099px) {
        .mainSection.cardMainSection {
            margin: 0px 10px;
            max-width: 100%;
            top: -45px;
        }

        .mainSection.form-section,
        .mainSection.videoSection {
            margin: 0px 10px;
        }

        .cardBodyImg1 img {
            max-width: 100px;
        }

        .card-title.headingDealer {
            margin-top: 25px;
        }

        .cardBodyImg2 img {
            width: 140px;
        }

        .card-body.cardBodyInner {
            padding: 20px 16px;
        }

        .navbar .container-fluid .main-logo {
            order: 0;
        }

        body .pd-m-0 {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    @media (min-width: 600px) and (max-width: 1023px) {
        .tab-content .tabMainBox .genral-agency {
            flex-direction: column;
        }

        .mainSection.form-section {
            margin: 0px;
        }

        body .pd-m-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .top-banner-cards .card-two,
        .top-banner-cards .card-one,
        .top-banner-cards .card-three {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 16px;
        }

        .rate-card-box .peer-box,
        .rate-card-box .onsite-box {
            width: 92%;
            margin: auto;
        }

        .rate-card-box .onsite-box {
            margin-top: 12px;
        }

        #signature {
            width: 100%;
            border-radius: 4px;
            height: 200px;
        }
    }

    @media (min-width: 600px) and (max-width: 767px) {
        .floating-label-input .error-message {
            font-size: 11px;
            bottom: -17px;
        }

        .bussinessRental h3,
        .radioPeerOnsite p {
            font-size: 14px;
        }
    }

    @media only screen and (min-width: 1180px) and (max-width: 1199px) and (orientation: landscape) {
        .mainSection {
            margin: 0px 10px;
        }

        .Marketing-view .mainSection.cardMainSection {
            top: -100px;
            max-width: 100%;
        }

        .cardMainSection .top-banner-cards .card-three,
        .cardMainSection .top-banner-cards .card-one {
            margin-top: 0px;
        }

        #navbarLanding {
            padding-left: 10px;
            padding-right: 10px;
        }

        .banner-item {
            position: absolute;
            top: 45%;
            right: -5%;
            width: 66%;
        }
    }

    @media only screen and (min-width: 1024px) and (max-width: 1179) and (orientation: landscape) {
        /*.animate-outer .bannerImage {
        height: calc(100vh - 200px);
    } */

        .rateplan {
            font-size: 16px;
        }

        .ri-table td p:first-child,
        .ri-table td p {
            font-size: 12px;
        }

        .banner-item h2 {
            font-size: 40px;
            line-height: 40px;
        }

        .banner-item {
            position: absolute;
            top: 38%;
            right: 0%;
            width: 66%;
            left: auto;
        }
    }

    @media only screen and (max-width: 992px) {
        .second-sec.loginfull {
            display: none !important;
        }

        .navbar .container-fluid .main-logo {
            order: 2;
        }

        .navbar .container-fluid .navbar-toggler {
            order: 1;
        }

        .mainSection.cardMainSection {
            margin: 0px;
            max-width: 100%;
            top: 0px;
        }

        .top-banner-cards .card {
            max-width: 100%;
        }

        .cardMainSection .top-banner-cards .card {
            min-height: 140px;
            position: unset;
            width: 100%;
        }

        .top-banner-cards .card .card-content {
            display: flex;
            gap: 20px;
            align-items: center;
        }

            .top-banner-cards .card .card-content .card-content-inner {
                display: flex;
                flex-direction: column;
                justify-content: start;
            }

        .card .card-content .card-content-inner .card-title {
            text-align: left;
            margin-top: 0px;
            margin-bottom: 5px;
            font-size: 24px;
        }

        .cardBodyImg1 img,
        .cardBodyImg3 img,
        .cardBodyImg2 img {
            max-width: 80px;
        }

        .top-banner-cards .paraText.mb-4 {
            font-size: 18px;
            text-align: left;
            line-height: 26px;
        }

        .top-banner-cards .card .cardBtn {
            text-align: right;
        }

        .card.cardSection1,
        .card.cardSection3 {
            margin-top: 0px;
        }

        .top-banner-cards {
            margin-top: 20px;
        }

            .top-banner-cards .card-two {
                order: 0;
            }

            .top-banner-cards .card-one {
                order: 1;
            }

            .top-banner-cards .card-three {
                order: 2;
            }

        .floating-label-input > label {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 576px) {
        .contract-sign .contract-person-detail,
        .contract-sign .contract-para-head,
        .contract-sign .contract-detail-list,
        .contract-sign .contract-signature {
            padding: 0px;
        }

        .contract-sign {
            padding: 0px 10px;
        }

            .contract-sign p,
            .contract-sign ul li {
                font-size: 14px;
            }

            .contract-sign ul li {
                margin-bottom: 12px;
            }

            .contract-sign .view-signatue {
                width: 45%;
            }

        .contract-person-detail .contract-trip-date {
            flex-direction: column;
            align-items: start;
        }

        .contract-sign .contract-person-detail {
            flex-direction: column;
            align-items: start;
            gap: 16px;
        }

        .notsignup {
            text-align: center;
            margin: 20px 0px;
        }

            .notsignup button {
                font-size: 14px;
                border-radius: 4px;
                padding: 8px;
            }

        .follow {
            left: 60px;
            width: 100px;
        }

        .follow-more {
            width: 100px;
            top: -90px;
            left: 150px;
        }

        .card .card-content .card-content-inner .card-title {
            font-size: 16px;
        }

        .top-banner-cards .paraText.mb-4 {
            font-size: 14px;
            text-align: left;
            line-height: 19px;
        }

        .banner-item {
            right: auto;
            width: 95%;
            left: 15px;
            top: 40%;
        }

            .banner-item h2 {
                font-size: 34px;
                line-height: 39px;
            }

            .banner-item p {
                font-size: 16px;
                line-height: 24px;
                margin-top: 0px;
            }

        .card-body.cardBodyInner {
            padding: 10px;
        }

        headingDealer {
            font-size: 24px;
        }

        .paraText {
            font-size: 16px;
            line-height: 24px;
        }

        .cardBtn .btn {
            font-size: 14px;
            border-radius: 4px;
        }

        .videoSection video {
            width: 100%;
            height: 100%;
        }

        .mainSection {
            margin: 0px;
        }

            .mainSection.videoSection {
                margin: 0px;
            }

        .tab-content .tabMainBox .genral-agency {
            flex-direction: column;
        }

        .tab-content .tabMainBox {
            padding: 10px;
        }

            .tab-content .tabMainBox .genral-agency .col-md-4 {
                text-align: center;
            }

                .tab-content .tabMainBox .genral-agency .col-md-4 img {
                    max-width: 150px;
                }

        .dealerHeadMain {
            font-size: 22px !important;
        }

            .dealerHeadMain span,
            .dealerHeadMain + .agentHead {
                font-size: 16px;
            }

            .agentHead,
            .dealerHeadMain i,
            .renterGroup h3 {
                font-size: 16px !important;
            }

        .dealerHeadInner {
            font-size: 22px;
        }

        .dealerAgent {
            font-size: 16px;
            border-radius: 4px;
            margin-left: 10px;
        }

        .inqAbout {
            font-size: 22px;
            line-height: 32px;
            margin: 12px 0px;
        }

        .renterGroup {
            flex-direction: column;
            gap: 20px;
            align-items: start;
        }

            .renterGroup .rvGroup h3,
            .renterGroup .hostingPlatForm h3 {
                font-size: 14px !important;
            }

        .businessActivley h3 {
            font-size: 16px;
        }

        bussinessRental h3,
        .radioPeerOnsite p {
            font-size: 14px;
        }

        .inputField input.form-control {
            height: 35px;
            font-size: 12px;
        }

        .banner-animated-logo {
            display: none;
        }

        .mainSection.cardMainSection {
            max-width: 100%;
        }

        .video-volume {
            max-width: 24px;
        }

        .hostingPlatForm {
            width: 232.92px;
        }

        .agency-dba {
            margin-top: 16px;
        }

        #Rooftopsee,
        #peryear {
            margin-top: 10px;
        }

        .mainSection + .footer {
            padding: 0;
        }

        .footer-logo {
            display: none !important;
        }

        .footer-content {
            width: 100%;
            position: relative;
        }

            .footer-content .support p:last-child {
                position: absolute;
                right: 0;
                top: 40px;
            }

        #agreements,
        #Lastagreements {
            height: 50px;
        }

        .agentHeadInner + div .d-flex,
        .agency-type-head + div {
            flex-wrap: wrap;
        }

        .agentHeadInner + div .radioPeerOnsite {
            flex-basis: 47%;
        }

        .agency-type-head + div .radioPeerOnsite {
            flex-basis: 32%;
            flex-grow: 1;
        }

        .row .agency-row {
            margin: 0;
            padding: 0;
        }

        .mobileInputField,
        .br-refer {
            padding: 0 15px;
        }

        .mainSection.videoSection {
            margin-top: 30px;
        }

        body .pd-m-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .cardMainSection .top-banner-cards .card {
            position: unset;
            margin-bottom: 10px;
            border-radius: 4px;
        }

        .agentHeadInner {
            font-size: 18px;
        }

        .yes-no-ques {
            max-width: 100%;
            font-size: 14px;
        }

        .notice-signature h4 {
            font-size: 18px;
        }

        .notice-signature p.mb-4 {
            font-size: 14px;
        }

        .notice-signature .signature-btn {
            margin-top: 10px;
        }

        p.text-dark span.audiowide {
            font-size: 18px;
        }

        .rate-card-box .peer-box,
        .rate-card-box .onsite-box {
            width: 92%;
            margin: auto;
        }

        .rateplan {
            font-size: 14px;
        }

        .ri-table td p,
        .ri-table td p:first-child {
            font-size: 10px;
        }

        .rate-card-box .onsite-box {
            margin-top: 12px;
        }

        .signature-modal .font-view {
            flex-wrap: wrap;
        }

        #signature {
            width: 100%;
            border-radius: 4px;
            height: 200px;
        }
    }

    @media only screen and (max-height: 576px) and (orientation: landscape) {
        .rate-card-box .peer-box,
        .rate-card-box .onsite-box {
            width: 92%;
            margin: auto;
        }

        .rateplan {
            font-size: 14px;
        }

        .ri-table td p,
        .ri-table td p:first-child {
            font-size: 10px;
        }

        .rate-card-box .onsite-box {
            margin-top: 12px;
        }

        .signature-modal .font-view {
            flex-wrap: wrap;
        }

        #signature {
            width: 100%;
            border-radius: 4px;
            height: 200px;
        }

        /* banner code */

        .animate-outer .bannerImage {
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 7%, rgba(1, 1, 1, 0.53) 50%), url(../images/banner-image.png);
            /* background-image: linear-gradient(92deg, rgba(0, 0, 0, 0.55) 0.87%, rgba(1, 1, 1, 0.53) 102.43%), url(../images/banner-image.png); */
            /* height: 100vh; */
        }

        .banner-item {
            /* width: 95%; */
            width: fit-content;
            left: 15px;
        }

            .banner-item h2 {
                font-size: 34px;
                line-height: 39px;
            }

            .banner-item p {
                font-size: 18px;
                line-height: 24px;
                margin-top: 0px;
            }

        .banner-animated-logo {
            display: none;
        }

        #navbarLanding {
            height: 70px;
            padding: 10px 15px;
        }

        .navbar .container-fluid .main-logo {
            order: 2;
        }

        .navbar .container-fluid .navbar-toggler {
            order: 1;
        }

        #navbarLanding .container-fluid {
            justify-content: start;
            gap: 20px;
        }

        /* tabs */

        .mainSection.cardMainSection {
            max-width: 100%;
            margin-bottom: -60px;
        }

        .col-sm-4.animate {
            padding-left: 0;
        }

            .col-sm-4.animate:nth-of-type(1) {
                padding-left: 15px;
            }

        .cardMainSection .top-banner-cards .card {
            min-height: 350px;
        }

        .card.cardSection1,
        .card.cardSection2,
        .card.cardSection3 {
            position: relative;
            width: 100%;
            margin-top: 30px;
        }

        .card.cardSection1,
        .card.cardSection3 {
            bottom: 15%;
        }

        .cardBodyImg1 img {
            width: 100%;
            max-width: 100px;
        }

        .cardBodyImg2 img {
            width: 100%;
            max-width: 150px;
        }

        .cardBodyImg3 img {
            width: 100%;
            max-width: 80px;
        }

        .cardBtn .btn {
            font-size: 16px;
            border-radius: 4px;
        }

        .card-body.cardBodyInner {
            padding: 20px 16px;
        }

        .paraText {
            font-size: 14px;
            line-height: 20px;
        }

        /* video section */
        .mainSection {
            margin: 0px;
        }

            .mainSection.videoSection {
                margin-top: 30px;
            }

        /* dealer and agent section */

        .genral-agency .col-md-4 {
            max-width: 40%;
        }

        .genral-agency .col-md-5 {
            max-width: 60%;
        }

        .tab-content .tabMainBox {
            padding: 15px;
        }

            .tab-content .tabMainBox .genral-agency .col-md-4 img {
                max-width: 165px;
            }

        .dealerHeadMain {
            font-size: 22px !important;
        }

            .dealerHeadMain span,
            .dealerHeadMain + .agentHead {
                font-size: 16px;
            }

        .dealerHeadInner {
            font-size: 22px;
        }

        .dealerAgent {
            font-size: 16px;
            border-radius: 4px;
        }

        .inqAbout {
            font-size: 22px;
            line-height: 32px;
        }

        .renterGroup {
            gap: 50px;
        }

            .renterGroup .rvGroup h3,
            .renterGroup .hostingPlatForm h3 {
                font-size: 16px !important;
            }

        .businessActivley h3 {
            font-size: 17px;
        }

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

        .inputField input.form-control {
            height: 35px;
            font-size: 12px;
        }

        #Rooftopsee,
        #peryear {
            margin-top: 10px;
        }

        #agreements,
        #Lastagreements {
            height: 50px;
        }

        .agency-dba {
            margin-top: 16px;
        }

        .agency-type-head + div.gap-sm-5 {
            gap: 0 !important;
        }

        .agency-type-head + div .radioPeerOnsite,
        .agentHeadInner + div .radioPeerOnsite {
            flex-grow: 1;
        }

        .row .agency-row {
            margin: 0;
            padding: 0;
        }

        .mobileInputField,
        .br-refer {
            padding: 0 15px;
        }

        /* #NocaseValidation .row:first-child .col-md-6:nth-child(2) {
        margin-top: 24px !important;
    } */

        /* foooter section */

        .mainSection + .footer {
            padding: 0;
        }

        .footer-logo {
            display: none !important;
        }

        .footer-content {
            width: 100%;
            position: relative;
        }

            .footer-content .support p:last-child {
                position: absolute;
                right: 0;
                top: 40px;
            }

        .loader-area img {
            transform: none;
        }

        body .pd-m-0 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .top-banner-cards .card .card-content,
        .top-banner-cards .card .card-content .card-content-inner {
            display: block;
        }

        .card .card-content .card-content-inner .card-title {
            text-align: center;
            font-size: 20px;
            margin-top: 16px;
        }

        .top-banner-cards .card .cardBtn {
            text-align: center;
        }

        .mainSection.cardMainSection {
            max-width: 98%;
            margin: auto;
            top: -80px;
        }

        .top-banner-cards .paraText.mb-4 {
            text-align: center;
        }

        .top-banner-cards .card,
        .mainSection.cardMainSection .top-banner-cards {
            margin-top: 0px;
        }

        .top-banner-cards .card-one {
            order: 0;
            margin-top: 40px;
        }

        .top-banner-cards .card-two {
            order: 1;
        }

        .top-banner-cards .card-three {
            order: 2;
            margin-top: 40px;
        }

        .top-banner-cards .card-two,
        .top-banner-cards .card-one,
        .top-banner-cards .card-three {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        /* .animate-outer .bannerImage {
        height: calc(100vh - 30px);
    } */

        .rateplan {
            font-size: 16px;
        }

        .ri-table td p:first-child,
        .ri-table td p {
            font-size: 12px;
        }

        .banner-item h2 {
            font-size: 40px;
            line-height: 40px;
        }

        .banner-item {
            position: absolute;
            top: 38%;
            right: 0%;
            width: 66%;
            left: auto;
        }

        /* #NocaseValidation .row:first-child .col-md-6:nth-child(2) {
        margin-top: 0 !important;
    } */

        .agency-dba {
            margin-top: -27px;
        }

        .paraText {
            line-height: 24px;
        }

        .top-banner-cards .card .card-content,
        .top-banner-cards .card .card-content .card-content-inner {
            display: block;
        }

        .card .card-content .card-content-inner .card-title {
            text-align: center;
            font-size: 20px;
            margin-top: 16px;
        }

        .top-banner-cards .card .cardBtn {
            text-align: center;
        }

        .mainSection.cardMainSection {
            max-width: 98%;
            margin: auto;
            top: -80px;
        }

        .top-banner-cards .paraText.mb-4 {
            text-align: center;
            font-size: 14px;
            line-height: 21px;
        }

        .top-banner-cards .card,
        .mainSection.cardMainSection .top-banner-cards {
            margin-top: 0px;
        }

        .top-banner-cards .card-one {
            order: 0;
            margin-top: 40px;
        }

        .top-banner-cards .card-two {
            order: 1;
        }

        .top-banner-cards .card-three {
            order: 2;
            margin-top: 40px;
        }

        .top-banner-cards .card-two,
        .top-banner-cards .card-one,
        .top-banner-cards .card-three {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
    }

    @media only screen and (max-width: 400px) {
        #txtCompanyContact,
        #txtLastCompanyContact {
            height: 45px;
        }
    }

    @media only screen and (max-width: 380px) {
        /* .animate-outer .bannerImage {
        height: calc(100vh - 320px);
    } */

        .logo-gif img {
            width: 150px;
            margin-top: 20px;
        }

        .notsignup {
            text-align: center;
            margin: 10px 0px;
        }
    }

    @media only screen and (max-width: 360px) {
        .banner-item {
            width: 90%;
            left: 5px;
        }

            .banner-item h2 {
                font-size: 24px;
                line-height: 28px;
            }

            .banner-item p {
                font-size: 12px;
                line-height: 18px;
            }

        .top-banner-cards .paraText.mb-4 {
            font-size: 12px;
        }

        dealerHeadMain {
            font-size: 18px !important;
        }

        .agency-type-head + div .radioPeerOnsite {
            flex-basis: 100%;
            flex-grow: 1;
        }

        .agentHeadInner + div .radioPeerOnsite {
            flex-basis: 100%;
        }

        .floating-label-input > label {
            font-size: 12px;
        }

        .agentHeadInner {
            font-size: 14px;
        }

        .yes-no-ques {
            font-size: 14px;
        }

        .notice-signature p.mb-4 {
            font-size: 12px;
        }

        .generateContractModal .modal-header h5,
        .signature-modal .modal-header h5 {
            font-size: 14px;
        }

        .generateContractModal .modal-header,
        .signature-modal .modal-header {
            padding: 12px 10px;
        }

        generateContractModal .modal-body,
        .signature-modal .modal-body {
            padding: 12px 10px;
        }

        .box {
            height: 80px;
        }

        #signature {
            height: 80px;
        }

        .dealerHeadInner {
            font-size: 16px;
        }

        .rateplan {
            font-size: 10px;
        }

        .peer-box p.fs-4,
        .onsite-box p.fs-4 {
            font-size: 14px !important;
        }

        .cardBodyImg1 img,
        .cardBodyImg3 img,
        .cardBodyImg2 img {
            max-width: 50px;
        }

        .footer-content .support p {
            font-size: 12px;
        }

        p.text-dark span.audiowide {
            font-size: 14px;
        }

        .floating-label-input > label {
            font-size: 10px;
        }

        textarea.form-control {
            font-size: 10px;
        }

            textarea.form-control::placeholder {
                font-size: 10px;
            }

        .inputLabel {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 899px) {
        .card-two::before,
        .card-two::after,
        .heading-img {
            display: none;
        }

        .banner-content {
            flex-direction: column;
        }

            .banner-content .accessImg {
                max-width: 150px;
            }
    }

    @media only screen and (min-width: 900px) and (max-width: 1200px) {
        .banner-content {
            align-items: center;
        }

        .banner-item {
            position: unset;
            width: unset;
        }

        .card-two::before {
            left: -204px;
        }

        .card-two::after {
            right: -146px;
        }

        .heading-img {
            top: -10rem;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1024px) {
        .heading-img {
            top: -11rem;
        }

        /*  .card-two::after {
        top: -175px;
    }

    .card-two::before {
        top: -122px;
    } */
    }

    @media only screen and (min-width: 800px) {
        .banner-content {
            gap: 40px;
            margin-bottom: 56px;
        }
    }

    @media only screen and (min-width: 1536px) {
        .banner-content .accessImg {
            max-width: 400px;
        }

        .bannerImage {
            height: 850px;
        }

        .heading-img {
            top: -14rem;
        }
    }

    @media only screen and (min-width: 2000px) {
        .heading-img {
            top: -17rem;
            max-width: 1000px;
        }

        .bannerImage {
            height: 1000px;
        }

        .cardMainSection .top-banner-cards .card {
            max-width: 95%;
            width: 95%;
        }

            .cardMainSection .top-banner-cards .card .headingDealer {
                font-size: 40px;
                line-height: 52px;
            }

            .cardMainSection .top-banner-cards .card .paraText {
                font-size: 24px;
                line-height: 32px;
            }

        .inputField input.form-control,
        .form-select {
            height: 50px;
            font-size: 18px;
        }

        .input-box:focus + label,
        .input-box:not(:placeholder-shown) + label {
            font-size: 16px;
        }

        .banner-item {
            right: 5%;
        }

            .banner-item h2 {
                font-size: 60px;
            }

            .banner-item p {
                font-size: 38px;
                line-height: 46px;
            }

        #navbarLanding .navbar-nav .nav-link {
            font-size: 22px;
        }

        .videoSection video {
            height: 860px;
        }

        .field-icon::after {
            top: -11px;
            bottom: -14px;
        }

        .field-icon {
            margin-top: -38px;
        }

        .rooftop-box .rooftop-address-O {
            width: 65%;
        }

        .rooftop-adminview .rooftop-box .rooftop-address-O {
            width: 65%;
        }

        .rooftop-adminview.dealer-view-rooftop .rooftop-box .rooftop-address-O {
            width: 65%;
        }

        .rooftop-box .add-rooftop {
            right: 138px;
        }

        .rooftop-adminview.dealer-view-rooftop .add-rooftop {
            right: 136px;
        }

        #navbarLanding {
            height: 100px;
        }

        .rooftop-adminview .add-rooftop {
            right: 122px;
        }
    }