@media (max-width: 1024px) and (min-width:981px) {
    .cda-single-content {
        margin:0 15px
    }
}

@media (max-width: 768px) {
    section.contact-banner h5 {
        margin-top:60px
    }

    .contact-content {
        padding-right: 12px;
        width: 100%
    }

    .contact-form {
        width: 100%
    }

    section.contact-banner {
        height: 220px;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width: 540px) {
    section.contact-banner h1 {
        font-size:20px
    }

    section.contact-banner h5 {
        margin-top: 48px;
        font-size: 12px
    }

    section.contact-wrapper {
        padding-top: 85px
    }

    .cda-single-content {
        margin: 0 15px;
        padding: 15px 0 5px
    }

    .cda-content-inner h4,.contact-content .reservations a {
        font-size: 18px
    }

    .cda-content-inner p {
        margin: 10px 0;
        font-size: 15px
    }

    .cda-icon i {
        font-size: 30px;
        height: 40px;
        width: 40px;
        line-height: 40px
    }

    .contact_from_box {
        padding: 20px
    }

    .contact-content,.contact-form,.contact-form h3 {
        padding-left: 0;
        padding-right: 0
    }

    .contact_from_box .heading h6 {
        font-size: 26px;
        margin-bottom: 10px
    }

    .contact_from_box .our-contact-heading p {
        font-size: 15px;
        margin-bottom: 0
    }

    section.contact-banner {
        height: 180px;
        background-size: cover;
    }

    section.contact-banner .col-12 {
        padding: 0
    }

    .contact-content {
        width: 100%
    }

    .contact-content .reservations {
        margin-top: 15px;
        margin-bottom: 20px
    }

    .contact-form {
        width: 100%;
        margin-top: 10px
    }

    .form-floating {
        width: 100%;
        padding: 0
    }
  .quote_btn.col-6 {
    width: 100%;
    padding: 0;
}
}