.mask h1 {
    font-size: 50px;
    margin-top: 12vw;
    font-weight: 700;
    color: #f89d13;
}

.details i {
    font-size: 30px !important;
    text-align: center;
}

.form-button:hover {
    background: #f89d13 !important;
    color: #fff !important;
}

.form {
    padding: 2vw 2vw 2vw 2vw;
    margin-left: 10vw;
    height: 330px;
    border: 1px solid #f89d13;
    border-radius: 13px;
}

.more_info, .view, .amenities, .gallery, .near {
    margin-left: 5vw;
}

.more_info h3, .view h3, .amenities h3, .gallery h3, .near h3 {
    font-weight: 700;
    color: #f89d13;
}

@media screen and (width:280px) {

    /*Banner*/
    .bg-image img {
        width: 100% !important;
        height: 120% !important;
        margin-top: 2vw !important;
    }

    .mask {
        height: 70vw !important;
    }

    .mask h1 {
        font-size: 11px !important;
    }

    .mask h4 {
        font-size: 11px !important;
    }

    /*Info & Form*/
    .image-home {
        width: 80% !important;
        margin-left: 7vw !important;
    }

    .details .card {
        width: 100px;
    }

    .details i {
        font-size: 20px !important;
    }

    .details .card-title {
        font-size: 10px !important;
    }

    .form {
        padding: 10vw 10vw 10vw 10vw;
        margin-left: 3vw;
        height: 330px;
        border: 1px solid #f89d13;
        border-radius: 13px;
        width: 230px !important;
    }

    /*Map*/
    .more_info {
        width: 80% !important;
        margin-left: 10vw !important;
    }

    .view {
        margin-left: 10vw !important;
        margin-top: 10vw !important;
    }

    iframe {
        width: 85% !important;
    }

}

@media screen and (max-width:650px) and (min-width:281px) {

    /*Banner*/
    .bg-image img {
        width: 100% !important;
        height: 100% !important;
        margin-top: 14vw !important;
    }

    .mask {
        height: 70vw !important;
        margin-top: 10vw !important;
    }

    .mask h1 {
        font-size: 20px !important;
    }

    .mask h4 {
        font-size: 18px !important;
    }

    /*Info & Form*/
    .image-home {
        width: 80% !important;
        margin-left: 7vw !important;
    }

    .details .card {
        width: 100px;
    }

    .form {
        padding: 10vw 10vw 10vw 10vw;
        margin-left: 3vw;
        height: 330px;
        border: 1px solid #f89d13;
        border-radius: 13px;
        width: 330px !important;
    }

    /*More Info*/
    .more_info {
        width: 80% !important;
        margin-left: 10vw !important;
    }

    .view {
        margin-left: 10vw !important;
        margin-top: 10vw !important;
    }

    iframe {
        width: 85% !important;
    }

    /*Amenities*/
    .ameni {
        display: flex !important;
    }

    .ameni h6, .ameni i {
        font-size: 13px !important;
    }

    .ameni .card {
        margin-left: -30px !important;
        background: none !important;
    }

    .amenities {
        margin-left: 10vw !important;
    }

    /*Gallery*/
    .gallery {
        margin-left: 10vw !important;
    }

    /*Near by places*/
    .near {
        margin-left: 10vw !important;
    }
}

@media screen and (min-width:651px) and (max-width:852px) {
    /*Banner*/

    .bg-image img {
        width: 100% !important;
        height: 100% !important;
        margin-top: 2vw !important;
    }

    .mask {
        height: 70vw !important;
    }

    .mask h1 {
        font-size: 25px !important;
    }

    .mask h4 {
        font-size: 18px !important;
    }

    /*Form*/
    .image-home {
        width: 70% !important;
    }

    .form {
        width: 70% !important;
    }

    .details .card {
        width: 150px;
    }

    /*Map*/
    iframe {
        width: 90% !important;
        height: 300px !important;
    }

    /*Amenities*/
    .ameni {
        display: flex !important;
    }

    .ameni h6, .ameni i {
        font-size: 20px !important;
    }

    .ameni .card {
        background: none !important;
    }

}

@media screen and (min-width:900px) {
    .navbar-collapse ul {
        margin-left: 35vw !important;
    }

    .map {
        display: flex;
    }

    iframe {
        width: 100% !important;
        height: 300px !important;
    }

    .ameni {
        display: flex !important;
    }

    .places {
        display: flex !important;
    }

    .places .card2 {
        margin-left: 10vw !important;
    }
}

@media screen and (width:1024px) {
    .collapse ul{
        margin-left: 20vw !important;
    }
}