/*Media Query Start*/

@media only screen and (min-width: 1366px) and (max-width: 1500px) {
    ul.news-list p {
        font-size: 12px;
    }

    .search-section .inner {
        display: flex;
        flex-wrap: wrap;
        height: calc(120vh - 140px);
        position: relative;
        overflow: hidden;
    }

    img.news-author-img {
        width: 40px;
        height: 40px;
        border-radius: 90%;
    }

    .time-selector {
        background: none;
        padding: 0;
        margin: 10px 4px;
    }

    .hero-upper-right {
        width: 80%;
    }

    .banner-bttom-img video {
        height: auto;
    }

    .pkg-txt {
        padding: 0 !important;
    }

    .pkg-card .pkg-txt p {
        font-size: 13px !important;
    }

    section.park-space-sec .park-space-card {
        width: 50%;
    }

    .news-card-text {
        height: 330px;
    }

    button.search-park-button {
        position: absolute;
        top: 50%;
        right: 15%;
        border: navajowhite;
        transform: translateY(-50%);
        background: transparent;
        width: 50px;
        height: 50px;
        border-radius: 0 5px 5px 0;
        color: #000;
    }

    input#locationInput {
        font-size: 14px;
        padding: 13px 10px;
    }

    input#locationInput::placeholder {
        font-size: 14px;
    }

    ul.testi-img li img {
        width: 30px;
        height: 30px;
    }

    ul.testi-img li p {
        font-size: 10px;
    }

    .faq-left {
        margin: 20px 0;
    }

    .sc-cd6075cf-0.DQtHs {
        display: block !important;
    }

    div#dynamicStepsBar {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    .arrow-steps .step:before {
        right: auto;
        left: -1px;
        border-left: 17px solid #fff;
        z-index: 0;
    }

    .popup-content {
        width: 80%;
    }

    div#dynamicStepsBar {
        flex-wrap: wrap;
    }

    .sc-cd6075cf-0.DQtHs {
        display: block !important;
    }

    .date-separator-icon {
        margin: 12px 0 0;
    }

    .date-input-group input {
        width: 100% !important;
    }

    .finding_space_left .pkg-card .pkg-txt div {
        padding: 0;
    }

    .finding_space_left .pkg-card {
        height: 260px;
    }

    .step-image img {
        height: 300px;
        box-shadow: 0 0 20px 0 #00000036;
    }

    .faq-left {
        margin: 20px 0;
    }

    ul.testi-img li img {
        width: 30px;
        height: 30px;
    }

    ul.testi-img li p {
        font-size: 10px;
    }

    button.search-park-button {
        position: absolute;
        top: 50%;
        right: 15%;
        border: navajowhite;
        transform: translateY(-50%);
        background: transparent;
        width: 50px;
        height: 50px;
        border-radius: 0 5px 5px 0;
        color: #000;
    }

    input#locationInput {
        font-size: 14px;
        padding: 13px 10px;
    }

    input#locationInput::placeholder {
        font-size: 14px;
    }

    .top-location-nav {
        position: relative;
        z-index: 999;
    }

    .top-location-content {
        padding-left: 60px;
    }

    .top-location-nav .nav-link {
        gap: 10px;
    }

    .top-location-nav .nav-link i {
        margin: 0 !important;
    }

    .nav ul li a {
        font-size: 11px;
    }

    .theme_btn {
        font-size: 13px;
    }

    .hero-upper-right {
        width: 90%;
    }

    .time-selector {
        margin: 10px 0;
        background: none;
    }

    .hero-banner {
        height: 650px;
    }

    section.header {
        padding: 10px 0 0 0;
    }

    section.banner-top {
        padding: 10px 0 !important;
    }

    .banner-bttom-img video {
        height: auto;
    }

    section.main-banner {
        padding-bottom: 50px;
    }

    section.banner-bottom-sec {
        padding-bottom: 50px;
    }

    .pkg-card .pkg-txt p {
        margin: 0;
        font-size: 13px !important;
    }

    .pkg-txt {
        padding: 0 !important;
    }

    .pkg-img {
        height: 210px !important;
    }

    .pkg-card {
        margin: 10px 0 !important;
        height: 210px;
    }

    section.park-space-sec .park-space-card {
        width: 60%;
    }

    .sec {
        padding: 50px 0;
    }

    .news-card-text {
        height: 350px;
    }

    .work-bx p {
        width: 80%;
    }

    section.banner-top.inner-banner-top {
        padding: 20px 0 0 !important;
    }

    .hero-banner.inner-hero-banner {
        height: auto;
    }

    .inner-hero-banner img {
        height: 400px;
    }

    .search-section .inner {
        display: flex;
        flex-wrap: wrap;
        height: calc(116vh - 140px);
        position: relative;
        overflow: hidden;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 36px;
        line-height: 1.5;
        font-weight: 500;
    }

    h2 {
        font-size: 35px;
        line-height: 1.2;
        font-weight: 500;
    }

    h3 {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 600;
    }

    h4 {
        font-size: 25px;
        line-height: 1.2;
        font-weight: 500;
    }

    h5 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
    }

    h6 {
        font-size: 17px;
        font-weight: 500;
    }

    section.header .col-lg-8.col-md-8.col-sm-12 {
        width: 100%;
        order: 2;
    }

    section.header .col-lg-2.col-md-2.col-sm-6 {
        width: 49%;
    }

    .hdr_logo a img {
        width: 50%;
        margin: 0;
    }

    .hdr_logo a {
        display: block;
    }

    section.header {
        padding: 0 0 10px 0;
    }


    .list-card.news-det-card ul.news-park-list {
        justify-content: space-around !important;
        gap: 0;
    }

    .nav ul {
        justify-content: space-around;
    }

    .banner-top-left h1 span {
        font-size: 32px;
    }

    .hero-banner {
        height: 570px;
        border-radius: 20px !important;
    }

    .hero-upper-right {
        width: 100%;
        padding: 20px 20px;
    }

    .main-banner .row {
        padding: 0;
        margin: 0;
    }

    .hero-left-wrapper {
        padding: 0;
    }

    .counter-box p {
        font-size: 13px;
    }

    .counter-section {
        justify-content: space-around;
    }

    .main-banner .nav-tabs .nav-link {
        font-size: 10px;
    }

    .search-btn .location-btn {
        margin: 0;
    }

    .search-btn {
        padding: 10px;
        font-size: 12px;
        border: 1px solid;
        height: 50px;
    }

    .time-selector {
        padding: 0;
        margin: 10px 5px;
    }

    .time-selector .form-select {
        padding: 10px;
        font-size: 12px;
        border: 1px solid;
        height: 50px;
    }

    .hero-upper-right>h3 {
        font-size: 35px;
    }

    .hero-upper {
        padding: 10px;
    }

    .hero-banner img {
        border-radius: 20px !important;
    }

    .banner-bttom-img video {
        height: auto;
    }

    section.banner-bottom-sec {
        padding-bottom: 50px;
    }

    section.main-banner {
        padding-bottom: 50px;
    }

    .pkg-txt {
        padding: 0px !important;
    }

    .pkg-card {
        padding: 9px 6px !important;
        gap: 10px;
        margin: 5px 0 !important;
        height: 200px;
    }

    .pkg-card .pkg-txt div {
        gap: 0;
    }

    .pkg-card .pkg-txt p {
        margin: 0;
        font-size: 10px !important;
    }

    .pkg-card .pkg-img {
        height: 200px !important;
        width: 40%;
    }

    .pkg-card .pkg-txt .theme_btn {
        font-size: 10px !important;
    }

    .pkg-card .pkg-txt div img,
    .pkg-card .pkg-txt div i {
        margin-right: 3px !important;
        width: 12px !important;
        font-size: 11px;
    }

    .list-card {
        margin: 10px 0;
    }

    .partnership-and-affiliates-sec .col-lg-4.col-md-4.col-12 {
        width: 50%;
    }


    .day-checkboxes label {
        padding: 6px 20px;
        font-size: 14px;
    }

    .sec {
        padding: 50px 0;
    }

    section.news-sec .col-lg-4 {
        width: 50%;
    }

    .work-bx p {
        width: 100%;
    }

    section.bottom-nav .flex-center {
        position: relative;
        padding: 0 0 40px 0;
    }

    section.bottom-nav .flex-center p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .hero-banner::before {
        border-radius: 20px;
    }

    .list-card-image img {
        height: 240px;
    }

    section.park-space-sec .park-space-card {
        width: 71%;
    }

    img.park-space-right-box-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 67%;
        z-index: -1;
        border-radius: 20px;
        object-position: -540px 0;
    }

    section.banner-top.inner-banner-top {
        padding: 20px 0 0 !important;
    }

    .hero-banner.inner-hero-banner {
        height: auto;
    }

    .inner-hero-banner img {
        height: 400px;
    }

    .top-location-nav {
        position: relative;
        z-index: 999;
    }

    .top-location-content {
        padding-left: 60px;
    }

    .top-location-nav .nav-link {
        padding: 10px 10px;
        gap: 10px;
    }

    .top-location-nav .nav-link i {
        margin: 0 !important;
    }

    .search-section .inner {
        display: flex;
        flex-wrap: wrap;
        height: calc(132vh - 140px);
        position: relative;
        overflow: hidden;
    }

    .space-card {
        flex-direction: column;
        align-items: center;
    }

    button.search-park-button {
        right: 18%;
        color: #000;
        background: transparent;
    }

    input#locationInput {
        font-size: 12px;
        padding: 13px 10px;
    }

    input#locationInput::placeholder {
        font-size: 12px;
    }

    section.blog-sec .col-md-4.mb-4 {
        width: 50%;
    }

    .contact-links ul li img {
        width: 80px;
        height: 80px;
    }

    .contact-us .theme-h2 {
        font-size: 40px;
    }

    .agree-text {
        flex-wrap: wrap;
    }

    .park-space-right-box {
        display: flex;
        align-items: end;
    }

    .partnership-and-affiliates-box {
        height: 420px;
    }

    ul.testi-img li img {
        width: 30px;
        height: 30px;
    }

    ul.testi-img li p {
        font-size: 10px;
    }

    .faq-left {
        margin: 20px 0;
        gap: 10px;
    }

    section.top-location-sec .col-lg-10 {
        width: 80%;
    }

    section.top-location-sec .col-lg-2 {
        width: 20%;
    }

    .top-location-nav .nav-item {
        width: 100%;
    }

    .location-item {
        font-size: 11px;
    }

    .step-image img {
        height: auto;
        box-shadow: 0 0 20px 0 #00000036;
    }

    .search-button-group .theme_btn {
        gap: 5px !important;
    }

    .date-separator-icon {
        margin: 12px 0 0;
    }

    .date-input-group input {
        width: 100% !important;
    }

    .finding_space_left .pkg-card .pkg-txt div {
        padding: 0;
    }

    .finding_space_left .pkg-card {
        height: 260px;
    }

    .app-breadcrumbs {
        padding: 0;
    }

    section.book-sec.sec .booking-details-card .col-md-4 {
        width: 60%;
    }

    section.book-sec.sec .booking-details-card .col-md-8 {
        width: 100%;
    }

    .sc-cd6075cf-0.DQtHs {
        display: block !important;
    }

    .news-list-det ul.news-list {
        margin: 0 0 20px;
        flex-direction: column;
        align-items: start;
    }

    .news-list-det ul.news-list li.col-lg-2 {
        width: 50%;
    }

    .news-list-det ul.news-list p {
        font-size: 14px;
    }

    div#dynamicStepsBar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .calendar-header button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000 !important;
    }

    .popup-content {
        width: 100%;
    }

    /* .calendar-dates {
        display: grid;
        grid-template-columns: repeat(7, 0.1fr);
        gap: 34px;
        justify-content: center;
    } */

    .calendar {
        width: 100%;
    }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 36px;
        line-height: 1.5;
        font-weight: 500;
    }

    h2 {
        font-size: 35px;
        line-height: 1.2;
        font-weight: 500;
    }

    h3 {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 600;
    }

    h4 {
        font-size: 25px;
        line-height: 1.2;
        font-weight: 500;
    }

    h5 {
        font-size: 20px;
        line-height: 1.2;
        font-weight: 500;
    }

    h6 {
        font-size: 17px;
        font-weight: 500;
    }

    section.header .col-lg-8.col-md-8.col-sm-12 {
        width: 100%;
        order: 2;
    }

    section.header .col-lg-2.col-md-2.col-sm-6 {
        width: 49%;
    }

    .hdr_logo a img {
        width: 60%;
    }

    .hdr_logo a {
        display: block;
    }

    section.header {
        padding: 0 0 10px 0;
    }

    .nav ul li a {
        font-size: 10px;
    }

    .nav ul {
        justify-content: space-around;
    }

    .banner-top-left h1 span {
        font-size: 32px;
    }

    .hero-banner {
        height: 570px;
        border-radius: 20px !important;
    }

    .hero-upper-right {
        width: 100%;
        padding: 20px 10px;
    }

    .main-banner .row {
        padding: 0;
        margin: 0;
    }

    .hero-left-wrapper {
        padding: 0;
    }

    .counter-box p {
        font-size: 13px;
    }

    .counter-section {
        justify-content: space-around;
    }

    .main-banner .nav-tabs .nav-link {
        font-size: 10px;
    }

    .search-btn .location-btn {
        margin: 0;
    }

    .search-btn {
        padding: 10px;
        font-size: 12px;
        border: 1px solid;
        height: 50px;
    }

    .time-selector {
        padding: 0;
        margin: 10px 5px;
    }

    .time-selector .form-select {
        padding: 10px;
        font-size: 12px;
        border: 1px solid;
        height: 50px;
    }

    .hero-upper-right>h3 {
        font-size: 25px;
    }

    .hero-upper {
        padding: 10px;
    }

    .hero-banner img {
        border-radius: 20px !important;
    }

    .banner-bttom-img video {
        height: auto;
    }

    section.banner-bottom-sec {
        padding-bottom: 50px;
    }

    section.main-banner {
        padding-bottom: 50px;
    }

    .pkg-txt {
        padding: 0px !important;
    }

    .pkg-card {
        padding: 9px 6px !important;
        gap: 10px;
        margin: 5px 0 !important;
        height: 200px;
    }

    .pkg-card .pkg-txt div {
        gap: 0;
    }

    .pkg-card .pkg-txt p {
        margin: 0;
        font-size: 10px !important;
    }

    .pkg-card .pkg-img {
        height: 160px !important;
        width: 30%;
    }

    .pkg-card .pkg-txt .theme_btn {
        font-size: 10px !important;
    }

    .pkg-card .pkg-txt div img,
    .pkg-card .pkg-txt div i {
        margin-right: 3px !important;
        width: 12px !important;
        font-size: 11px;
    }

    section.list-space-sec .col-lg-4 {
        width: 50%;
    }

    .list-card {
        min-height: auto;
        margin: 10px 0;
    }

    .partnership-and-affiliates-sec .col-lg-4.col-md-4.col-12 {
        width: 50%;
    }


    .day-checkboxes label {
        padding: 6px 20px;
        font-size: 14px;
    }

    .sec {
        padding: 50px 0;
    }

    section.news-sec .col-lg-4 {
        width: 50%;
    }

    .work-bx p {
        width: 100%;
    }

    section.bottom-nav .flex-center {
        position: relative;
        padding: 0 0 70px 0;
    }

    section.bottom-nav .flex-center p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .news-card-text {
        height: auto;
    }

    .hero-banner::before {
        border-radius: 20px;
    }

    section.banner-top.inner-banner-top {
        padding: 20px 0 0 !important;
    }

    .hero-banner.inner-hero-banner {
        height: auto;
    }

    .inner-hero-banner img {
        height: 400px;
    }

    .map-section {
        overflow: hidden !important;
    }

    li.results-item {
        width: 45%;
    }

    .contactus-map iframe {
        height: 500px;
        width: 100%;
    }

    .date-selection-inputs {
        row-gap: 0;
    }

    form#parkingSearchForm {
        flex-direction: row;
    }

    button.search-park-button {
        right: 15%;
        color: #000;
    }

    section.blog-sec .col-md-4.mb-4 {
        width: 50%;
    }

    .arichve-sm.no-bdr span:nth-child(2) {
        padding-left: 10px;
        margin-left: 10px;
    }

    .arichve-sm span {
        font-size: 12px;
    }


    .contact-links ul li.col-lg-3 {
        display: none;
    }

    .contact-us .theme-h2 {
        font-size: 35px;
        line-height: 1;
    }

    .contact-links ul li h3 {
        font-size: 20px;
    }

    .contact-links ul {
        margin: 0 0 20px;
    }

    .log-in-wrap {
        margin: 10px 0;
        padding: 30px 20px;
    }

    .log-in-wrap h2 {
        font-size: 25px;
        line-height: 1;
    }

    .agree-text {
        flex-wrap: wrap;
    }

    ul.news-list {
        flex-wrap: wrap;
        margin: 0 0 10px 0 !important;
    }

    .news-det1-heading h1 {
        font-size: 25px;
    }

    ul.news-list p {
        font-size: 12px;
    }

    img.park-space-right-box-image {
        position: unset;
        height: auto;
        object-position: 0 0 !important;
        width: 50%;
        margin: 10px auto;
    }

    ul.testi-img li img {
        width: 30px;
        height: 30px;
    }

    ul.testi-img li p {
        font-size: 12px;
    }

    .step-text {
        margin: 60px 0 0;
    }

    .search-button-group .theme_btn {
        gap: 5px !important;
    }

    .date-separator-icon {
        margin: -10px 0 0;
    }

    .finding_space_left .pkg-card .pkg-txt div {
        padding: 0;
    }

    .sc-cd6075cf-0.DQtHs {
        display: block !important;
        width: 100% !important;
    }

    section.book-sec.sec .booking-details-card .col-md-4 {
        width: 60%;
    }

    section.book-sec.sec .booking-details-card .col-md-8 {
        width: 100%;
    }

    div#dynamicStepsBar {
        flex-wrap: wrap;
        gap: 10px;
    }

    .popup-content {
        width: 100%;
    }

    .calendar-header button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000 !important;
    }

    .arrow-steps .step:after,
    .arrow-steps .step:before {
        content: "";
        position: absolute;
        top: -1px;
        right: -16px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 17px solid #e2e9fb;
        z-index: 2;
        transition: border-color 0.2s ease;
    }

    .arrow-steps .step:before {
        right: auto;
        left: -2px;
        border-left: 17px solid #fff;
        z-index: 0;
    }
}


