@media (max-width: 767px){
    .banner-desc-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-left: 5px;
    }


    .banner-desc-box-title {
        font-size: 25px;
        font-weight: 300;
        color: #37414b;
        text-align: left;
        width: 100%;
    }

    .banner-desc-box-content {
        font-size: 14px;
        color: #37414b;
        text-align: left;
        width: 100%;
    }

    .carousel-item {
        height: 100%;
    }
    .w-100{
        height: 100%;
        object-fit: cover;
    }
    .carousel-inner{
        height: 200px;
    }

    .contact-box {
        margin: 100px auto;
        width: 100%;
        max-width: 1300px;
    }

    .titlle {
        font-size: 34px;
        font-family: Quicksand-Medium;
        text-align: center;
        padding-bottom: 50px;
    }

    .contact-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .contact-form-item {
        width: 48%;
    }

    .item-input input {
        width: 100%;
    }

    .contact-form textarea {
        width: 100%;
    }

    .contact-form button {
        width: 150px;
        height: 40px;
        background: #37414b;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px auto 0;
    }

    .map {
        margin: 0 auto;
        border-radius: 12px;
        overflow: hidden;
    }
}
@media (min-width: 768px) and (max-width: 1365px){
    .banner-desc-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


    .banner-desc-box-title {
        font-size: 40px;
        font-weight: 300;
        color: #37414b;
        text-align: left;
        width: 60%;
    }

    .banner-desc-box-content {
        font-size: 16px;
        color: #37414b;
        text-align: left;
        width: 60%;
    }

    .contact-box {
        margin: 100px auto;
        width: 100%;
        max-width: 1300px;
    }

    .titlle {
        font-size: 40px;
        font-family: Quicksand-Medium;
        text-align: center;
        padding-bottom: 50px;
    }

    .contact-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .contact-form-item {
        width: 48%;
    }

    .item-input input {
        width: 100%;
    }

    .contact-form textarea {
        width: 100%;
    }

    .contact-form button {
        width: 150px;
        height: 40px;
        background: #37414b;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px auto 0;
    }
    .map {
        margin: 0 auto;
        border-radius: 12px;
        overflow: hidden;
    }
}
@media (min-width: 1366px) {
    .banner-desc-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


    .banner-desc-box-title {
        font-size: 40px;
        font-weight: 300;
        color: #37414b;
        text-align: left;
        width: 60%;
    }

    .banner-desc-box-content {
        font-size: 16px;
        color: #37414b;
        text-align: left;
        width: 60%;
    }

    .contact-box {
        margin: 100px auto;
        width: 100%;
        max-width: 1300px;
    }

    .titlle {
        font-size: 40px;
        font-family: Quicksand-Medium;
        text-align: center;
        padding-bottom: 50px;
    }

    .contact-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 0;
    }

    .contact-form-item {
        width: 48%;
    }

    .item-input input {
        width: 100%;
        position: relative;
    }

    .contact-form textarea {
        width: 100%;
        position: relative;
    }

    .contact-form button {
        width: 150px;
        height: 40px;
        background: #37414b;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px auto 0;
    }

    .map{
        width:1300px;
        height: 500px;
        margin: 0 auto;
        border-radius: 12px;
        overflow: hidden;
    }

    .reviews-form-verify{
        cursor: pointer;
    }
}