@media only screen and (max-width:1200px) {
    app-index #third-bg .container, app-index #first-div .container {
        width: auto !important;
    }

    #section-padding2 .package-left-bg-img {
        right: 0;
    }

    #section-padding2 .releases-right-img img {
        right: 0;
    }

    #first-div .banner-slider .carousel-indicators img {
        height: calc(661px / 6.6);
    }

    #first-div .banner-details {
        top: 6%;
    }

    #section-padding .recommended-details-section {
        padding: 38px 33px;
    }

    #first-div #section-padding .heading h2 {
        margin-left: 13px;
    }

    app-index hotel-search-control .row.searchdns select {
        width: 99%;
    }
}
/*@media (min-width:992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}*/
@media only screen and (min-width: 960px) {
    .banner-slider .carousel-item {
        width: 85% !important;
    }

        .banner-slider .carousel-item img {
            margin-left: auto !important;
            margin-right: auto !important;
        }

    .banner-slider .carousel-indicators {
        display: block !important;
        width: 15% !important;
        right: 0 !important;
        left: auto !important;
        bottom: auto !important;
    }

        .banner-slider .carousel-indicators .active {
            border-left: 5px solid rgba(49, 140, 231, 0.8);
            border-top: none;
        }

        .banner-slider .carousel-indicators img {
            margin: 0 !important;
            width: 100% !important;
        }

        .banner-slider .carousel-indicators div {
            width: 100% !important;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    app-index #third-bg .container, app-index #first-div .container {
        width: auto !important;
    }

    #first-div div#carouselExampleIndicators {
        flex-direction: row-reverse;
    }

    #first-div .banner-slider .carousel-indicators {
        flex-direction: column;
        width: 43% !important;
    }

    #first-div .banner-slider .carousel-inner {
        width: 100%;
    }

    #first-div .banner-details {
        top: 22%;
    }

    app-index #first-div div#carouselExampleIndicators .discount-pkg {
        width: 27%;
        top: 0;
    }

    #first-div .banner-details h1 {
        font-size: 40px;
    }

    #first-div .banner-slider .carousel-indicators div {
        overflow: visible;
    }

    #first-div .banner-details p {
        font-size: 20px;
    }

    .second-bg .releases-left-bg-img {
        height: auto;
        width: 100%;
    }

    .second-bg .releases-left-img {
        top: 150px;
        right: -19.9rem;
        width: 39%;
    }

    .second-bg .releases-right-img img {
        width: 35%;
        top: 156px;
    }

    #section-padding2 .package-right p {
        font-size: 19px;
    }

    #section-padding2 .package-right h1 {
        font-size: 35px;
    }

    #section-padding .adventure-details h1 {
        font-size: 25px;
        margin-bottom: 4px;
    }

    .img-sec .package-right button {
        font-size: 10px;
        padding: 11px 22px;
    }

    .img-sec .package-right {
        padding-top: 14px;
        gap: 0px;
        padding-left: 6px;
    }

    #section-padding .adventure-details p {
        font-size: 15px;
    }

    .second-bg .releases-right {
        padding-top: 19px;
        width: 92%;
        padding-left: 15px;
    }

    #section-padding .adventure-details {
        top: 18%;
    }

    #section-padding3 .blog-heading {
        font-size: 30px;
    }

    #section-padding .recommended-details-section {
        gap: 4px;
        padding: 19px 10px;
        height: 173px;
    }

    #first-div .ideal-slider .col-md-3 {
        margin-left: 0;
        max-width: 33%;
    }

    #section-padding .ideal-slider-img-dtls {
        top: 20%;
    }

        #section-padding .ideal-slider-img-dtls h2 {
            font-size: 19px;
            margin-bottom: 5px;
        }

        #section-padding .ideal-slider-img-dtls p {
            font-size: 11px;
        }

    .recommended-img-section .recommended-img-details h2 {
        font-size: 22px;
    }

    #section-padding .recommended-details-section h2 {
        font-size: 18px;
    }

    #section-padding .recommended-details-section b {
        font-size: 15px;
    }

    #section-padding .recommended-details-section p {
        font-size: 15px;
    }

    .travel {
        padding: 31px 38px;
    }

    #section-padding2 .releases-right-img img {
        right: 0px;
    }

    #section-padding2 .releases-right {
        padding-top: 29px;
    }

        #section-padding2 .releases-right h1 {
            font-size: 44px;
        }

        #section-padding2 .releases-right p {
            font-size: 18px;
        }

    #section-padding2 .releases-left-bg-img {
        height: 377px;
        left: -15px;
    }

    #section-padding2 .releases-left-img {
        top: 45px;
        right: -37px;
        width: 89%;
    }

    #third-bg #section-padding3 {
        padding-bottom: 11px;
    }

    #section-padding3 .blob.details p button {
        padding: 9px 16px
    }

    #section-padding3 .newsletter img {
        position: absolute;
        z-index: 9;
        margin-top: 28px;
        left: 17.7%;
        width: 20px;
    }

    #section-padding3 .newsletter h1 {
        font-size: 35px;
        width: 66%;
        margin: 34px auto;
    }

    #section-padding3 .newsletter {
        margin-bottom: 71px;
    }

        #section-padding3 .newsletter input {
            padding: 15px 28px;
        }

    #section-padding3 .blob.details {
        padding: 18px 26px 9px 12px;
    }

    section .card-main .card.profile-right p {
        font-size: 13px;
    }

    section .card-main .card.profile-right button {
        font-size: 12px;
        padding: 9px 20px;
    }

    #third-bg .review {
        padding: 9px;
    }

    .review .review-firstname {
        margin-bottom: 0;
    }

    .review .review-details h3 {
        font-size: 19px;
        margin: 12px 0px;
    }

    .review .review-details p {
        font-size: 15px;
        margin-bottom: 3px;
    }

    .review .review-details > p > span > i {
        margin-right: 5px;
        font-size: 19px;
    }

    app-index .adventure-section {
        padding-top: 76px;
    }

    button.search_2v {
        width: 100% !important;
    }

    .navbar-toggler {
        padding: 0 5px;
        background-color: #59b6bc;
        border: 1px solid #59b6bc;
    }

    div#navbarText {
        margin: 17px 0;
        background-color: #383737;
    }

        div#navbarText ul.navbar-nav {
            padding: 0 15px;
        }

            div#navbarText ul.navbar-nav li {
                border-bottom: 1px solid #726b6b;
            }

                div#navbarText ul.navbar-nav li a {
                    font-size: 12px;
                }

    .footer-res {
        padding-top: 44px;
    }

    .footer-cpyryt {
        padding: 22px 65px 22px 65px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 12px;
    }

    .navbar-toggler {
        background-color: #59b6bc;
    }

    span.navbar-toggler-icon::after {
        content: "";
        display: block;
        width: 20px;
        margin: 11px 4px 5px 6px;
        border: none !important;
        text-align: center;
        box-shadow: 0px 6px 0px 0 #ffffff94;
    }

    .navbar-customer-support-list {
        width: 100%;
    }

        .navbar-customer-support-list ul {
            justify-content: space-between;
            border-top: 1px solid #535353;
            padding-top: 7px;
            margin-top: 9px;
            margin-bottom: 8px;
        }

        .navbar-customer-support-list .user-img {
            justify-content: end;
        }

    div#carouselExampleIndicators .card.profile img {
        height: auto;
    }

    #first-div div#banner {
        padding: 2px 15px 0px 16px;
    }

    fixpkg-search .search-control button.btn.btn-primary.okbtn {
        margin-left: 0px !important;
    }

    .searchcontroller {
        margin: 25px auto 30px;
        width: 100%;
    }

    .dealsquestion > div {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .top-header ul {
        list-style: none;
        float: right;
        display: contents;
        margin: 10px 0 7px 0;
    }

    hotel-search-control .showoff {
        top: -106px;
        margin-top: -5px;
    }

    .topdeal > .dealmsg {
        flex-direction: column;
    }


    .dealmsg > p {
        width: 100% !important;
    }

    hotel-search-control h1.showoff.dealhadding {
        font-size: 25px;
    }

    .searchcontroller button.search_2v {
        width: 100%;
    }

    .top-header ul li {
        display: inline-block;
        margin: 5px 10px;
    }

    .row.tripopt .col-md-1.col-xs-4 {
        width: 100%;
        flex: 0 0 33.3%;
        color: #f5f5f5;
        margin-bottom: 10px;
        max-width: 33.3%;
    }

    .cust_htl-modify {
        margin-top: 18px;
    }

    div#banner .hotel_price.cust_price_htl a.book_now.htl_bk {
        width: 100%;
    }

    hotel-search-control div.travl_box.resp_full > div > div.selected_box_bottom {
        overflow: auto;
        max-height: 274px;
    }

    hotel-search-control .selected_box .selected_box_top {
        width: 100% !important;
    }

    .hotel_description.cust_htl_description {
        padding: 10px 13px;
    }

    button.search_2v {
        width: 100% !important;
        margin-top: 10px;
    }

    .control_tab.tab_HTL, .control_tab.tab_AIR, .service_control.control_tab {
        margin: 0px 0px !important;
        padding: 9px !important;
    }

    .control_tab .text_icon {
        margin-bottom: 4px;
    }

    .page-margin {
        margin-top: 20px !important;
    }

    .hotel_description {
        padding: 9px 16px;
    }

    .resp_full {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .bottom-header ul {
        float: initial;
        display: block;
        list-style: none;
    }

    .logo {
        margin: 6px 0 0 0;
    }

        .logo img {
            max-width: 180px;
        }

    ul.search_tab li a {
        color: #29367b;
        font-size: 16px;
        border: 1px solid #29367b;
        font-weight: 500;
        border-bottom: 0;
        font-weight: 500;
        padding: 10px;
        display: block;
        width: 100%;
    }

    h4.showoff {
        position: absolute;
        top: 3px;
        margin-top: -41px;
        text-align: center;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }

    span.optionv {
        margin: 5px 12px 5px 0;
    }

    .lefttop {
        width: 70%;
    }

    .owl-buttons {
        right: 0;
    }

    .offerslider .col-md-12 {
        padding: 0;
    }

    .lefttop h3 {
        font-size: 20px;
    }

    .slider-tumb.latest-deals .row > .col-md-12 {
        padding: 0 8px;
    }

    .latest-deals .thumbnail {
        margin: 10px 0;
    }

    footer {
        background-size: cover;
    }

    .row.popup_btn img {
        width: auto;
    }

    .owl-wrapper .post-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .post-content {
        width: 100%;
    }

    .bottom-header ul li a {
        padding-bottom: 0;
        display: block;
    }

    .closev {
        display: none;
    }

    .bottom-header {
        display: none;
    }

    .openv {
        display: block;
    }

    .row.caribbeans div[class*=col-] {
        padding: 10px;
    }

    .hidden-xs {
        display: none;
    }

    .widthv10 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .width40 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .width12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .reverse {
        position: relative;
        top: 0;
        right: -14px;
        z-index: 99;
        background: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 1px solid #ccc;
        cursor: pointer;
        text-align: center;
        margin: auto;
        margin-bottom: 10px;
    }

        .reverse img {
            transform: rotate(90deg);
        }

    .width123 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        ms-flex: 0 0 100% !important;
    }

    ul.search_tab li {
        margin: 0px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

    .footer-middel img {
        width: 77px;
    }

    hotel-search-control .row.tripopt {
        display: none;
    }

    .hotel .col-sm-6.col-md-6.col-12 {
        padding: 15px;
    }

    .hotel_price.htl_dtl_pric .book_now.htl_bk {
        width: auto;
        padding: 5px 12px;
        font-size: 14px;
        margin-top: 5px;
    }

    .htl_detail_rslt .hotel_price {
        text-align: center;
    }

    .hotel_price.htl_dtl_pric {
        margin-top: 0;
    }

    .hotel_price p {
        margin-bottom: 19px;
    }

    #hotel_detail .hotel_price.htl_dtl_pric p.salesave {
        margin-bottom: 18px;
    }

    .hotel_img img {
        width: 100%;
    }

    .avaragerate {
        background: #eee;
        display: block;
        padding: 10px;
    }

        .avaragerate ul li a {
            background: white;
            border: 1px solid #eee;
            margin: 2px;
            display: -webkit-box;
            padding: 5px 10px;
            border-radius: 7px;
            width: 145px;
        }

        .avaragerate ul li {
            display: inline-block;
        }

    .width20_3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        ms-flex: 0 0 100% !important;
    }

    ul.bxslider li {
        width: 100% !important;
    }

    .containerslider #bx-pager {
        width: 100%;
        margin: 0px;
        padding: 14px;
    }

    .bx-wrapper {
        margin-bottom: 15px;
    }

    .activities-detail {
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        display: flex;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    ul.amenitiesvs li {
        width: 100%;
    }

    .rightdetail p {
        font-size: 14px;
    }

    .leftdetails {
        display: flex;
        margin-bottom: 10px;
    }

    .headofcheck {
        width: 55%;
        text-align: left;
    }

    .headofGuest {
        text-align: left;
    }

    ul.signlogin {
        display: flex;
        list-style: none;
        flex-wrap: wrap;
    }

        ul.signlogin li {
            margin: 0 10px 10px 0;
        }

    .coverstay {
        margin-left: 0;
    }

    .paymenttbn input {
        margin-bottom: 10px;
    }

    .page-title.tophd span {
        display: block;
    }

    .four-boxes {
        min-height: auto;
        margin-bottom: 15px;
    }

    div#carouselnand .owl-nav button.owl-prev {
        margin-left: 78%;
    }

    .shortsv {
        margin-bottom: 10px;
    }

    .modifysearch .text_icon {
        margin-bottom: 15px;
    }

    .contentflight {
        display: block;
    }

        .contentflight .hotel_center, .contentflight .nonstopcoad {
            width: 100%;
        }

    .contentflight {
        height: initial;
        text-align: center;
    }

    .iconsarrow {
        width: 100%;
        line-height: 33px;
        margin-bottom: 10px;
    }

    .nonstopcoad.text-right {
        text-align: center !important;
    }

    .hotel_logo {
        border-bottom: none;
    }

    .hotel_logo {
        border-bottom: none;
        text-align: center;
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block;
        overflow: hidden;
    }

    div#carouselnand .owl-nav {
        position: absolute;
        top: -150px;
        right: 18px;
    }

    ul.sort-tab li {
        padding: 0 4px;
        width: 50% !important;
        max-width: 50% !important;
        float: initial !important;
        flex: 0 0 50% !important;
    }

    .shortsv p {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
    }

    .pricesummmeryconfirm {
        margin-top: 15px;
    }

    app-index #third-bg .container, app-index #first-div .container {
        max-width: auto !important;
        width: auto !important;
    }

    header {
        padding: 0 9px;
    }

    div#navbarText {
        margin: 17px 0;
        background-color: #383737;
    }

    .navbar-toggler {
        padding: 0 5px;
        background-color: #59b6bc;
        border: 1px solid #59b6bc;
    }

    div#navbarText ul.navbar-nav {
        padding: 0 15px;
    }

        div#navbarText ul.navbar-nav li {
            border-bottom: 1px solid #726b6b;
        }

            div#navbarText ul.navbar-nav li:last-child {
                border-bottom: 0;
            }

            div#navbarText ul.navbar-nav li a {
                font-size: 12px;
            }

    .navbar-brand img {
        width: 77%;
    }

    header .navbar-customer-support-list ul li {
        margin-right: 4px;
        font-size: 12px;
    }

    #first-div .banner-slider .carousel-indicators {
        width: 100% !important;
    }

        #first-div .banner-slider .carousel-indicators img {
            width: 63px !important;
            height: calc(556px / 11);
        }

        #first-div .banner-slider .carousel-indicators div {
            width: 91px;
            display: block;
            padding-left: 3px;
            overflow: visible;
        }

        #first-div .banner-slider .carousel-indicators .banner-details-right p {
            display: block;
            width: 100%;
            font-size: 11px;
        }

    #first-div .banner-slider .carousel-item img {
        width: auto;
    }

    #first-div .banner-slider .carousel-inner {
        width: 100%;
        border-radius: 25px;
    }

    #first-div .banner-details {
        top: 13%;
    }

    .banner-slider .banner-details h1 {
        font-size: 33px;
        margin-bottom: 6px;
        letter-spacing: 0px;
    }

    .banner-slider .banner-details p {
        font-size: 15px;
        margin-bottom: 28px;
        width: 91%;
    }

    #first-div div#carouselExampleIndicators {
        flex-direction: column-reverse;
        padding-top: 6px;
    }

    #first-div .banner-slider .carousel-indicators {
        flex-direction: row;
        height: auto !important;
        overflow: scroll;
    }

    #first-div div#carouselExampleIndicators .discount-pkg {
        width: 100%;
        top: 504px;
    }

    #first-div #section-padding .heading h2 {
        font-size: 23px;
    }

    .heading h2 {
        font-size: 23px;
    }

    .Trending-whatsup-icon {
        text-align: right;
    }

        .Trending-whatsup-icon img {
            width: 43%;
        }

    .adventure-section .trending-box-text h3 {
        font-size: 16px;
    }

    .adventure-section .trending-box {
        margin-bottom: 22px;
    }

    .adventure-section .trending-box-text {
        bottom: 34px;
    }

    section .card-main .profile {
        width: 100%;
    }

    section .card-main {
        padding: 0px 10px;
        margin-top: 0;
    }

        section .card-main h2 {
            margin-bottom: 16px;
            font-size: 25px;
        }

        section .card-main .card-0 {
            flex-direction: column;
        }

    .profile {
        top: 0%
    }

    .profile-pic {
        width: 100%;
        height: auto;
    }

    section .card-main .card.profile-right {
        padding: 26px 16px;
        width: 100%;
    }

    #third-bg {
        width: auto;
        padding-top: 31px !important;
    }

    .trending-box {
        margin-bottom: 20px;
    }

        .trending-box .trending-box-text {
            bottom: 28px;
        }

    section .card-main .card.profile-right {
        width: 100%;
        padding: 11px 10px;
    }

    #section-padding {
        padding-bottom: 18px;
    }

    .ideal-slider .heading {
        margin-left: 13px;
        margin-top: 19px;
    }

    .carousel-inner .card-main .card-0 {
        flex-direction: column;
    }

    .carousel-inner .card-main .profile {
        width: 100%;
    }

    .second-bg .releases-left-bg-img {
        height: auto;
        width: 100%;
    }

    .second-bg .releases-left-img {
        top: 318px;
        right: 1px;
        width: 47%;
    }

    .second-bg .releases-right-img img.vector-4 {
        top: -65px !important;
    }

    .second-bg .releases-right-img img {
        width: 25%;
        top: 0px;
    }

    .second-bg .releases-right {
        padding-top: 10px;
        width: 100%;
        padding-bottom: 42px;
        padding-left: 0;
    }

    .second-bg .releases-right-img img.vector-6 {
        top: 5px;
    }

    .second-bg .releases-right-img img.vector-5 {
        width: 46%;
        top: 0;
        right: 21px;
    }

    .second-bg .releases-right-sec {
        padding: 9px !important;
    }

    .second-bg .releases-right h1 {
        font-size: 34px;
    }

    .second-bg .releases-right p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    #section-padding2 .package-left-bg-img {
        width: 95%;
        height: auto;
    }

    #section-padding2 .package-left-img {
        left: 0;
        width: 79%;
        top: 0px;
    }

    #section-padding2 .package-right h1 {
        font-size: 34px;
    }

    #section-padding2 .package-right p {
        font-size: 15px;
    }

    #section-padding2 .package-right {
        gap: 3px;
        padding-top: 30px;
        padding-left: 0;
    }

        #section-padding2 .package-right button {
            padding: 8px 9px;
        }

    #section-padding2 .package-left {
        margin-top: 20px;
    }

    .recommended-img-section .recommended-img-details h2 {
        font-size: 24px;
    }

    #section-padding .recommended-details-section {
        padding: 22px 18px;
        gap: 5px;
        margin-bottom: 21px;
        height: auto;
    }

        #section-padding .recommended-details-section p {
            font-size: 15px;
        }


        #section-padding .recommended-details-section b {
            font-size: 15px;
        }

    #section-padding .recommended-img-details {
        padding: 0px 20px;
    }

        #section-padding .recommended-img-details p {
            font-size: 18px;
        }

    #section-padding .recommended-details-section h2 {
        font-size: 22px;
    }

    #section-padding .recommended-img-details p i {
        font-size: 20px;
    }

    #section-padding .recommended-img img {
        width: 100%;
        height: 171px;
    }

    .adventure-section .adventure-details h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .adventure-section .adventure-details p {
        font-size: 13px;
    }

    .adventure-section .adventure {
        margin: 16px 0;
    }

    .adventure-section .adventure-details {
        top: 15%;
        padding: 0 16px;
    }

    #first-div .travel {
        padding: 20px 20px;
    }

        #first-div .travel h2 {
            margin-bottom: 19px;
            font-size: 24px;
        }

        #first-div .travel .travel-again-section h2 {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 4px;
        }

    .travel .travel-again-section p {
        font-size: 14px;
    }

    .review {
        margin-bottom: 20px;
    }

        .review .review-details h3 {
            font-size: 19px;
            margin: 12px 0px;
        }

        .review .review-details p {
            font-size: 15px;
            margin-bottom: 3px;
        }

        .review .review-firstname {
            margin-bottom: 0;
        }

        .review .review-details > p > span > i {
            margin-right: 5px;
            font-size: 19px;
        }

    #section-padding2 .releases-right-img img {
        right: 0px;
        width: 73px;
    }

    #section-padding2 .releases-right button {
        font-size: 13px;
        padding: 10px 17px;
    }

    #section-padding3 .newsletter form button {
        padding: 16px 16px;
        font-size: 15px;
    }

    #section-padding3 .newsletter {
        padding: 32px 0 0px 0;
    }

    section#third-bg #section-padding3 {
        padding-bottom: 23px;
    }


    #section-padding3 .newsletter {
        width: 100%;
        margin-bottom: 34px;
        flex-direction: column;
    }

    #section-padding3 .newsletter-bottom h3 {
        font-size: 18px;
    }

    #section-padding3 .newsletter input {
        width: 100%;
        padding: 0 0 0 65px;
        font-size: 15px;
        margin-bottom: 11px;
    }

    #section-padding3 .newsletter img {
        left: 10.55%;
    }

    #section-padding3 .newsletter p {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #section-padding3 .newsletter h1 {
        font-size: 34px;
        width: 100%;
        margin: 30px auto;
        margin-top: 19px;
    }

    #section-padding3 .newsletter button {
        width: 100%;
        padding: 14px 61px;
        font-size: 21px;
        margin-left: 0;
        margin-bottom: 35px;
    }

    #section-padding3 .blog {
        margin-bottom: 20px;
    }

    #section-padding3 .blog-heading {
        font-size: 21px;
        padding: 40px 0 26px 0;
    }

    #section-padding3 .blob.details {
        padding: 18px 16px 9px 16px;
    }

        #section-padding3 .blob.details h4 {
            font-size: 18px;
        }

        #section-padding3 .blob.details p {
            font-size: 12px;
        }

            #section-padding3 .blob.details p button {
                font-size: 14px;
                padding: 8px 23px;
            }

    section .card-main .card.profile-right p {
        font-size: 13px;
    }

    footer .footer-heading img {
        width: 68%;
    }


    footer .footer-res {
        padding: 0px 10px;
        display: block;
    }

        footer .footer-res > div {
            width: 50%;
            display: inline-block;
        }

    footer .footer-cpyryt p {
        margin-bottom: 8px;
        font-size: 10px;
        text-align: center;
    }

    .footer-cpyryt .footer-cpyryt-img {
        text-align: center;
    }

    div#cms {
        margin: 15px 16px !important;
    }

    .dealsquestion {
        flex-direction: column;
        row-gap: 10px;
    }


    .contactboxes .col-md-6.pl-0 {
        padding-right: 0;
    }

    .contactboxes .col-md-6.pr-0 {
        padding-left: 0;
    }

    div#header_signin_tab {
        /* overflow: scroll; */
        display: block;
        height: 460px;
        padding-right: 0px !important;
    }

    #loginBlock .d-block .modal-dialog .modal-content .modal-body {
        overflow: scroll;
    }

    #loginBlock .modal-dialog {
        margin: 16px 7px 11px auto !important;
    }

    button.btn_full.orange2 {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
    }

    .loginformnew .loggedin, .loginformnew .loggedinfb {
        border-right: none !important;
    }

    #header_signup_tab form > div h4 {
        margin-top: 40px;
        margin-bottom: 7px !important;
    }

    .modal {
        background: #000000c2 !important;
    }

    .loggedinfb {
        margin: 40px 0px;
    }

    transfer-result .hotel_img img {
        height: 100% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > transfer-search > form > div > div:nth-child(3) > div:nth-child(3) > div > select {
        width: 85% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > transfer-search > form > div > div:nth-child(3) > div:nth-child(4) > div > select {
        width: 48% !important;
    }

    transfer-search button#btnSubmit {
        margin-top: 11px;
    }

    app-index .adventure-section {
        padding-top: 66px;
        padding-bottom: 0px;
    }

    .col-md-2.travl_rw {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .col-md-2.pickup {
        max-width: 100% !important;
        flex: 100% !important;
    }

    .tbl_MoreOptions button {
        font-size: 11px;
    }

    .tbl_MoreOptions th:nth-child(4) {
        width: 22% !important;
    }

    .tbl_MoreOptions th:nth-child(3) {
        width: 13% !important;
    }

    .tbl_MoreOptions th:nth-child(1) {
        width: 17% !important;
    }

    table.tbl_MoreOptions {
        font-size: 12px;
        margin-top: 23px;
    }

    .row.flthtl_modify .col-sm-2.cust_de {
        margin-top: initial !important;
    }

        .row.flthtl_modify .col-sm-2.cust_de button.search_2v {
            height: 42px !important;
        }

    .travelcarousel img {
        height: initial !important;
    }

    div.category-outer-box div.row > div:nth-child(4) {
        text-align: right;
    }

    .next.next-sight {
        right: 8.5% !important;
    }

    .prevv {
        left: 4px !important;
    }

    .images {
        display: none;
    }

    .hotel.sightseeing {
        padding: 10px !important;
    }

    .row.m-0.Departure > div {
        justify-content: center;
    }

    .row.col-md-12.p-0.passinfores {
        width: 107%;
    }

    .review-flt .row.m-0.Departure.col-md-12 .col-md-5 .col-md-4.underlinebig {
        width: 48%;
    }

    .review-flt .row.m-0.Departure.col-md-12 .col-md-5 .col-md-3 {
        width: 20%;
    }

    #Range > div > div > div > div {
        width: 100% !important;
    }

    .cancl_col-two .frst-div span:nth-child(1) {
        right: 29px !important;
    }

    checkout .row.check-res div {
        padding-right: 5px !important;
        display: inline-table;
    }

    checkout checkout-fare-details .pkg-summ div.row {
        flex-wrap: nowrap;
    }

    checkout-fare-details .row:nth-child(2), checkout-fare-details .row:nth-child(3) {
    }

    .all-content .todisplay {
        display: flex;
        overflow: auto;
        flex-direction: row;
    }

    .regervation .todisplay > div {
        display: flex;
        /* overflow: auto; */
    }

    .page-body {
        padding: 0px 14px !important;
    }

    .review-flt .flt_logo_img {
        margin-bottom: 11px;
    }

    .rev-summ .pkg-summ-details.p-0 div.row, .rev-summ .tot-pkg-pr .col-md-12, .rev-summ .allcost {
        flex-wrap: nowrap;
    }

    .flights.review-flt .bottom_flt_btn1 {
        text-align: center !important;
    }

    .rev-depart .row.col-md-5 {
        flex-wrap: nowrap;
        width: 110%;
    }

    .row.Departure_frst_row.m-0.rev-fli .col-md-3 {
        margin: 13px 0px;
    }

    .hf-info i {
        margin-right: 6px;
    }

    .hf-info div, .hf-info span {
        padding-left: 0px !important;
    }

    .hotel_description.hf-review {
        margin-top: 19px;
    }

    .adult-child .leftdetails {
        justify-content: space-between;
    }

    .adult-child-block select {
        width: 100% !important;
    }

    .adult-child div.col-md-2 {
        margin-left: initial !important;
    }

    input#txt_Discount {
        width: 96%;
    }

    .leftchecktop .col-md-4 p {
        text-align: left !important;
    }

    .col-md-12.male-female {
        max-width: 55% !important;
    }

    checkout .paxedDetails .col-sm-2 select {
        width: 96% !important;
    }

    checkout .paxedDetails .col-md-4, checkout .paxedDetails .col-sm-3 {
        padding-right: 17px !important;
    }

    .social-buttons {
        margin: 7px 5px !important;
    }

    .icons-sec {
        width: 120%;
    }

    flight-hotel-result hotel-result > div > div > div.col-sm-3.col-md-3.col-12 {
        margin-top: initial !important;
    }

    flight-hotel-modify-component .flr_htl_modify .calanderboth span {
        left: 51% !important;
    }

    .row.flr_htl_modify {
        padding: 0px 14px !important;
    }

    .checkbox label, .radio label {
        padding-left: initial !important;
    }

    flight-fare-rules td {
        padding: 10px !important;
        font-size: 12px !important;
    }

    .fare-rules td {
        padding: 10px !important;
        font-size: 10px !important;
    }

    .rating.cust_rating .row .col-md-8, .rating.cust_rating .row .col-md-4 {
        max-width: 50%;
    }

    #cust_flt_fltr p input {
        top: 2px !important;
    }

    a.activebeard::after {
        content: none !important;
    }

    a.activebeard {
        border-radius: 0px !important;
    }

    .ft_tim.ft-to, .ft_tim {
        font-size: 14px !important;
    }

    #cust_flt_fltr p input {
        position: relative;
        top: 3px;
    }

    .hotel_price.flight.totaltripamt {
        width: 100% !important;
    }

    .doflex {
        display: block !important;
    }

    .breadcrumb.flat a {
        width: 100% !important;
    }

    .breadcrumb.flat {
        display: grid;
    }

    #flt_result_page > div > div > div.col-sm-9.col-md-9.col-12 > div.right_result > div > div > div:nth-child(5) > div {
        margin-top: 0px;
        margin-bottom: 2px;
    }

    .user-profile-form a, .user-profile-form button.btn-danger {
        margin-top: 0px;
    }

    #rooms > hotel-detail-modify > form > div.container-fluid {
        padding-right: 0;
    }

    #rooms > hotel-detail-modify > form > div > div.row {
        padding-right: 0px;
    }

    button.updatebtn {
        width: 100% !important;
    }

    #hotel_detail .headofcheck {
        text-align: left !important;
    }

    #rooms > hotel-detail-modify > form > div > div > div {
        margin-bottom: 11px;
    }

    .avaragerate {
        overflow: scroll;
    }

    flight-fare-rules > div > div:nth-child(2) > div.alert {
        position: absolute;
        left: -92%;
        width: 186%;
    }

    .row.Departure_second_row .col-md-4 .row div:nth-child(2) {
        position: relative;
        top: -30px;
        left: 30px;
        width: 60%;
    }

    .cust-rating .checkbox .row div {
        width: 50%;
    }

    #banner > div.container > div > div > div > div.controllerv > flight-hotel-search > form > div > div.row.searchdns > div:nth-child(3) > select {
        width: 37% !important;
    }

    #header_signup_tab > div.row > div:nth-child(1), #header_signup_tab > div.row > div:nth-child(2) {
        width: 50%;
    }

    #hotel_detail .hotel_price p {
        text-align: center !important;
    }

    .white-shadow {
        width: 93% !important;
    }

    .canclsn-block {
        width: auto;
        overflow: scroll;
        padding: 0px !important;
    }

    .area_detail p {
        font-size: 13px !important;
        width: 100%;
    }

    div#ytcondition {
        padding: 0px 10px !important;
    }

    #Amenities .row .col-12 {
        padding: 0px !important;
    }

    #ytcondition h3 b {
        font-size: 20px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        display: block;
        font-weight: 600;
    }

    #ytcondition h4 {
        font-size: 19px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        display: block;
        font-weight: 600;
    }

    .flyings {
        padding-left: 27px !important;
    }

    .jest {
        padding-left: 50px !important;
    }

    #txtDD_0 {
        padding-left: 28px !important;
    }

    #txtDD_1 {
        padding-left: 29px !important;
    }

    .lftdetal > star-rating {
        margin-top: 10px !important;
        display: block !important;
    }

    .hotel_price p {
        text-align: left;
    }

    .sindi-1 {
        display: flex;
        text-align: left;
    }

    .topdn .row .col-md-3 h3 {
        text-align: left;
    }

    .canclsn-block .table td {
        padding-right: 10px !important;
    }

    .modifydetails .leftdetails .headofcheck {
        line-height: 13px;
    }

    .modifydetails a.updatebtn {
        width: 23% !important;
    }

    .modifydetails > div > div > div > div > div:nth-child(5) {
        max-width: 100% !important;
    }

    div.modifydetails div.col-sm-3 {
        padding: 0 !important;
    }

    div.modifydetails div.col-12.col-md-2 {
        max-width: 50%;
        flex: 30%;
        margin-top: 8px;
        padding: 0;
    }

    .containerslider.col-md-12 div.col-6 {
        max-width: 100%;
        flex: 100%;
    }

    #loginBlock .modal-dialog {
        max-width: 96% !important;
    }

    .navlabel {
        width: 100%;
    }

    header .dropdown-menu {
        right: 0;
    }

    checkout > div > div.d-block.fade.modal.show.zoom-in > div {
        width: 96% !important;
    }

    app-header > div > div.d-block.fade.modal.show.zoom-in > div {
        width: 96% !important;
    }

    .nav-labels {
        display: grid !important;
        width: 100%;
    }

    .reponsive-navbar-icon {
        display: block !important;
        text-align: right;
    }

    .sort > .row > div > h6 {
        position: relative;
        top: -8px;
        left: -19px;
    }

    .sort > .row > div {
        max-width: 100%;
        margin-bottom: 1.2px;
    }

    .sort > .row {
        display: block;
    }

    .user-profile-form a, .user-profile-form button.btn-danger {
        padding: 8px 8px !important;
    }

    .user-profile-form label {
        margin-top: 10px;
    }

    div.paxedDetails > div:nth-child(1) > div > div > div > div.col-md-4.col-sm-6 {
        justify-content: left !important;
        margin-top: 14px;
    }

    .col-md-8.htll-cent {
        padding: 0;
    }

    .row.col-md-8.htll-cent p {
        padding-left: 0;
    }

    .row.col-md-8.htll-cent {
        padding-left: 0;
    }

    #Location > div:nth-child(1) > div:nth-child(1) > div > p > ul {
        margin-left: 10px;
    }

    .activities-detail a {
        margin-bottom: 4px !important;
        padding: 5px 14px !important;
    }

    h3.namedetail star-rating div {
        margin: initial !important;
    }

    section#hotel_detail {
        padding: initial !important;
    }

    #banner > div.container > div > div > div > div.controllerv > hotel-search-control > form > div > div.row.searchdns > div:nth-child(2) > select {
        width: 30% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > hotel-search-control > form > div > div.row.searchdns > div:nth-child(2) > select {
        width: 30% !important;
    }

    .searchdn.direct-fliser {
        width: 100%;
    }

    .flight_popup_body.flight_fare_details .departure {
        font-size: 12px;
    }

    #cust_one_round > div.col-md-8.col-sm-12.col-xs-12 > div > div:nth-child(1) > div.reverse {
        position: absolute;
        left: -18px;
        top: 35px;
        z-index: 1;
    }

    .searchdn.select-airline {
        width: 100% !important;
    }

    .cust_htl-modify .row > div {
        margin-bottom: 10px;
    }

    p.pergest {
        width: 100% !important;
        right: initial !important;
    }

    p.good, .pergest {
        text-align: center !important;
    }

    #checkout_pag > div > div:nth-child(2) > div.col-md-8.col-sm-8.ng-untouched.ng-pristine.ng-invalid > div.paxedDetails > div.trip-summary > div:nth-child(10) > div > accordion > div > div.accordion-body.ng-hide > div > div > div > div > div:nth-child(1) > p {
        white-space: unset !important;
    }

    .ft_tim.ft-to .flt-next-day {
        font-size: 9px;
        padding: 2px 5px;
    }

    .card p {
        white-space: unset !important;
    }

    div.row.back-blue.p-0 > div.row.col-md-6.p-0 > div:nth-child(3) {
        margin-right: 31px;
    }

    .col-md-12.p-0.pri-hei {
        margin-right: 12%;
    }

    .row.back-blue.p-0 {
        flex-wrap: unset;
    }

    .col-md-4.recom-green {
        width: 72% !important;
        right: 11%;
        top: -10px;
    }

    .col-md-3.cancl_col-three {
        flex: 100% !important;
        max-width: 100% !important;
    }

    .cancellationblock.bottom_cancelation {
        flex: 100%;
        max-width: 100% !important;
        float: right;
    }

    .check-res {
        display: flex;
        flex-direction: column;
    }

    ul.hotelcheck {
        margin-left: 13px;
    }

    #checkout_pag .cust_text {
        padding-right: 15px !important;
    }

    .check-date {
        margin-top: 9px;
    }

    div.leftchecktop > div.row {
        margin: initial;
    }

    .FaredDetails {
        margin: 10px 14px 10px 0px !important;
    }

    checkout .FaredDetails {
        margin: 0 !important;
    }

    .flight_departing {
        text-align: center;
    }

    .leftchecktop img.img-responsive {
        margin-bottom: 13px !important;
    }

    .hotel_price.flight {
        margin-top: initial !important;
    }

    .flt_dtime, .flt_atime {
        justify-content: center !important;
        display: grid !important;
        max-width: 20% !important;
        flex: 0% !important;
        padding: 0px !important;
    }

    .frm_pln {
        top: -6px !important;
    }

    .to_pln {
        top: -6px !important;
    }

    .site-loading img {
        padding-left: 25px !important;
    }

    flight-details-template .flt_layover {
        max-width: 60% !important;
        flex: 100% !important;
    }

    .trip_from {
        text-align: center !important;
        margin: 6px 0px 6px 0px;
    }

    table.flt_slid {
        display: none;
    }

    pkg-thankyou .thanku_bottom .col-md-4 .thanku_rit {
        margin-top: 19px;
    }

    .modifysearch.flt_modify .reverse {
        left: 0px;
        top: 33px;
    }

    div#ui-datepicker-div {
        width: 100% !important;
        left: initial !important;
    }

    .ui-datepicker-group.ui-datepicker-group-first, .ui-datepicker-group.ui-datepicker-group-last {
        width: 100% !important;
    }

    img.\/assets\/twb2c\/img-responsive {
        width: 100%;
        margin-top: 17px;
    }

    div#packg-yt-thanku button {
        margin: 5px 0px !important;
        width: 100%;
        padding: 4px 0;
    }

    pkg-thankyou .thanu_top > div > div:last-child {
        text-align: left !important;
    }

    .mob-reponsive-thank {
        text-align: center;
    }

    .thank-res-mob {
        padding: 0;
        margin-top: 13px;
    }

    .best-price span > img.\/assets\/twb2c\/img-responsive {
        text-align: center;
        display: block;
        width: 136px;
        margin-top: 17px;
        margin: auto;
        margin-top: 12px;
    }

    .best-price .col-md-3.col-sm-3 img {
        width: 220px;
    }

    .best-price .col-md-3.col-sm-3 {
        text-align: center;
    }

    .thank-m-res {
        padding-right: 0px !important
    }

    .calanderboth input#txt_IN {
        text-align: left;
        padding-left: 40px;
    }

    .calanderbothinput #txt_OUT {
        text-align: right;
        padding-right: 9px;
    }

    hotel-result .avaragerate h4 {
        font-size: 14px;
        margin-top: 8px;
    }

    checkout .checkout-right {
        padding-right: 0px;
        padding-left: 0px;
    }

    .cust_htl-modify input#txt_OUT {
        text-align: left;
        padding-left: 26px;
    }

    .calanderboth input {
        padding: 0 0px;
    }

    transfer-modify input#txt_IN, transfer-modify input#txt_OUT {
        padding-left: 25px !important;
    }

    .user-img {
        margin-top: -12px !important;
        display: block;
    }

    header {
        background-color: #f1eefc !important;
    }

    .cancl_col-three {
        padding: 0;
    }

    checkout .disclaimer-alert {
        left: 0;
        width: 100%;
    }

    checkout button.book_now.checkout_btn {
        padding: 8px 9px;
    }

    checkout-fare-details .row:last-child > div {
        width: 100%;
    }

    checkout-fare-details .row > div {
        width: 50%;
    }

        checkout-fare-details .row > div > p {
            margin: 0 !important;
        }

    package-result-temp .thumbtriptypetext {
        left: 20px !important;
        width: 82% !important;
    }

    .site-loading {
        display: flex !important;
        text-align: center;
        justify-content: center;
        align-items: center;
        left: auto !important;
    }

        .site-loading img {
            left: 10px !important;
        }

    .site-loading {
        left: 22% !important;
    }

    .ideal-slider .col-md-3 {
        max-width: 100% !important;
    }

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .ideal-slider .carousel-inner .carousel-item-left.active,
    .ideal-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }

    .ideal-slider .carousel-inner .carousel-item > div {
        display: none;
    }

        .ideal-slider .carousel-inner .carousel-item > div:first-child {
            display: block;
        }

    app-index .ideal-slider .col-md-3 img {
        width: 100%;
        height: auto;
    }

    #ddlNights {
        margin-bottom: 10px;
    }

    hotel-search-control .control_tab.tab_HTL i.fa.fa-map-marker, hotel-search-control .control_tab.tab_HTL i.fa.fa-hotel, hotel-search-control .control_tab.tab_HTL i.fa.fa-star {
        left: 12px !important;
        top: 20px !important;
        font-size: 18px;
    }

    hotel-search-control .control_tab.tab_HTL.htl-news > div > div:nth-child(1) > div > input#destination, hotel-search-control .control_tab.tab_HTL.htl-news > div select {
        padding-left: 32px !important;
        padding-top: 7px;
    }

    #banner h1 {
        font-size: 18px !important;
        margin-top: 24px !important;
    }

    .navbar-brand {
        width: 70%;
    }

    .navigation {
        padding: 8px 0px 8px 0px !important;
    }

    .navbar-nav li {
        margin-bottom: 6px;
    }

        .navbar-nav li a {
            border-right: none !important;
        }

    .navbar-toggler {
        width: 40px !important;
        height: 34px !important;
    }

    .navbar-light button {
        background: red !important;
    }

    .right-nav {
        margin-bottom: 27px !important;
    }

    .navbar-nav .cont a {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    ul.navbar-nav {
        margin-top: 12px;
    }

    .searchdns .national {
        width: 100% !important;
    }

    .natio-0 {
        margin-top: 18px !important;
        margin-left: 10px !important;
    }

    #why-book h2 {
        font-size: 23px !important;
    }

    .card {
        border-right: none !important;
    }

    footer .footer-res {
        display: grid;
        grid-template-columns: 100%;
    }

    .footer-heading ul li {
        margin-bottom: 6px;
    }

    .footer-heading p {
        margin-bottom: 13px !important;
    }

    .flat-price {
        bottom: 7px !important;
        left: 88px !important;
    }

        .flat-price p {
            font-size: 20px !important;
        }

    .topdeal {
        padding: 0px !important;
    }

    .uni-11 {
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .cust_price_htl .pergest {
        text-align: left !important;
    }

    .stars11 {
        text-align: right;
    }

    .mul .col-md-12 p span {
        margin: 0px !important;
    }

    .leftchecktop .row .col-md-4 {
        padding-right: 7px !important;
    }

    .flt_logo_img {
        margin-left: 42px !important;
        margin-top: 14px !important;
    }

    .selected_box_bottom {
        width: 100% !important;
    }

    p.good {
        text-align: left !important;
    }

    .hotel > div > div {
        overflow: scroll;
    }

    transfer-modify i.fa.fa-map-marker, transfer-modify i.fa.fa-calendar {
        top: 17px !important;
        left: 10px !important;
    }

    .calanderboth input#txt_IN {
        padding-left: 25px !important;
        padding-right: 0px !important;
    }

    .liyos .calanderboth input#txt_IN {
        padding-left: 39px !important;
        padding-right: 0px !important;
    }

    flight-search i.fa.fa-calendar {
        top: 20px !important;
    }

    flight-search i.fa.fa-user {
        top: 20px !important;
    }

    /*    .controllerv .control_tab input, .controllerv .control_tab select {
        padding: 0 8px 0px 29px !important;
    }*/

    .hotel_price.cust_price_htl p {
        text-align: left !important;
    }

    .sessiondiv .sesion-expire {
        width: 95% !important;
        margin: 10% 10px 10% 10px !important;
    }

    .topdn .row .col-md-3 h3 a {
        font-size: 10px !important;
        font-weight: 500;
    }

    ul.amenitiesvs li {
        font-size: 12px !important;
        width: 40% !important;
    }

    .morehotels .col-sm-6.col-md-6.col-12 {
        overflow: unset !important;
    }

    flight-search i.fa.fa-map-marker {
        top: 20px !important;
    }

    flight-search div#cust_one_round > div:nth-child(1) > div > div:nth-child(2) > .text_icon.rightpd > i.fa.fa-map-marker {
        left: 9px !important;
        top: 20px !important;
    }

    .calanderboth input#txt_IN {
        padding-left: 28px !important;
        padding-right: 0px !important;
    }

    .col-md-4 .rightpd input {
        padding-left: 25px !important;
    }

    #Subscribe {
        background-color: transparent !important;
        padding: 60px 8px;
        margin-right: 8px;
        margin-left: 13px;
    }

        #Subscribe input {
            width: 96% !important;
            margin-bottom: 16px;
        }

        #Subscribe .btn {
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 42px !important;
            font-size: 14px !important;
        }

    footer {
        padding-top: 21px !important;
        box-shadow: 2px 2px 10px #2d00f899;
    }

    .tab_TRF {
        padding-bottom: 30px;
    }

    #first-div > div .container {
        padding-right: 6px !important;
    }

    .ui-datepicker .ui-datepicker-header {
        padding: 0.6em 0 !important;
    }

    #ui-id-1 {
        width: 87% !important;
        overflow: scroll !important;
    }

    flight-modify i.fa.fa-calendar {
        top: 14px !important;
    }

    flight-modify div#cust_one_round > div:nth-child(1) > div > div:nth-child(2) > .text_icon.rightpd > i.fa.fa-map-marker {
        left: 9px !important;
        top: 14px !important;
    }

    #ui-id-2 {
        width: 87% !important;
        overflow: scroll !important;
    }

    #ui-id-3 {
        overflow: scroll !important;
    }

    .Subscribe-box {
        padding-right: 11px !important;
    }

    .alert-modal .modal-content {
        width: 90% !important;
    }

    #checkout_pag {
        margin-top: 25px;
        padding: 0px 24px 0px 24px;
        width: 100%;
    }

        #checkout_pag .container .row .col-md-8 {
            padding: 0px !important;
        }

    #section-padding .row {
        width: 100%;
    }

    transfer-search i.fa.fa-map-marker, transfer-search i.fa.fa-calendar {
        top: 21px !important;
    }

    .stars11 {
        width: 80% !important;
    }

    .mul .col-md-12 p {
        padding-right: 0px !important;
    }

    tab_TRF .row .width12 {
        flex: 0 0 100% !important;
        max-width: 99.666667% !important;
    }

    .mauins {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    transfer-temp > .hotel > div:nth-child(2) > div:nth-child(1) > table.tbl_MoreOptions > tbody > tr > td {
        padding: 5px 6px !important;
    }

    .ar-right strong {
        text-align: right;
    }

    h3.names-diff {
        font-size: 14px !important;
        font-weight: 600;
    }

    .yesing {
        width: 80px !important;
        height: 30px !important;
        margin: 0px !important;
        font-size: 13px !important;
    }

    .containerslider #bx-pager {
        margin: 0px 5px 0px 13px !important;
    }

    .activities-detail {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
    }

        .activities-detail a {
            margin: 0 3px 0 0 !important;
        }

    .childage {
        left: 24px !important;
    }

    .paymentMethod {
        margin-top: 14px !important;
    }

    .jkens {
        width: 78% !important;
        margin-left: 35px !important;
        margin-top: 12px !important;
    }

    .user-profile-form {
        overflow: scroll;
    }

        .user-profile-form label {
            margin-top: 6px !important;
            display: block;
        }

        .user-profile-form span.fa.fa-fw.fa-eye.toggle-password-icon.toggle-password {
            top: 48px !important;
        }

    .navbar-brand img {
        width: 36% !important;
    }

    .user-profile-form h3 {
        margin: 15px 0px 15px 0 !important;
    }

    .trip_to span {
        margin-left: 70px;
    }

    .visa-form-container {
        flex-direction: column;
        width: 100%;
    }

        .visa-form-container .custom-input {
            margin-bottom: 15px;
            margin-right: 0;
        }

        .visa-form-container .search-btn {
            width: 100%;
        }

    .visa-card-container {
        margin: 30px !important;
    }

    .visa-details .visa-header img {
        height: 100% !important;
    }

    .visa-details .main {
        display: grid !important;
        grid-template-columns: 100%;
    }

    .price-box-inner {
        width: 100% !important;
    }

    .visa-details .price-box {
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .visa-details .tyepp {
        margin-right: 0px !important;
    }

    .price-box-inner {
        padding: 15px 12px !important;
    }

    .visa-form-container .search-btn {
        margin-bottom: 27px;
    }

    .visa-form-container .custom-input {
        margin-right: 0px !important;
    }

        .visa-form-container .custom-input i {
            font-size: 15px;
        }

    .ut-confirmation-banner-wrapper {
        background-color: transparent !important;
    }

    .ut-confirmation-banner-wrapper {
        padding: 0px !important;
    }

    .ut-confirmation-banner-card {
        margin-bottom: 0px !important;
    }

    .ut-confirmation-banner-wrapper {
        margin-bottom: 0px !important;
    }

    .ut-doc-upload-title {
        font-size: 16px !important;
        margin-bottom: 7px;
    }

    .ut-doc-required-documents li {
        font-size: 13px !important;
    }

    .ut-doc-required-title span svg {
        width: 16px !important;
    }

    .ut-card-text {
        font-size: 22px !important;
    }

    .ut-doc-upload-header {
        display: grid !important;
        grid-template-columns: 100% !important;
        margin-bottom: 20px;
    }

    .ut-doc-required-title {
        font-size: 15px !important;
    }

    .ut-doc-required-documents li {
        font-size: 14px !important;
    }

    .ut-doc-required-documents ul {
        padding-left: 10px;
    }
}