@media only screen and (min-width: 520px) and (max-width: 767px) {
    h1 {
        font-size: 52px;
        line-height: 1;
        font-weight: 500;
    }

    h2 {
        font-size: 40px;
        line-height: 1.2;
        font-weight: 500;
    }

    h3 {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 600;
    }

    h4 {
        font-size: 25px;
        line-height: 1.2;
        font-weight: 500;
    }

    h5 {
        font-size: 20px;
        line-height: 1.2;
        color: #000;
        font-weight: 500;
    }

    h6 {
        font-size: 17px;
        font-weight: 500;
    }

    p {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.8;
        font-family: "Montserrat", serif;
    }

    ul#menu {
        display: none;
    }

    .hdr_logo {
        justify-content: center;
        display: flex;
    }

    .hdr_btn {
        justify-content: center;
        margin: 20px 0 0px 0;
    }

    .slicknav_nav a:hover {
        background: #212121;
        color: #fff;
    }

    .banner-top-left h1 span {
        font-size: 43px;
        font-weight: 900;
        margin: 0;
    }

    .hero-upper-right {
        padding: 20px 0px;
        width: 100%;
    }

    .hero-banner {
        height: auto;
        border-radius: 0;
    }

    .hero-banner img {
        position: unset;
        margin: 0 0 10px 0;
    }

    .hero-upper {
        position: unset;
        padding: 0;
    }

    .hero-banner::before {
        display: none;
    }

    .hero-banner.inner-hero-banner::before {
        display: block;
    }

    .hero-left-wrapper {
        padding: 0;
    }

    .hero-upper-left p {
        color: #000;
        width: 100%;
        text-align: center;
    }

    .counter-section * {
        color: #000 !important;
    }

    .counter-box p {
        font-size: 14px;
    }

    .main-banner .col-md-12 {
        margin: 0;
    }

    .hero-upper-right>h3 {
        font-family: "Mont", sans-serif;
        font-size: 39px;
    }

    .main-banner .row {
        display: block;
        align-items: center;
        margin: 0 auto;
    }

    h1 {
        text-align: center;
        flex-wrap: wrap;
    }

    .banner-top-right p {
        text-align: center;
    }

    .time-selector {
        padding: 0;
        margin: 10px 0;
    }

    .time-selector .form-select {
        border-radius: 0;
        border: 1px solid;
    }

    .search-btn {
        border-radius: 0;
        border: 1px solid;
    }

    .main-banner .nav-tabs {
        border: 1px solid;
    }

    .main-banner .nav-tabs .nav-link {
        font-size: 11px;
    }

    .banner-bttom-img video {
        height: auto;
    }

    .heading-row p {
        width: 100%;
    }

    .pkg-card .pkg-img {
        height: 150px !important;
    }

    .pkg-card {
        padding: 10px;
        gap: 0;
        margin: 5px 0 !important;
    }

    .pkg-card .pkg-txt {
        padding: 10px !important;
    }

    .pkg-card .pkg-txt p {
        font-size: 12px !important;
        margin: 0;
    }

    .pkg-card .pkg-txt div img,
    .pkg-card .pkg-txt div i {
        width: 15px;
        object-fit: contain;
        margin: 0;
    }



    .list-left-text {
        text-align: center;
    }

    span.oval {
        margin: 0 auto 10px auto;
    }

    .list-card-image img {
        height: 250px;
    }

    .list-card {
        min-height: auto;
        margin: 10px 0;
    }

    .park-space-box {
        padding: 10px 10px;
    }

    p.park-space-heading {
        font-size: 16px !important;
        margin: 0 0 5px;
    }

    .park-space-box-text p {
        font-size: 12px;
        line-height: 1.5;
    }

    .park-space-card {
        width: 100% !important;
    }

    .park-space-right-box {
        display: block;
    }

    div#stepWrapper {
        min-height: 640px !important;
        padding: 30px 10px;
    }

    .day-checkboxes label {
        padding: 5px 10px;
        font-size: 12px;
    }

    .form-control {
        height: 50px;
        margin: 0 0 10px 0;
    }

    .step-box.animated-step {
        top: 5%;
        margin: 10px;
        width: -webkit-fill-available;
    }

    .heading-row h2 {
        font-size: 33px;
    }

    .main-accordion .accordion-item {
        padding: 10px;
    }

    .sec {
        padding: 50px 0;
    }

    .testi-left-text {
        text-align: center;
    }

    .testi-btn {
        justify-content: center;
    }

    .testi-slider .slick-slide {
        margin: 0 5px;
    }

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

    html {
        overflow-x: hidden !important;
    }

    .result-box {
        padding: 0 !important;
        box-shadow: unset !important;
        background: transparent;
    }

    form#pricingCalculatorForm h5 {
        font-size: 26px;
    }


    .result-box strong {
        font-size: 20px;
    }

    .work-txt h3 {
        font-size: 30px;
    }

    .work-txt p {
        width: 100%;
    }

    .work-bx p {
        width: 90%;
    }

    .work-bx {
        margin: 5px 0;
        border: 1px solid #34a853;
        padding: 10px 0;
    }

    section.bottom-nav p {
        font-size: 12px;
    }

    section.bottom-nav .flex-center {
        position: relative;
        padding: 0 0 80px 0;
    }

    section.bottom-nav .flex-center p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    section.park-space-sec .heading-row {
        margin: 0 0 10px;
    }

    section.banner-bottom-sec {
        padding-bottom: 30px;
    }

    section.main-banner {
        padding-bottom: 30px;
    }

    .inner-hero-banner img {
        height: 350px;
    }

    section.banner-top.inner-banner-top {
        padding: 20px 0 0 !important;
    }

    ul#locationTabs {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .top-location-nav .nav-link {
        padding: 13px 20px;
    }

    .locations-grid {
        column-gap: 10px !important;
        row-gap: 10px;
    }

    .map-section {
        width: 100% !important;
        height: 400px !important;
        flex: none !important;
        min-height: 400px !important;
        overflow: hidden !important;
    }

    span.featured-badge {
        padding: 20px;
        margin: 0 0 20px 0;
        display: block;
    }

    .space-card .image {
        width: 100%;
        height: 250px;
    }

    .space-card .content {
        padding: 55px 20px 0 0px;

    }

    .app-breadcrumbs {
        padding: 0;
    }

    .container-fluid.app-breadcrumbs-list {
        padding: 0;
    }

    .app-breadcrumbs .breadcrumb {
        font-size: 13px;
    }

    section.search-section {
        padding-bottom: 0;
    }

    .contactus-map iframe {
        height: 400px;
        width: 100%;
    }

    .date-selection-inputs {
        flex-direction: column;
        row-gap: 0;
    }

    button.search-park-button {
        color: #000;
        width: auto;
        top: 50%;
        width: 35px;
        height: 35px;
        right: 20%;
    }

    .form-control1 {
        font-size: 11px;
    }

    .form-control1::placeholder {
        font-size: 11px;
    }

    form#parkingSearchForm {
        margin: 0 !important;
        flex-direction: row;
    }

    .filter-box {
        margin: 0;
    }

    .location-prompt {
        flex-wrap: wrap;
    }

    .search-park-main-box .col-lg-6 {
        margin: 0;
    }

    .find-space-heading h2 {
        font-size: 21px !important;
    }

    .finding_space .pkg-card {
        flex-direction: column;
    }

    .space-badges.mt-2 * {
        color: #000 !important;
    }

    section.blog-detail-sec .blog-image img {
        height: 350px;
    }

    .blog-det-main-box {
        width: 100%;
        margin: 0;
    }

    .blog-det-box {
        padding: 30px 10px;
    }

    .blog-det-box p span {
        font-size: 12px !important;
    }

    .arichve-sm.no-bdr span:nth-child(2) {
        padding: 0;
        margin: 0;
        border: none;
    }

    a.link2 {
        font-size: 14px;
    }

    .contact-links ul {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 20px 0;
        gap: 20px;
    }

    .contact-links ul li {
        align-items: center;
        text-align: center;
    }

    .contact-us .theme-h2 {
        font-size: 35px;
        margin: 0;
    }

    .contact-links {
        margin: 20px 0 0 0;
    }

    .contact-form * {
        text-align: center;
    }

    .contact-links * {
        text-align: center;
    }

    .log-in-wrap {
        margin: 10px 0;
        padding: 30px 20px;
    }

    .log-in-wrap h2 {
        font-size: 25px;
        line-height: 1;
    }

    .agree-text {
        flex-wrap: wrap;
    }

    section.book-sec .col-xl-8.col-lg-8.col-md-8.col-sm-8.col-8 {
        width: 100%;
    }

    .form-group1 {
        padding: 20px 10px;
        margin: 10px 0;
    }

    label.form-lable1 {
        margin: 0 0 10px 0;
    }

    .search-image img {
        height: 350px;
        margin: 0 0 10px;
    }

    .search-text h2 {
        font-size: 35px;
    }

    section.faqs-sec.sec .heading-row h2 {
        font-size: 25px;
    }

    .news-det1-heading h1 {
        font-size: 20px;
    }

    ul.news-list {
        margin: 10px 0 !important;
        justify-content: center !important;
    }

    .news-det-banner img {
        height: 350px !important;
        margin: 10px 0;
    }

    .news-det-main-box h3 {
        font-size: 25px !important;
    }

    img.park-space-right-box-image {
        position: unset;
        height: auto;
        object-position: 0 0 !important;
        width: 100%;
        margin: 10px 0;
    }

    .partnership-and-affiliates-box {
        overflow-y: unset;
        height: auto;
        padding: 20px 10px;
    }

    .top-bar {
        padding: 15px 5px;
    }

    .footer-text.chg p {
        margin: 10px 0;
        text-align: center;
    }

    .step-image img {
        height: auto;
    }


    .step-text {
        margin: 50px 0 0 0;
    }


    .step-text span.step.oval {
        margin: 0;
    }

    .search-button-group .theme_btn {
        gap: 5px !important;
    }

    .date-separator-icon {
        margin: -10px 0 0;
    }

    form.search-park-form input {
        padding: 15px 10px;
    }

    .finding_space_left .pkg-img {
        width: 100%;
        height: 260px !important;
    }

    .form-group-custom {
        margin: 0 0 10px;
    }

    .form-label-main {
        margin: 0;
    }

    .radio-group {
        margin: 10px 0 10px 0;
    }

    .form-group-custom input.form-input {
        margin: 0 0 10px;
    }

    .sc-cd6075cf-0.DQtHs {
        display: block !important;
        width: 100% !important;
    }

    a.update-date {
        margin: 0;
        justify-content: center;
    }

    .term-text-inner {
        padding: 20px 0 !important;
    }

    .term-text h4 {
        font-size: 20px !important;
    }

    ul.list li {
        padding: 0 0 0 20px !important;
    }

    ul.list li::before {
        left: 0px !important;
    }

    ul.list li p {
        line-height: 1.5 !important;
    }

    div#dynamicStepsBar {
        flex-wrap: wrap;
        gap: 10px;
    }

    form#hostForm label.form-lable1 {
        font-size: 16px;
    }

    .popup-content.custom-availability-box {
        padding: 30px 10px;
        width: 100%;
    }

    .popup-box {
        padding: 5px;
    }

    .time-range {
        flex-direction: column;
    }

    .time-range.show {
        max-height: max-content;
    }

    .time-input {
        width: 100%;
    }

    .host-btn {
        padding: 10px 20px;
    }

    form#hostForm .map-container {
        height: 300px !important;
    }

    .popup-content {
        padding: 40px 10px;
        width: 100%;
    }

    .yes-no-box {
        flex-direction: column !important;
        gap: 0;
    }

    .yes-no-box a {
        width: 80%;
    }

    form#hostForm .form-input {
        background: transparent;
        padding: 0;
        margin: 0;
    }

    div#listingThumbnail img {
        object-fit: contain !important;
    }

    .listing-info h3 {
        font-size: 25px;
    }

    form.step-form-main p {
        flex-direction: column !important;
    }

    .listing-info p * {
        width: 100%;
    }

    .calendar-body {
        width: 500px !important;
        overflow-x: scroll;
        max-width: 500px;
    }

    .calendar {
        overflow: scroll !important;
        max-width: 100%;
    }

    .calendar-header button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000 !important;
    }

    .news-det-box {
        margin: 40px 0;
        max-width: 100%;
        overflow-x: scroll;
    }

    table.table.news-table.text-center {
        width: 1000px !important;
        overflow-x: scroll;
        max-width: 1000px;
    }

    .arrow-steps .step:after,
    .arrow-steps .step:before {
        content: "";
        position: absolute;
        top: 0;
        right: -16.4px;
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 21px solid transparent;
        border-left: 17px solid #e2e9fb;
        z-index: 2;
        transition: border-color 0.2s ease;
    }

    .arrow-steps .step:before {
        right: auto;
        left: -2px;
        border-left: 17px solid #fff;
        z-index: 0;
    }

    .booking-details strong {
        font-weight: 500;
        margin: 0 10px 0 0;
    }

    .booking-details-card {
        padding: 20px;
    }

    .listing-info p span {
        text-align: left;
    }

}


