@media (min-width: 1200px) and (max-width: 1399.98px) {
    .home-stay-card {
        height: 228px;
    }
    .landscape-carousel .item img {
        height: 208px;
    }
    .district-carousel .wrap-frame {
        height: 188px;
        max-height: 188px;
    }
    .img-div {
        height: 408px;
    }
    .img-div2 {
        height: calc(206.5px - 5px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-stay-card {
        height: 208px;
    }
    .landscape-carousel .item img {
        height: 208px;
    }
    .district-carousel .wrap-frame {
        height: 208px;
        max-height: 208px;
    }
    .img-div {
        height: 348px;
    }
    .img-div2 {
        height: calc(176.5px - 5px);
    }
    .service-card h5 {
        font-size: 1rem;
    }
    /* .home-stay-content .home-stay-content-address {} */
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar-brand img {
        position: absolute;
        top: -1rem;
        width: 94px;
    }
    .navbar-brand .brand-name {
        padding-left: 108px;
        display: flex;
        flex-direction: column;
        line-height: 1.1;
    }
    .home-stay-card {
        height: 228px;
    }
    .landscape-carousel .item img {
        height: 208px;
    }
    .district-carousel .wrap-frame {
        height: 208px;
        max-height: 208px;
    }
    .img-div {
        height: 288px;
    }
    .img-div2 {
        height: calc(146.5px - 5px);
    }
    .service-card h5 {
        font-size: .925rem;
    }
    .hm-dist-srch,
    .hm-chkin-srch,
    .hm-chkout-srch {
        border-bottom: 1px solid #e2e7ef;
    }
    .hm-chkout-srch {
        border-right: none!important;
    }
    .banner-search-form .form-group.search .btn {
        border-radius: .4rem;
        min-height: 48px;
    }
    .hm-btn-srch {
        border-radius: 0 .4rem .4rem 0;
    }
}

@media (max-width: 767.98px) {
    .alohi-img img {
        width: 136px;
    }
    .hm-dist-srch,
    .hm-chkin-srch,
    .hm-chkout-srch {
        border-bottom: 1px solid #e2e7ef;
    }
    .hm-dist-srch,
    .hm-chkout-srch,
    .hm-guest-srch {
        border-right: none!important;
    }
    .banner-search-form .form-group.search .btn {
        border-radius: .4rem;
        min-height: 48px;
    }
    .icon-form .input-with-icon .form-control,
    .icon-form .input-with-shadow .form-control,
    .icon-form .input-with-shadow .select2-container,
    .icon-form .input-with-icon .select2-container,
    .icon-form .input-with-icon .form-select,
    .icon-form .input-with-shadow .form-select {
        padding-left: 40px;
        height: 54px;
        padding-top: 1rem;
        padding-bottom: .5rem;
        font-size: .9rem;
    }
    .icon-form .input-with-icon .form-floating label.floating_label {
        padding-left: 44px;
        font-size: .9rem;
    }
    .icon-form .floating_label,
    .icon-form .form-group label,
    .basics-add-list label {
        font-size: .9rem;
    }
    .form-floating>.form-control:focus~label,
    .form-floating>.form-control:not(:placeholder-shown)~label,
    .form-floating>.form-select~label {
        -webkit-transform: scale(0.85) translateY(-1rem) translateX(0.15rem);
        -ms-transform: scale(0.85) translateY(-1rem) translateX(0.15rem);
        transform: scale(0.85) translateY(-1rem) translateX(0.15rem);
    }
    .host-dist-select .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 24px;
        padding-top: 0;
    }
    .basics-add-list .btn.minusBTN,
    .basics-add-list .btn.plusBTN {
        padding: .25rem .55rem;
    }
    .basics-add-list input {
        font-size: 1rem;
        height: 34px;
        width: 42px;
    }
    .input-with-radio-check.amenities-check label img {
        width: 18px;
        height: 18px;
    }
    .preview-container,
    .preview-container2 {
        gap: 10px;
    }
    .upload-container label,
    .upload-container2 label {
        font-size: .9rem;
    }
    .drag-drop-area,
    .drag-drop-area2 {
        font-size: .9rem;
    }
    .btn-grad {
        padding: 10px 30px;
    }
    .btn {
        padding: 0.2rem 0.5rem;
    }
    .btn-lg,
    .btn-group-lg>.btn {
        font-size: 1rem;
    }
    .btn-sm,
    .btn-group-sm>.btn {
        font-size: .8rem;
        padding: 0.2rem 0.5rem;
    }
    body {
        font-size: .85rem;
    }
    p {
        font-size: .85rem;
        margin-bottom: .85rem;
    }
    h1,
    .h1 {
        font-size: 1.30rem;
    }
    h2,
    .h2 {
        font-size: 1.28rem;
    }
    h3,
    .h3 {
        font-size: 1.26rem;
    }
    h4,
    .h4 {
        font-size: 1.125rem;
    }
    h5,
    .h5 {
        font-size: 1rem;
    }
    h6,
    .h6 {
        font-size: 0.85rem;
    }
    .fs--2 {
        font-size: 0.75rem !important;
    }
    .fs--1 {
        font-size: 0.8rem !important;
    }
    .fs-0 {
        font-size: .85rem !important;
    }
    .fs-1 {
        font-size: 1rem !important;
    }
    .fs-2 {
        font-size: 1.125rem !important;
    }
    .fs-3 {
        font-size: 1.26rem !important;
    }
    .fs-4 {
        font-size: 1.42rem !important;
    }
    .fs-5 {
        font-size: 1.60rem !important;
    }
    .fs-6 {
        font-size: 1.80rem !important;
    }
    .fs-7 {
        font-size: 2.0rem !important;
    }
    .fs-8 {
        font-size: 2.28rem !important;
    }
    .fs-9 {
        font-size: 2.56rem !important;
    }
    .fs-10 {
        font-size: 2.88rem !important;
    }
    .fs-11 {
        font-size: 3.24rem !important;
    }
    .fs-12 {
        font-size: 3.65rem !important;
    }
    .fs-13 {
        font-size: 4.10rem !important;
    }
    .fs-14 {
        font-size: 4.62rem !important;
    }
    .ipt-title {
        font-size: 24px;
    }
    .step-navs .nav-item .nav-link img {
        width: 30px;
    }
    .step-navs .nav-item .nav-link h5 {
        font-size: .8rem;
    }
    .profile-inpt,
    .add-rate .rate-inpt1 {
        height: 48px;
        font-size: 1.28rem;
    }
    .company-badge {
        font-size: 1rem;
        padding: .5rem;
    }
    .navbar.navbar-expand-lg .container-lg {
        padding: 0;
    }
    .login-signup-sec {
        padding: 74px 0 48px 0;
    }
    .login-signup-mttop {
        margin-top: 78px;
    }
    .home-stay-card {
        height: 228px;
    }
    .landscape-carousel .item img {
        height: 208px;
    }
    .district-carousel .wrap-frame {
        height: 208px;
        max-height: 208px;
    }
    .img-div {
        height: 288px;
    }
    .img-div2 {
        height: calc(146.5px - 5px);
    }
    .owl-carousel.property-dtl-img .owl-item img {
        height: 228px;
    }
    .service-card h5 {
        font-size: .9rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .navbar-brand img {
        position: absolute;
        top: -1rem;
        width: 80px;
    }
    .navbar-brand .brand-name {
        padding-left: 94px;
        display: flex;
        flex-direction: column;
        line-height: 1.1;
    }
    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 0.25rem .5rem;
    }
    .navbar.navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
        width: 1.25rem;
        height: 1.25rem;
    }
}

@media (max-width: 575.98px) {
    .navbar.navbar-expand-lg {
        padding-left: .25rem;
        padding-right: .25rem;
    }
    .navbar-brand img {
        position: absolute;
        top: -1rem;
        width: 66px;
    }
    .navbar-brand .brand-name {
        padding-left: 76px;
        display: flex;
        flex-direction: column;
        line-height: 1;
    }
    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 0.25rem .5rem;
    }
    .navbar.navbar-expand-lg .navbar-toggler .navbar-toggler-icon {
        width: 1rem;
        height: 1rem;
    }
    .navbar.navbar-expand-lg .brand-name .fs--2.fw-normal.text-dark {
        font-size: 0.65rem!important;
    }
    .navbar.navbar-expand-lg .brand-name .fs--2.fw-medium.text-dark {
        font-size: 0.6rem!important;
    }
    .login-signup-sec {
        padding-top: 64px;
    }
    .login-signup-mttop {
        margin-top: 78px;
    }
    .hm-chkin-srch {
        border-right: none!important;
    }
}