body {
}


.caption-text .es-text {
    padding: 0px 10px;
    background: rgba(86,86,86,.55);
}

.filter-div-manege-cust {
    flex: 0 0 20%;
    max-width: 20%;
}

.filter-div-manege-cust1 {
    flex: 0 0 80%;
    max-width: 80%;
}

.caption-text {
    bottom: 0;
}

.banner-slider img {
    object-fit: cover;
    width: 100%;
    height: 360px;
}

@media(max-width:480px) {
    .carousel_img img {
        width: 100%;
        height: 200px;
    }

}

@media only screen and (max-width: 767px) {
    .es-text.pacage_name.england {
        padding: 0px 10px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .es-text.pacage_name.england {
        padding: 0px 10px;
        font-size: 18px;
    }

    .text-group.package-group.mb-3.england {
        bottom: 2%;
    }
}

@media only screen and (min-width : 1024.98px) and (max-width : 1206px) {
    .es-text.pacage_name.england {
        padding: 0px 10px;
        font-size: 24px;
    }

    .text-group.package-group.england {
        bottom: 2%;
    }
}




.col-cust-filrter {
    flex: 0 0 22.5%;
    max-width: 22.5%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-cust-filrter1 {
    flex: 0 0 10%;
    max-width: 10%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

    .col-cust-filrter1 .form-group {
        float: right;
    }

.starDropdown {
    width: 87.8%;
}

@media only screen and (max-width: 767px) {
    .col-cust-filrter {
        flex: 0 0 100%;
        max-width: 50%;
    }

    .col-cust-filrter1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .starDropdown {
        width: 92%;
    }

    .filter-div-manege-cust {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .filter-div-manege-cust1 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-cust-filrter1 .form-group {
        float: left;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    .filter-div-manege-cust {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .filter-div-manege-cust1 {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .col-cust-filrter {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-cust-filrter1 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-cust-filrter1 .form-group {
        float: left;
    }

    .starDropdown {
        width: 88%;
    }
}

@media only screen and (min-width : 991.98px) and (max-width : 1199.98px) {
    .filter-div-manege-cust {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .filter-div-manege-cust1 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-cust-filrter {
        flex: 0 0 21%;
        max-width: 21%;
    }

    .col-cust-filrter1 {
        flex: 0 0 16%;
        max-width: 16%;
    }

    .col-cust-filrter1 .form-group {
        float: right;
    }

}


@media(min-width:1200px){
    .banner-slider {
        height: 100% !important;
        min-height: 100% !important;
    }

    .banner-slider img {
        aspect-ratio: 4/1;
    }
}


@media(min-width:768px) and (max-width:1099px) {
    .banner-text-ht {
        height: 97px;
    }
}

@media(min-width:1100px) and (max-width:1199px) {
    .banner-text-ht {
        height: 70px;
    }
}

@media(min-width:1200px) {
    .banner-text-ht {
        height: 65px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
    div#map {
        height: 92% !important;
        position: absolute;
        z-index: -1 !important;
    }
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    div#map {
        height: 92% !important;
        position: absolute;
        z-index: -1 !important;
    }
}