@media only screen and (min-width: 300px) and (max-width: 519px) {

    h1 {
        font-size: 33px;
        line-height: 1.5;
        font-weight: 500;
    }

    h2 {
        font-size: 31px;
        line-height: 1.2;
        font-weight: 500;
    }

    h3 {
        font-size: 30px;
        line-height: 1.2;
        font-weight: 600;
    }

    h4 {
        font-size: 25px;
        line-height: 1.2;
        font-weight: 500;
    }

    h5 {
        font-size: 20px;
        line-height: 1.2;
        color: #000;
        font-weight: 500;
    }

    h6 {
        font-size: 17px;
        font-weight: 500;
    }

    p {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.5;
        font-family: "Montserrat", serif;
    }

    ul#menu {
        display: none;
    }

    .hdr_logo {
        justify-content: center;
        display: flex;
    }

    .hdr_btn {
        justify-content: center;
        margin: 20px 0 0px 0;
    }

    .slicknav_nav a:hover {
        background: #212121;
        color: #fff;
    }

    .banner-top-left h1 span {
        font-size: 29px;
        font-weight: 900;
        margin: 0;
    }

    .hero-upper-right {
        padding: 20px 0px;
        width: 100%;
    }

    .hero-banner {
        height: auto;
        border-radius: 0;
    }

    .hero-banner img {
        position: unset;
        margin: 0 0 10px 0;
    }

    .hero-upper {
        position: unset;
        padding: 0;
    }

    .hero-banner::before {
        display: none;
    }

    .hero-banner.inner-hero-banner::before {
        display: block;
    }

    .hero-left-wrapper {
        padding: 0;
    }

    .hero-upper-left p {
        color: #000;
        width: 100%;
        text-align: center;
    }

    .counter-section * {
        color: #000 !important;
    }

    .counter-box p {
        font-size: 14px;
    }

    .main-banner .col-md-12 {
        margin: 0;
    }

    .hero-upper-right>h3 {
        font-family: "Mont", sans-serif;
        font-size: 29px;
    }

    .main-banner .row {
        display: block;
        align-items: center;
        margin: 0 auto;
    }

    h1 {
        text-align: center;
        flex-wrap: wrap !important;
    }

    .banner-top-right p {
        text-align: center;
    }

    .time-selector {
        padding: 0;
        margin: 10px 0;
    }

    .time-selector .form-select {
        border-radius: 0;
        border: 1px solid;
    }

    .search-btn {
        border-radius: 0;
        border: 1px solid;
    }

    .main-banner .nav-tabs {
        border: 1px solid;
    }

    .main-banner .nav-tabs .nav-link {
        font-size: 11px;
    }

    .banner-bttom-img video {
        height: auto;
    }

    .heading-row p {
        width: 100%;
    }

    .pkg-card .pkg-img {
        height: 150px !important;
    }

    .pkg-card {
        padding: 10px;
        gap: 0;
        margin: 5px 0 !important;
    }

    .pkg-card .pkg-txt {
        padding: 10px !important;
    }

    .pkg-card .pkg-txt p {
        font-size: 12px !important;
        margin: 0;
    }

    .pkg-card .pkg-txt div img,
    .pkg-card .pkg-txt div i {
        width: 15px;
        object-fit: contain;
        margin: 0;
    }



    .list-left-text {
        text-align: center;
    }

    span.oval {
        margin: 0 auto 10px auto;
    }

    .list-card-image img {
        height: 250px;
    }

    .list-card {
        min-height: auto;
        margin: 10px 0;
    }

    .park-space-box {
        padding: 10px 10px;
    }

    p.park-space-heading {
        font-size: 16px !important;
        margin: 0 0 5px;
    }

    .park-space-box-text p {
        font-size: 12px;
        line-height: 1.5;
    }

    .park-space-card {
        width: 100% !important;
    }

    .park-space-right-box {
        display: block;
    }

    div#stepWrapper {
        min-height: 640px !important;
        padding: 30px 10px;
    }

    .day-checkboxes label {
        padding: 5px 10px;
        font-size: 12px;
    }

    .form-control {
        height: 50px;
        margin: 0 0 10px 0;
    }

    .step-box.animated-step {
        top: 5%;
        margin: 10px;
        width: -webkit-fill-available;
    }

    .heading-row h2 {
        font-size: 25px;
    }

    .main-accordion .accordion-item {
        padding: 10px;
    }

    .sec {
        padding: 50px 0;
    }

    .testi-left-text {
        text-align: center;
    }

    .testi-btn {
        justify-content: center;
    }

    .testi-slider .slick-slide {
        margin: 0 5px;
    }

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

    html {
        overflow-x: hidden !important;
    }

    .result-box {
        padding: 0 !important;
        box-shadow: unset !important;
        background: transparent;
    }

    form#pricingCalculatorForm h5 {
        font-size: 26px;
    }


    .result-box strong {
        font-size: 20px;
    }

    .work-txt h3 {
        font-size: 30px;
    }

    .work-txt p {
        width: 100%;
    }

    .work-bx p {
        width: 90%;
    }

    .work-bx {
        margin: 5px 0;
        border: 1px solid #34a853;
        padding: 10px 0;
    }

    section.bottom-nav p {
        font-size: 12px;
    }

    section.bottom-nav .flex-center {
        position: relative;
        padding: 0 0 100px 0;
    }

    section.bottom-nav .flex-center p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    section.park-space-sec .heading-row {
        margin: 0 0 10px;
    }

    section.banner-bottom-sec {
        padding-bottom: 30px;
    }

    section.main-banner {
        padding-bottom: 30px;
    }

    .inner-hero-banner img {
        height: 300px;
    }

    section.banner-top.inner-banner-top {
        padding: 20px 0 0 !important;
    }

    ul#locationTabs {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .top-location-nav .nav-link {
        padding: 13px 20px;
    }

    .locations-grid {
        column-gap: 10px !important;
        row-gap: 10px;
    }

    .map-section {
        width: 100% !important;
        height: 400px !important;
        flex: none !important;
        min-height: 400px !important;
        overflow: hidden !important;
    }

    span.featured-badge {
        padding: 20px;
        margin: 0 0 20px 0;
        display: block;
    }

    .space-card .image {
        width: 100%;
        height: 250px;
    }

    .space-card .content {
        padding: 55px 20px 0 0px;

    }

    .app-breadcrumbs {
        padding: 0;
    }

    .container-fluid.app-breadcrumbs-list {
        padding: 0;
    }

    .app-breadcrumbs .breadcrumb {
        font-size: 13px;
    }

    section.search-section {
        padding-bottom: 0;
    }

    .contactus-map iframe {
        height: 300px;
        width: 100%;

    }

    .date-selection-inputs {
        flex-direction: column;
        row-gap: 0;
    }

    button.search-park-button {
        font-size: 12px;
        color: #000;
        width: auto;
        top: 48%;
        width: auto;
        height: auto;
        right: 15%;
        background: transparent;
    }

    .form-control1 {
        font-size: 11px;
    }

    .form-control1::placeholder {
        font-size: 11px;
    }

    form#parkingSearchForm {
        margin: 0 !important;
        flex-direction: row;
    }

    .filter-box {
        margin: 0;
    }

    .location-prompt {
        flex-wrap: wrap;
    }

    .search-park-main-box .col-lg-6 {
        margin: 0;
    }

    .find-space-heading h2 {
        font-size: 21px !important;
    }

    .finding_space .pkg-card {
        flex-direction: column;
    }

    .space-badges.mt-2 * {
        color: #000 !important;
    }

    .blog-text {
        width: 100%;
    }

    section.blog-detail-sec .blog-image img {
        height: 350px;
    }

    .blog-det-main-box {
        width: 100%;
        margin: 0;
    }

    .blog-det-box {
        padding: 30px 10px;
    }

    .blog-det-box p span {
        font-size: 12px !important;
    }

    .arichve-sm.no-bdr span:nth-child(2) {
        padding: 0;
        margin: 0;
        border: none;
    }

    a.link2 {
        font-size: 12px;
    }

    .contact-links ul {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: 20px 0;
        gap: 20px;
    }

    .contact-links ul li {
        align-items: center;
        text-align: center;
    }

    .contact-us .theme-h2 {
        font-size: 25px;
        margin: 0;
    }

    .contact-links {
        margin: 20px 0 0 0;
    }

    .log-in-wrap {
        margin: 10px 0;
        padding: 30px 20px;
    }

    .log-in-wrap h2 {
        font-size: 25px;
        line-height: 1;
    }

    .agree-text {
        flex-wrap: wrap;
    }

    section.book-sec .col-xl-8.col-lg-8.col-md-8.col-sm-8.col-8 {
        width: 100%;
    }

    .form-group1 {
        padding: 20px 10px;
        margin: 10px 0;
    }

    label.form-lable1 {
        margin: 0 0 10px 0;
    }

    .form-step {
        margin: 10px 0;
    }

    .search-image img {
        height: 350px;
        margin: 0 0 10px;
    }

    .search-text h2 {
        font-size: 35px;
    }

    section.faqs-sec.sec .heading-row h2 {
        font-size: 25px;
    }

    .news-det1-heading h1 {
        font-size: 20px;
    }

    ul.news-list {
        margin: 10px 0 !important;
        justify-content: left !important;
    }

    .news-det-banner img {
        height: 350px !important;
        margin: 10px 0;
    }

    .news-det-main-box h3 {
        font-size: 25px !important;
    }

    img.park-space-right-box-image {
        position: unset;
        height: auto;
        object-position: 0 0 !important;
        width: 100%;
        margin: 10px 0;
    }

    .partnership-and-affiliates-box {
        overflow-y: unset;
        height: auto;
        padding: 20px 10px;
    }

    .top-bar {
        padding: 15px 5px;
    }

    .footer-text.chg p {
        margin: 10px 0;
        text-align: center;
    }

    .step-image img {
        height: auto;
    }

    .step-text {
        margin: 20px 0 0 0;
    }

    .step-text span.step.oval {
        margin: 0 0 10px 0;
    }

    .search-button-group .theme_btn {
        gap: 5px !important;
    }

    .date-separator-icon {
        margin: 0;
    }

    form.search-park-form input {
        padding: 15px 10px;
    }

    .finding_space_left .pkg-img {
        width: 100%;
        height: 260px !important;
    }

    .blog-det-box h4 {
        text-align: center;
        color: #001e46;
        font-size: 19px;
    }

    .form-group-custom {
        margin: 0 0 10px;
    }

    .form-label-main {
        margin: 0;
    }

    .radio-group {
        margin: 10px 0 10px 0;
    }

    .form-group-custom input.form-input {
        margin: 0 0 10px;
    }

    .sc-cd6075cf-0.DQtHs {
        display: block !important;
        width: 100% !important;
    }

    a.update-date {
        margin: 0;
        justify-content: center;
    }

    .term-text-inner {
        padding: 20px 0 !important;
    }

    .term-text h4 {
        font-size: 20px !important;
    }

    ul.list li {
        padding: 0 0 0 20px !important;
    }

    ul.list li::before {
        left: 0px !important;
    }

    ul.list li p {
        line-height: 1.5 !important;
    }

    a.link1 {
        font-size: 12px !important;
    }

    .term-text p {
        font-size: 12px !important;
    }

    section.contact-us.inner-page .row {
        flex-direction: column-reverse !important;
    }

    .step-main-box {
        margin: 0 !important;
    }

    .step-image {
        margin: 20px 0 !important;
        width: 100% !important;
    }

    div#dynamicStepsBar {
        flex-wrap: wrap;
        gap: 10px;
    }

    form#hostForm label.form-lable1 {
        font-size: 16px;
    }

    .popup-content.custom-availability-box {
        padding: 30px 10px;
        width: 100%;
    }

    .popup-box {
        padding: 5px;
    }

    .time-range {
        flex-direction: column;
    }

    .time-range.show {
        max-height: max-content;
    }

    .time-input {
        width: 100%;
    }

    .host-btn {
        padding: 10px 20px;
    }

    form#hostForm .map-container {
        height: 300px !important;
    }

    .popup-content {
        padding: 40px 10px;
        width: 100%;
    }

    .yes-no-box {
        flex-direction: column !important;
        gap: 0;
    }

    .yes-no-box a {
        width: 80%;
    }

    form#hostForm .form-input {
        background: transparent;
        padding: 0;
        margin: 0;
    }

    div#listingThumbnail img {
        object-fit: contain !important;
    }

    .listing-info h3 {
        font-size: 25px;
    }

    form.step-form-main p {
        flex-direction: column !important;
    }

    .listing-info p * {
        width: 100%;
    }

    .calendar-body {
        width: 500px !important;
        overflow-x: scroll;
        max-width: 500px;
    }

    .calendar {
        overflow: scroll !important;
        max-width: 100%;
    }

    .calendar-header button {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000 !important;
    }

    .news-det-box {
        margin: 40px 0;
        max-width: 100%;
        overflow-x: scroll;
    }

    table.table.news-table.text-center {
        width: 1000px !important;
        overflow-x: scroll;
        max-width: 1000px;
    }

    .arrow-steps .step:after,
    .arrow-steps .step:before {
        content: "";
        position: absolute;
        top: 0;
        right: -16.4px;
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 21px solid transparent;
        border-left: 17px solid #e2e9fb;
        z-index: 2;
        transition: border-color 0.2s ease;
    }

    .arrow-steps .step:before {
        right: auto;
        left: -2px;
        border-left: 17px solid #fff;
        z-index: 0;
    }

    .booking-details strong {
        font-weight: 500;
        margin: 0 10px 0 0;
    }

    .booking-details-card {
        padding: 20px;
    }

    .listing-info p span {
        text-align: left;
    }

}

.date-input-group input {
    width: 100% !important;
}

.date-separator-icon {
    padding: 0 !important;
}

@media only screen and (min-width: 0px) and (max-width: 299px) {}

/*Media Query End*/

.step-box.animated-step {
    top: 5%;
    margin: 10px;
    width: -webkit-fill-available;
}

html {
    overflow-x: hidden;
}

div#filter-box {
    display: none !important;
}

.search-park-button:hover {
    color: #fff;
    background: #0056b3;
    transform: translateY(-50%) !important;
}

a.active {
    border-color: #50ae60 !important;
    background-color: #50ae60 !important;
    color: #fff !important;
}

body {
    overflow-x: hidden;
}

.blog-content img {
    margin: 0 0 30px !important;
    width: 100% !important;
}