@media only screen and (min-width:768px) and (max-width:1024px) {
    div#cms {
        margin: 15px 16px !important;
    }

    .col-md-4.loggedinfb img {
        width: 100%;
    }

    .rest-notice p {
        line-height: 16px;
    }

    .rest-notice {
        line-height: 12px !important;
    }

    .hedpara h4 {
        font-size: 14px !important;
    }

    #hotel_detail .headofcheck {
        align-items: center !important;
        display: inherit !important;
    }

    .adult-child div.col-md-2 div.leftdetails {
        margin-right: -46px !important;
    }

    .adult-child div.col-md-2 {
        margin-left: 18% !important;
    }

    .row.col-md-10.icons-sec {
        max-width: 100%;
        flex: 100%;
    }

    .activities-detail a {
        line-height: 51px;
        margin: 1px !important;
    }

    a.book_now {
        padding: 8px 12px !important;
    }

    .flt_tabl {
        overflow: scroll;
    }

    #banner > div.container > div > div > div > div.controllerv > hotel-search-control > form > div > div.row.searchdns > div:nth-child(2) > select {
        width: 17% !important;
    }

    #banner > div.container > div > div > div > div.controllerv > flight-hotel-search > form > div > div.row.searchdns > div:nth-child(3) > select {
        width: 17% !important;
    }

    .user-layout-nav.nav.nav-tabs li {
        font-size: 12px;
        padding: 6px 9px;
    }

    .lowest-price-grn b {
        display: block;
        margin-top: -22px;
        margin-left: 20px;
    }

    body > client-app > app-layout > div > hotel-result > div > div > div.col-sm-9.col-md-9.col-12 > div > div.cust_htl-modify > div > div.col-md-2.col-sm-6.col-xs-12 > button {
        font-size: 11px;
    }

    footer > div > div > div:nth-child(1) > img {
        width: 120px !important;
    }

    .thank-tab h2 {
        font-size: 23px;
    }

    .row.col-md-10.htll-cent.p-0.m-0 {
        padding-left: 20px !important;
    }

    .breadcrumb a {
        width: 24% !important;
    }

    .col-md-4.recom-green {
        max-width: 50%;
    }

    .fare_alert p {
        padding: 12px;
        font-size: 14px;
    }

    .optns p {
        font-size: 9px !important;
    }

    div.sort > div > div {
        max-width: 100% !important;
        flex: 0% !important;
    }

    button#btnSearch {
        font-size: 13px;
    }

    thank-tab {
        padding: 0;
    }

    .social-icon ul {
        display: block !important;
    }

        .social-icon ul li {
            margin-top: 8px;
        }

    .logo img {
        width: 100% !important;
    }

    #first-div div#carouselExampleIndicators .discount-pkg {
        width: 100%;
        top: 75%;
        font-weight: 600;
        padding: 0px 0px 6px 1px
    }

    .price {
        margin-left: 27px;
    }

    img.\/assets\/twb2c\/img-responsive {
        width: 110%;
    }

    .get {
        margin-left: 19px;
    }

    div.sale > div > div > div.col-md-3 > img {
        height: 248px;
    }

    div#header_signup_tab button.btn_full.orange2 {
        width: 50% !important;
    }

    .row.bottom_flt_btn1 .col-sm-2, .row.bottom_flt_btn1 .col-sm-7 {
        max-width: 30% !important;
        flex: 30% !important;
    }

    .row.bottom_flt_btn1 .col-sm-3 {
        max-width: 40% !important;
        flex: 40% !important;
    }

    #section-padding .recommended-img img {
        width: 100%;
        height: 171px;
    }

    #section-padding .releases-left-bg-img {
        width: 100%;
    }

    #section-padding .releases-left-img {
        top: 94px;
        right: 0;
        width: 61%;
    }

    .second-bg .releases-right h1 {
        font-size: 34px;
    }

    .second-bg .releases-right p {
        font-size: 15px;
        margin-bottom: 0;
    }

    .navbar-light button {
        width: 40px !important;
        height: 32px !important;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 975px;
        margin: 1.75rem auto;
    }
}
/*newcss*/

@media only screen and (min-width:376px) and (max-width:767px) {

    hotel-modify-component {
        position: absolute;
        top: -1735px;
        margin-right: 18px;
    }

    hotel-result div.container div.row div.col-sm-3.col-md-3.col-12 {
        margin-top: 60%;
    }

    h1.showoff.dealhadding {
        font-size: 20px;
    }
}

@media only screen and (min-width:321px) and (max-width:375px) {

    hotel-modify-component {
        position: absolute;
        top: -1735px;
        margin-right: 18px;
    }

    hotel-result div.container div.row div.col-sm-3.col-md-3.col-12 {
        margin-top: 69%;
    }
}


@media only screen and (max-width:320px) {
    h1.showoff.dealhadding {
        font-size: 20px;
    }
}