@media screen and ( max-width: 1600px ){
    .footerGallery .imgBox{
        height: 375px;
    }
    .homeBanner h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .homeBanner h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .homeBanner p {
        font-size: 16px;
        line-height: 20px;
    }
    .agency-video-slider video{
        height: 440px;
    }
    .exploreimgDisplay .slick-slide img{
        height: 400px;
    }
    .agency-explore-africa-slider-description-content{
        margin-top: 40px;
    }
    .agency-explore-africa-section .container {
        max-width: 1250px;
    }
    .agency-explore-africa-slider-col{
        width: 48%;
    }
    .agency-explore-africa-row{
        justify-content: space-between;
    }
    .govtagency-panel h3{
        font-size: 45px;
        line-height: 55px;
    }
    .right-col-agency-banner-slick .slick-arrow.slick-prev {
        right: 55%;
    }
}
@media screen and ( max-width: 1400px ){
    .sub-price h3{
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .makePopular::after{
        width: 110px;
    }
    .sub-price span{
        font-size: 12px;
        line-height: 16px;
    }
    .sub-price{
        padding: 15px;
    }
    .plan-title-sec h4{
        font-size: 13px;
    }
    h5.plan-details{
        font-size: 13px;
        line-height: 18px;
    }
    .plan-title-sec {
        min-height: 160px !important;
    }
    .container{
        max-width: 1024px;
    }
    .homeBanner h3{
        font-size: 60px;
    }
    .browseSec .totalReview{
        flex-direction: column;
    }
    .browseSec .totalReview .midLine{
        width: 100%;
        height: 1px;
        margin: 17px 0;
    }
    .browseSec .enquireButton{
        padding: 20px;
    }
    .browseSec .totalReview{
        padding: 15px;
    }
    .browseSec .totalReview{
        margin: 15px 0;
    }
    .browseSec .maps{
        height: 250px;
    }
    .price .offer, .specialTours .eachTour .price .regular{
        font-size: 15px;
    }
       .newsletter-img-col img{
        object-fit: contain;
    }
    .counter-block.count-bottom {
        right: 0px;
        bottom: 0px;
    }
    .loginmodal .modal-content {
        width: 80.95%;
    }
    .what-will-desafrica{
        column-gap: 30px;
    }
    .what-will-right {
        width: 65%;
    }
    .user-each-tab{
        padding: 0px 19px;
        height: 60px;
    }
    .user-each-tab h4 {
        font-size: 16px;
        line-height: 18px;
    }
    .user-left-tab {
        flex: 0 0 23%;
    }
    .user-tab-section{
        column-gap: 30px;
    }
    .title-edit-button h1 {
        font-size: 35px;
        line-height: 43px;
    }
    .user-top-left h6{
        font-size: 17px;
    }
    .user-top-right img {
        width: 90px;
        height: 90px;
    }
    .user-interface.wishlist-interface {
        padding-bottom: 100px;
    }
    .govtagency-panel h3{
        font-size: 40px;
        line-height: 50px;
    }
    .govtagency-accordion-section .govtagency-panel p{
        font-size: 20px;
    }
    .agency-explore-africa-row {
        column-gap: 30px
    }  
    .agency-explore-africa-slider-content-col{
        background-size: contain;
    }
    #loginDropdown .dropdown-content{
        min-width: 140px;
    }
    .left-agency{
        padding-right: 15px;
    }
    .left-agency{
        column-gap: 80px;
    }
    .right-col-agency {
        width: 80%;
    }
    .agency-video-slider video{
        height: 450px;
    }
    

}
@media screen and ( max-width: 1200px ){
    .plan-col-fixed-left{
        position: absolute;
        height: 100%;
        background-color: #fff;
        padding-left: 15px;
    }
    .plan-move-buttons button{
        border: 1px solid #6a63634f;
        padding: 6px 9px;
        border-radius: 5px;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.3s;
     }
     .plan-move-buttons button:hover{
        background-color:var(--color2);
        border: 1px solid var(--color2);
     }
     .plan-move-buttons button img{
        transition: 0.3s;
     }
     .plan-move-buttons button:hover img{
        filter: brightness(100);
     }
    .items-per-col{
        width: 1200px;
        margin-left: 290px;
        overflow: scroll;
    }
    .plan-new-col{
        flex: 0 0 290px;
    }
    .member-plans{
        position: relative;
    }
    .items-per-col{
        width: 100%;
        display: flex;
    }
    .container{
        max-width: 991px;
    }
    .pad1, .pad2, .pad3{
        padding: 60px 0;
    }
    .homeSec h2{
        margin-bottom: 25px;
    }
    .homeBanner h3{
        font-size: 40px;
    }
    footer .top ul.contact li:last-child a {
        font-size: 20px;
    }
    .topTours .tabs{
        margin-bottom: 25px;
    }
    .footerGallery .imgBox{
        height: 250px;
    }
    .topTours .eachTabContent .imgBox .mainImg {
        height: 200px;
    }
    .destinations .imgBox .mainImg {
        height: 250px;
    }
    .homeBanner .container {
        padding: 120px 0 120px;
    }
    .activities .gallery .eachImg img {
        height: 175px;
    }
    .stayWhere .gallery img {
        height: 175px;
    }
      /*contact*/
     .contact-page-left h6{
        line-height: 36px;
    }
    .contact-page-testimonial-slider .slick-slide {
        margin: 0 20px;
    }
    .contact-page-testimonial-slider .slick-list.draggable {
        margin: 0 -20px;
    }
    .row.newsletter-row{
        column-gap: 40px;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .counter-block.count-bottom {
        right: 0px;
        bottom: 0px;
    }
        .counter-block.count-top {
            right: 0px;
            top: 0px;
    }
    .expand-plans .tab-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .plan-top-part h6{
        max-width: 280px;
        margin: 0px 15px;
        height: 30px;
        font-size: 15px;
        padding:10px;
    }
    .plan-top-part h4{
        font-size: 30px;
    }
    .plan-top-part p{
        font-size: 15px;
        line-height: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .join-community-right-col h3{
        font-size: 30px;
    }
    .join-community-right-col p{
        font-size: 16px;
        line-height: 24px;
    }
    .join-community-row{
        column-gap: 65px;
    }
    .user-more-det p{
        line-height: 18px;
    }
    section.user-interface {
        padding-top: 65px;
        padding-bottom: 40px;
    }
    .wishlist-listing-page {
        padding-top: 50px !important;
    }
    .agency-banner-slider .slick-arrow.slick-prev{
        left: 0px;
        right: auto;
    }
    .agency-banner-slider .slick-arrow.slick-next {
        right: auto;
        left: 50px;
    }
    .agency-banner-slider .slick-arrow {
        bottom: -65px;;
    }
    .makePopular::after{
        width: 100px;
        height: 17px;
        top: 5px;
        right: 5px;
     }

}
@media screen and ( max-width: 1100px ){
    .container{
        max-width: 767px;
    }
    .topTours .tabContent .slick-prev {
        left: -50px;
    }
    .topTours .tabContent .slick-next {
        right: -50px;
    }
    .stayWhere .slick-prev {
        left: -50px;
    }
    .stayWhere .slick-next {
        right: -50px;
    }
    .activities .eachAct {
        width: 32%;
    }
    .gallery .eachImg img{
        height: 175px;
    }
    .listingItems .eachTabContent .contentBox {
        padding: 15px;
    }
    .browseSec .roomAvailability .eachRoom .content a{
        margin-top: 15px;
    }
    .browseSec .roomAvailability .eachRoom .content p{
        margin: 16.6px 0 14px 0;
    }
    .experienceSec form{
        padding: 15px;
    }
    .experienceSec form textarea{
        height: 90px;
    }
    .browseSec .roomAvailability .popUpView .container{
        max-width: 85%;
    }
    .platform-info-img-row{
        background: transparent;
        flex-direction: column;
        flex-wrap: wrap;
        height: 970px;
        width: 767px;
    }
    .platform-info-img-row::after{
        content: '';
        background-image: url('../img/temp/platoform-bg-rotate.png');
        background-repeat: no-repeat;
        background-size: 258.01px 970px ;
        background-position: center;
        margin: 0 auto;
        height: 970px;
        left: 35%;
        position: absolute;
        width: 258.01px;
    }
    .platform-info-img-row .col.col-1 .platform-info-content{
        top: 31px;
        width: 240px;
        right: 0px;
    }
    .platform-info-img-row .col.col-1::after{
        transform: rotate(85deg);
        right: 31%;
        top: 16%;
        left: auto;
        width: 196px;
        height: 98px;
    }
    .platform-info-img-row .col-1 .platform-info-icon{
        top: 11%;
        left: auto;
        right: 46%;
        z-index: 999;
    }
    .platform-info-img-row .col.col-2::after{
        transform: rotate(264deg);
        right: auto;
        top: 26%;
        left: 35%;
        width: 196px;
        height: 98px;
    }
    .platform-info-img-row .col.col-2 .platform-info-content{
            bottom: 55px;
            width: 258px;
            left: 0px;
    }
    .platform-info-img-row .col-2 .platform-info-icon{
            bottom: 22%;
            left: 49.6%;
            z-index: 999;
    }
    .platform-info-img-row .col.col-3{
            width: 100%;
    }
    .platform-info-img-row .col.col-3 .platform-info-content{
            top: 53px;
            width: 211px;
            right: 0px;
    }
    .platform-info-img-row .col-3 .platform-info-icon{
            top: 18%;
            left: auto;
            right: 46%;
            z-index: 999;
    }
    .platform-info-img-row .col.col-3::after{
            transform: rotate(89deg);
            right: 31%;
            top: 23%;
            left: auto;
            width: 196px;
            height: 98px;
    }
    .platform-info-img-row .col.col-4 .platform-info-content {
            bottom: 41px;
            width: 258px;
            left: 0px;
    }
    .platform-info-img-row .col-4 .platform-info-icon {
            bottom: 15%;
            left: auto;
            right: 34.2%;
            z-index: 999;
    }
    .platform-info-img-row .col.col-4::after {
            transform: rotate(273deg);
            right: auto;
            top: 26%;
            left: 34.6%;
            width: 196px;
            height: 98px;
    }
    .platform-info-img-row .col.col-5{
            width: 100%;
    }
    .platform-info-img-row .col.col-5::after{
            transform: rotate(88deg);
            right: 31%;
            top: 28%;
            left: auto;
            width: 196px;
            height: 98px;
    }
    .platform-info-img-row .col.col-5 .platform-info-content {
            top: 78px;
            width: 142px;
            right: 0px;
    }
    .platform-info-img-row .col-5 .platform-info-icon {
            top: 26%;
            left: 37.7%;
            z-index: 999;
    }
    .whyus-content-block {
            column-gap: 30px;
            margin-bottom: 72px;
            justify-content: space-between;
    }
    .latest-tour .slick-next {
            right: 0px;
    }
    .latest-tour .slick-prev{
            left: 0px;
            z-index: 999;
    }
    .name-fields-cont,.email-mob-cont{
            flex-wrap: wrap;
    } 
    .about-banner-right-img {
            width: 100%;
            margin-left: 0px;
    }
    .about-banner-right-col-inner{
            margin-left: 20px 

    }
    .name-fields-cont, .email-mob-cont{
        flex-wrap: wrap;
        row-gap: 16px;
    }
    .expand-banner .expand-right{
        width: 35%;
    }
    .expand-banner .expand-left-side{
        width: 60%;
    }
    .expand-banner{
        justify-content: space-between;
    }
    .expand-left-side p{
        font-size: 16px;
        line-height: 26px;
    }
    .expand-left-side h1{
        font-size: 50px;
        line-height: 60px;
    }
    .expand-banner{
        column-gap: 40px;
    }
    .each-side-will-box{
        max-width: 450px;
    }
    .what-will-right {
        width: 100%;
        margin-top: 30px;
    }
    .custom-tabs .tab h4{
        font-size: 17px;
        margin-top: 0px;
    }
    .custom-tabs .tab p{
        font-size: 14px;
    }
    .custom-tabs .tab{
        padding-bottom: 10px;
    }
    .plan-list-part ul li{
        font-size: 14px;
        line-height: 22px;
    }
    .plan-list-part ul li{
        padding-bottom: 10px;
    }
    .plan-list-part ul{
        padding: 20px;
    }
    .plan-subscribe-button a{
        width: 120px;
        height: 35px;
        font-size: 14px;
    }
    .each-list-you-get p, .each-list-you-get ul li{
        font-size: 14px;
        line-height: 18px;
        /* padding-left: 20px; */
    }
    .each-list-you-get h6{
        font-size: 14px;
    }
    .faq-accordion .accordion{
        font-size: 15px;
        padding: 20px 0px;
    }
    .more-help-row h3{
        font-size: 25px;
    }
    .more-help-row p{
        font-size: 15px;
    }
    .more-help-row a{
        width: 130px;
        height: 35px;
        font-size: 14px;
    }
    .title-edit-button{
        column-gap: 15px;
    }
    .title-edit-button h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .user-top-left h6 {
        font-size: 15px;
        padding-top: 5px;
    }
    .wishlisted-big-boxes{
        grid-template-columns: 1fr 1fr;
        row-gap: 15px;
    }
    .govtagency-panel h3 {
        font-size: 51px;
        line-height: 61px;
    }
        .agency-banner-slide-inner h3{
            font-size: 15px;
    }
    .agency-banner-slider .slick-arrow.slick-prev{
            right: 54.5%;
    }
    .touristAttraction .slick-slide, .touristAttraction .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"]{
            transform: scale(1);
    }
    .touristAttraction .slick-center .eachTour .imgBox >img{
        height: 285px;
    }
    .touristAttraction .slick-slide{
        margin: 0px 7.5px;
    }
    .touristAttraction .slick-list{
        margin: 0px -7.5px;
        padding: 0px!important;
    }
    .selected-tour-slider-inner-row{
        column-gap: 15px;
    }
    .govtagency-featured-amenities-inner{
        column-gap: 50px;
    }
    .govtagency-night-life-row{
        column-gap: 50px;
    }
    .govtagency-night-life-content-col{
        flex: 0 0 25%;
    }
    .agency-video-slider .slick-list {
        padding: 0 10% 0 0;
    }
    .selected-tour-slider-inner-row{
        flex-direction: column;
        row-gap: 20px;
    }
    .selected-tour-operator .listingItems .selected-tour-slider-inner-doublecol{
        row-gap: 0px;
        flex: 0 0 49.08%;
        column-gap: 15px;
        flex-direction: row;
    }
    .selected-tour-operator .listingItems .selected-tour-slider-inner-doublecol .eachTabContent .contentBox{
        padding: 9px!important;
    }
    .selected-tour-operator .listingItems .selected-tour-slider-inner-doublecol .eachTabContent {
        flex-direction: row;
        background: #fff;
        justify-content: space-between;
    }
    .selected-tour-slider-inner-doublecol .imgBox {
        flex: 0 0 52%;
    }
    .govtagency-panel h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .touristAttraction .slick-prev{
        top: auto;
        right: 38px;
        bottom: -45px;
        left: auto;
    }
    .touristAttraction .slick-next{
        top: auto;
        bottom: -32px;
        right: 0px;
        left: auto;
    }
    .left-agency{
        flex-direction: column;
    }
    .left-col-agency, .right-col-agency {
        width: 100%;
    }
    .left-agency{
        margin: auto !important;
        max-width: 797px;
        padding: 0 15px;
    }
    .govtagency-featured-amenities-slider-controls{
        margin-top: 40px;
    }
    .sh-flex-col .rating{
        flex-direction: column;
        row-gap: 15px;
    }
    .sh-flex-col .rating{
        flex-direction: column;
        row-gap: 15px;
    }
    .selected-tour-operator .trusted span{
        display: none;
    }
    .exploreimgDisplay .slick-slide img{
        height: 530px;
    }
    .sh-exp-learn{
        flex-direction: column;
        row-gap: 10px;
        align-items: baseline;
    }
    .collectionNearby .eachAmenity .gallery img {
        height: 140px;
    }
    .contact-submit-sec{
        flex-direction: column;
        align-items: baseline;
        row-gap: 12px;
    }
    .agency-explore-africa-slider-description-content {
        margin-top: 35px;
    }
    .agency-video-slider.slide-full-width .slick-list, .slide-half-width.agency-video-slider .slick-list {
        padding: 0;
    }
    .left-agency.banner-acc-slider{
        padding-bottom: 30px;
    }
    .right-col-agency-banner-slick{
        width: 100% !important;
    }
    .what-will-desafrica{
        flex-direction: column;
    }
    .text-pop-box.popup-text{
        max-width: 200px;
        left: 0;
    }
    .platform-row-reverse .text-pop-box.popup-text{
        left: auto;
        right: 0;
    }
    .latest-tour .slick-prev{
        right: 60px;
        left: auto;
        top: auto;
        bottom:-77px;
    }
    .latest-tour .slick-next{
        right: 0px;
        left: auto;
        top: auto;
        bottom:-60px;
    }
    .latest-tour.slick-initialized{
        margin-bottom: 40px;
    }
    .newsletter-content-col{
        margin-top: 0px;
    }
    .plan-top-part{
        min-height: 200px;
    }
    .recaptch-btn input{
        margin-left: 0px !important;
    }
    .recaptch-btn{
        flex-direction: column;
        align-items: flex-start;
    }
    .experienceSec form textarea{
        width: 93%;
    }
}

@media screen and ( max-width: 1025px ){
    .joinus-section-inner-left, .joinus-section-inner-right {
        background: transparent;
    }
}
@media screen and ( max-width: 992px ){
    .plan-new-col {
        flex: 0 0 370px;
    }
    .about-banner-left-col h1 {
        font-size: 50px;
        line-height: 65px;
        margin-top: 50px;
    }
    /*contact */
    .contact-us-page{
        column-gap: 35px;
    }
    .contact-us-page input, .contact-us-page select{
        height: 40px;
    }
    .contact-us-page textarea{
        height: 130px;
    }
    .cont-form-submit{
        width: 150px;
        height: 45px;
    }
    .explore-banner-sec{
        padding: 20px 22px 20px 22px;
    }
    .title-explore h2{
        font-size: 27px;
    }
    .main-counter-block{
        flex: 0 0 40%;
    }
    /*end contact*/
    .explore-banner-sec{
        padding: 20px 22px 20px 22px;
    }
    .title-explore h2{
        font-size: 27px;
    } 
    .each-list-left-side {
        flex: 0 0 30%;
    }
    .each-list-right-side ul li::before{
        left: 15px;
    }
    .each-list-you-get p{
        padding-left: 15px;
    }
    .each-list-right-side ul li{
        padding-left:40px;
    }
    .join-community-row{
        grid-template-columns: 38% 1fr;
    }
    .join-community {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .profile-listing-user{
        right: 5px;
    }
    .govtagency-banner-content-slider-col {
        margin-left: 30px;
    }
}

@media screen and ( max-width: 991px ){
    .col-md-6{
        width: 50%;
    }
    .col-md-12{
        width: 100% !important;
    }
    p{
        font-size: 15px;
    }
    .navyTitle {
        font-size: 30px;
    }
    .topTours .tabs{
        flex-wrap: wrap;
        row-gap: 30px;
    }
    .homeBanner h1 {
        font-size: 34px;
        line-height: 44px;
    }
    .homeBanner h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .homeBanner p {
        font-size: 14px;
        line-height: 18px;
    }
    .testiSec .row{
        row-gap: 50px;
    }
    .homeBanner .container {
        padding: 60px 0;
    }
    .listFilter .tabs .eachTab{
        width: 110px;
    }
    .faq-section{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .faq-section .accordion{
        line-height: 30px;
    }
    .main-counter-row{
        width: 100%;
        justify-content: space-between;
        column-gap: 50px;
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .joinus-head h2{
        width: 100%;
    }
    .counter-block.count-left {
        left: 0px;
    }
    .whyus-section {
        padding-top: 50px;
    }
    .platform-working-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .login-row{
        flex-direction: column;
    }
    #signupModal .modal-content{
        height: 95%;
        overflow: scroll;
    }
    .login-img-col,.login-form-col{
        width: 100%;
    }
    .login-img-col{
        padding: 30px 0px;
    }
    .destination-cultures .slick-slide .agency-banner-slide-inner .destination-cultures-slider-content{
        display: none;
        position: absolute;
        left: 0px;
        width: 90%;
        min-width: auto;
        padding: 15px;
    }
    .destination-cultures-slider-content p{
        color: #fff;
    }
    #loginDropdown .dropdown-content{
        min-width: 140px;
    }
    #loginDropdown .dropdown-content{
        left: -25px;
        top:40px;
    }
    .plan-new-col .plan-content-section ul li{
        display: flex;
        justify-content: space-between;
    }
    .plan-new-col .plan-content-section ul li span{
        display: block;
    }
    .plan-col-fixed-left{
        display: none;
    }
    .plan-col-fixed-left{
        display: none;
    }
    .items-per-col{
        margin-left: 0px;
    }
}
@media screen and ( max-height: 520px ){
    #signupModal .modal-content{
        height: 95%;
        overflow: scroll;
    }
    .plan-new-col .plan-content-section ul li {
        column-gap: 30px;
    }
}
@media screen and ( max-width: 900px ){
    .videoSlider .slick-prev {
        left: 0px;
        z-index: 5;
        background-color: #fff;
        padding: 10px;
    }
    .videoSlider .slick-next {
        right: 0px;
        z-index: 5;
        top: calc( 50% - 22px );
        background-color: #fff;
        padding: 10px;
    }
    .topTours .tabContent .slick-prev {
        left: 0px;
        top: 105%;
    }
    .topTours .tabContent .slick-next {
        right: 0px;
        top: calc( 105% - 17px );
    }
    .stayWhere .slick-prev {
        left: 0px;
        top: 105%;
    }
    .stayWhere .slick-next {
        right: 0px;
        top: calc( 105% - 17px );
    }
    /* .homeBanner .col-12{
        padding: 0 15px;
    } */
    .footerGallery .imgBox{
        height: 190px;
    }
    .mapmore-row{
        flex-direction: column-reverse;
        row-gap: 30px;
    }
    .selected-tour-operator .listingItems .selected-tour-slider-inner-doublecol{
        flex-direction: column;
        row-gap: 20px;
    }
}
@media screen and (max-width: 860px){
    .shareMedia{
        position: relative;
        top: auto;
        flex-direction: row;
        margin: 0 0 40px auto;
        border-radius: 4px;
    }
    .agency-explore-africa-row{
        flex-direction: column;
    }
    .agency-explore-africa-slider-col{
        width: 100%;
    }
    .agency-explore-africa-slider-content-col{
        width: 100%;
    }
    .exploreimgSlider .slick-slide img{
        height: 100px;
    }
    .home-container-innner .col-12{
        width: 96%;
    }
    .expand-plans h3 {
        max-width: 100%;
    }
}
 @media screen and ( max-width: 768px ){
    /* .eachRoom .amenities{
        flex-direction: column;
        row-gap: 12px;
    } */
    .title-rate-top-box{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 12px;
    }
    .title-rate-top-box .personAndPrice{
        flex: 0;
        align-items: flex-start;
    }
    .expand-left-side h1 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 10px;
    }
    .expand-banner{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .what-will-desafrica{
        align-items: flex-start;
    }
    .partner-second-sec {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .partner-second-sec h3, .expand-plans h3{
        font-size: 30px;
    }
    .partner-second-sec h3{
        margin-bottom: 25px;
    }
    section.expand-plans{
        padding-top: 30px;
    }
    .plan-row{
        column-gap: 15px;
    }
    .what-you-get {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .join-faq h3{
        font-size: 30px;
        padding-bottom: 15px;
    }
    .join-faq{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .join-community-row {
        column-gap: 20px;
    }
    .user-tab-section{
        flex-direction: column;
        row-gap: 25px;
    }
    .user-left-tab{
        display: flex;
        align-items: center;
        flex: 0;
        column-gap: 6px;
        flex-wrap: wrap;
        row-gap: 6px;
    }
    .user-each-tab h4 {
        font-size: 14px;
        line-height: 14px;
    }
    .user-each-tab img {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }
    .user-each-tab{
        padding: 0px 13px;
    }
    .user-each-tab{
        height: 40px;
    }
    .profile-image-user-header{
        margin-left: auto;
    }
    img.profile-image-of-user{
        width: 40px;
        height: 40px;
    }
    .des-user-name{
        font-size: 16px;
    }
    section.user-interface{
        padding-top: 50px;
    }
    .each-wishlist-images{
        height: 80px;
    }
    .user-interface.wishlist-interface {
        padding-bottom: 50px;
    }
    .enquiries-table-head-row.sh-row, .enquiries-table-body-row.sh-row{
        column-gap: 40px;
    }
    .overflow-now{
        overflow-x: scroll;
    }
    .govtagency-featured-amenities-inner {
        column-gap: 50px;
        flex-direction: column;
    }
    .govtagency-banner-section{
            min-height: 1000px;
    }
    .govtagency-banner-content{
        flex-direction: column;
        row-gap: 30px;
    }
    .govtagency-banner-content-slider-col{
        margin-left: 0px;
    }
    .agency-banner-slider .slick-list{
        padding: 0px!important;
    }
    .special-tour-main-head h2,.govtagency-night-life-content-col h3,.featured-events-main-head h2,.destination-cultures-main-head h2,.govtagency-featured-amenities-section h2,.selected-tour-operator-main-head h2,.govtagency-tourist-attraction-section h2.navy
    ,.agency-explore-africa-header h2,.govtagency-night-life-content-col h3{
        font-size: 30px;
    }
    .agency-video-slider video{
        height: 450px;
    }
    /* .listFilter .tabs{
        width: 500px;
        overflow: auto;
    } */
    .govtagency-tourist-attraction-section {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .slick-slider.agency-video-slider {
        margin-top: 35px;
        margin-bottom: 80px !important;
    }
    .selected-tour-operator {
        margin-bottom: 60px;
    }
    .govtagency-featured-events-section {
        margin-top: 60px;
        margin-bottom: 50px;
    }
    .govtagency-night-life-content-col{
        padding-top: 20px;
    }
    .on-hover-box{
        display: flex;
        flex-direction: column;
    }
    .nav-slider-image{
        height: 100px !important;
    }
    .govtagency-night-life-row{
        padding:40px 0px;
        margin-right:15px;
    }
    .night-life-slider .slick-slide {
        margin: 0px 15px;
    }
    .night-life-slider .slick-list{
        margin: 0px -15px;
    }
    .view-more-video-det{
        opacity: 1;
    }
    .conatct-us-top {
        padding-bottom: 60px;
        margin-top: 140px;
    }
    .listingItems .eachTabContent{
        width: 48.9%;
    }
    .loaction-from-to {
        max-width: 100%;
    }
    .full-width-icon-box{
        opacity: 1;
    }
    .experienceSec form textarea{
        width: 90%;
    }
    .listBanner {
        margin-top: 80px;
    }
    .listBanner .container{
        padding: 115px 0 60px;
    }
    .part-name-price{
        flex-direction: column;
        row-gap: 10px;
    }
    .activate-hover-box .on-hover-box p{
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .contact-page-left h1{
        font-size: 40px;
    }
    .contact-page-left h6{
        font-size: 20px;
        line-height: normal;
    }
    .contact-page-left p, p{
        font-size: 16px !important;
        line-height: 24px !important;
    }
    .faq-accordion {
        margin-top: 0px !important;
    }
    
} 
@media screen and ( max-width: 767px ){
    .whyus-img-col{
        flex: 0;
    }
    .homeBanner .row {
        padding: 0 15px;
    }
    body {
        margin-top: 80px;
    }
    .col-sm-12{
        width: 100% !important;
    }
    header{
        padding: 20px 0;
    }
    header nav .menuBar{
        display: none;
    }
    header nav ul.userLogin{
        margin-left: auto;
    }
    header nav ul.userLogin li a.signUp{
        margin-left: 0;
    }
    .greenTitle{
        font-size: 50px;
    }
    .navyTitle {
        font-size: 26px;
    }
    footer .bottom{
        text-align: center;
    }
    footer .bottom ul{
        justify-content: center;
    }
    .homeBanner {
        margin-top: 80px;
    }
    .homeBanner .homeImg {
        margin-top: 20px;
    }
    .destinations .imgBox:first-child{
        width: 100%;
    }
    .destinations .imgBox{
        width: 48.7%;
    }
    .activities .eachAct {
        width: 49%;
    }
    .homeBanner h3{
        font-size: 50px;
    }
    .videoDisplay .videoBox {
        height: 100%;
        display: flex !important;
        flex-direction: column;
    }
    .videoBox.playButton:before{
        top: calc( 150px - 45.25px );
    }
    .videoDisplay .videoBox video{
        height: 300px;
    }
    .videoDisplay .videoBox .contentBox{
        display: flex;
        width: auto;
        position: relative;
    }
    .videoDisplay .videoBox .contentBox a{
        margin-top: 30px;
    }
    .testiSec .imgBox{
        justify-content: flex-start;
    }
    .footerGallery .imgBox {
        width: calc( 50% - 8px );
        height: 300px;
    }
    .homeBanner select{
        padding: 0 15px;
    }
    .homeBanner input[type="text"] {
        width: auto;
        padding-left: 15px;
    }
    .homeBanner input[type="button"] {
        padding: 15px 20px 15px 15px;
    }
    .testiSec .row .col-6:first-child{
        position: relative;
        z-index: 1;
    }
    .testiSec .row .col-6:last-child{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .homeBanner p{
        max-width: 500px;
    }
    .listFilter .tabContents form{
        flex-wrap: wrap;
        column-gap: 5%;
        row-gap: 25px;
    }
    .listFilter .tabContents select{
        width: 47.5%;
    }
    .mainSec {
        padding-top: 50px;
    }
    .browseSec {
        margin: 34.36px 0 60px;
    }
    .mainSec .row{
        flex-wrap: wrap;
    }
    .mainSec .hotelGallery{
        padding: 0;
        width: 90% !important;
        margin: auto;
        margin-top: 40px !important;
    }
    .browseSec .enquireButton{
        position: fixed;
        bottom: 0;
        left: 0;
        width: -webkit-fill-available;
    }
    /* .browseSec .enquireButton a:last-child{
        display: none;
    } */
    .browseSec .enquireButton.mobileView a:last-child{
        display: flex;
    }
    .browseSec .enquireButton.mobileView{
        position: inherit;
    }
    .browseSec .totalReview,
    .browseSec .maps{
        display: none;
    }
    .stickySide {
        position: relative;
        z-index: 10;
    }
    /* footer{
        margin-bottom: 70px;
    } */
    .browseSec .mobileView{
        display: flex;
    }
    .browseSec .totalReview {
        margin: 40px 0 0;
    }
    .browseSec .enquireButton{
        padding: 15px;
    }
    .homeBanner input[type="submit"]{
        padding: 15px 25px 15px 20px;
    }
    .whyus-content-block{
        flex-direction: column;
        row-gap: 30px;
    }
    .whyus-content-block.img-right{
        flex-direction: column;
    }
    .about-banner-left-col h1{
        font-size: 50px;
        line-height: 65px;
        margin-top: 50px;
    }
    .platform-info-img-row::after{
        width: 200px;
        background-size: 200px auto;
        transform: translate(-23%, 0%);
        left: 25%;
        background-position: center top;
        height: 755px;
    }
    .about-banner-right-col-inner{
        margin-left: 0px;
    }
    .about-banner-left-col h1 {
        font-size: 40px;
        line-height: 50px;
    }
    .platform-info-icon{
        width: 100px;
        height: 100px;
    }
    .platform-info-content p{
        font-size: 14px;
        line-height: 24px;
    }
    .platform-info-img-row{
        width: 200px;
        height: 755px;
    }
    .platform-info-img-row .col-1 .platform-info-icon{
        top: 9%;
        left: auto;
        right: 41%;
    }
    .platform-info-img-row .col-2 .platform-info-icon{
        bottom: 21%;
        left: 44.6%;
    }
    .platform-info-img-row .col-3 .platform-info-icon{
        top: 16%;
        right: 40%;
    }
    .platform-info-img-row .col-4 .platform-info-icon{
        bottom: auto;
        top: 20%;
        left: auto;
        right: 5.2%;
    }
    .platform-info-img-row .col-5 .platform-info-icon{
        top: 21%;
        left: 9.7%;
        z-index: 999;
    }
    .platform-info-img-row .col.col-1 .platform-info-content {
        top: 12px;
        width: 158px;
        right: -61%;
    }
    .platform-info-img-row .col.col-2 .platform-info-content {
        bottom: 18%;
        width: 158px;
        left: -54%;
    }
    .platform-info-img-row .col.col-3 .platform-info-content {
        top: 25%;
        width: 158px;
        right: -62%;
    }
    .platform-info-img-row .col.col-4 .platform-info-content {
        bottom: auto;
        width: 158px;
        left: -58%;
        top: 29%;
    }
    .platform-info-img-row .col.col-5 .platform-info-content {
        top: 41%;
        width: 130px;
        right: -50%;
    }
    .platform-info-img-row .col.col-1::after{
        transform: rotate(70deg);
        right: -14%;
        top: 17%;
        left: auto;
        width: 196px;
        height: 83px;
        background-size: 150px;
    }
    .platform-info-img-row .col.col-2::after{
        transform: rotate(264deg);
        right: 11%;
        top: 11%;
        left: auto;
        width: 196px;
        height: 75px;
        background-size: 150px;
    }
    .platform-info-img-row .col.col-3::after{
        transform: rotate(81deg);
        right: -17%;
        top: 37%;
        left: auto;
        width: 196px;
        height: 62px;
        background-size: 150px;
    }
    .platform-info-img-row .col.col-4::after{
        transform: rotate(269deg);
        right: 12%;
        top: 15%;
        left: auto;
        width: 196px;
        height: 65px;
        background-size: 150px;
    }
    .platform-info-img-row .col.col-5::after{
        transform: rotate(82deg);
        right: -17%;
        top: 44%;
        left: auto;
        width: 196px;
        height: 62px;
        background-size: 150px;
    }
    .about-banner-section-row{
        row-gap: 40px;
    }
    .about-banner-section{
        padding-bottom: 40px;
    }
    .govtagency-night-life-row{
        flex-direction: column;
    }
    .night-life-slider .slick-list{
        padding: 0px;
    }
    .night-life-slider .even-slide .agency-banner-slide-inner{
        margin-top: 0px;
    }
    .night-life-slider .even-slide .agency-banner-slide-inner {
        flex-direction: column;
    }
    .special-tour .slick-slide.even-slide .listingItems{
        margin-top: 0px;
    }
    .agency-explore-africa-slider-description-content {
        margin-top: 50px;
    }
    .home-banner-cont {
        min-height: calc(100vh - 80px);
    }
    .govtagency-featured-amenities-slider-controls{
        justify-content: flex-end;
    }
    .home-container-innner .col-12 {
        width: 100%;
    }
    .redButton{
        margin-top: 80px !important;
    }
    .platform-info-img-row::after, .platform-info-img-row .col.col-1::after, .platform-info-img-row .col.col-2::after, .platform-info-img-row .col.col-3::after, .platform-info-img-row .col.col-4::after, .platform-info-img-row .col.col-5::after{
        display: none;
    }
    .platform-info-img-row .col .platform-info-icon{
        position: static;
    }
    .platform-info-content{
        display: none;
    }
    .text-pop-box.popup-text{
        opacity: 1;
        position: static;
        max-width: 500px;
        width: 100%;
    }
    .pop-now-text.platform-row-reverse, .pop-now-text{
        flex-direction: row-reverse !important;
        justify-content: flex-end;
    }
    .platform-info-icon{
        flex: 0 0 100px;
    }
    .platform-info-img-row{
        height: fit-content;
    }

}
@media screen and ( max-width: 700px ){
    .listingItems .eachTabContent{
        width: 48.9%;
    }
}
/*contact*/
@media screen and (max-width:675px){
    .plan-new-col {
        flex: 0 0 370px;
    }
    .contact-us-page{
        flex-direction: column;
        row-gap: 25px;
    }
    .conatct-page-right, .contact-page-left{
        width: 100%;
    }
    .name-fields-cont, .email-mob-cont{
        flex-wrap: nowrap;
    }
     .expand-banner{
        flex-direction: column;
        align-items: baseline;
        row-gap: 30px;
    }
    .expand-left-side{
        width: 100% !important;
    }
    .expand-right{
        width: 70% !important;
        margin: auto;
    }
    .what-will-desafrica{
        flex-direction: column;
        row-gap: 35px;
    }
    .what-will-right {
        width: 100%;
    }
    .each-side-will-box {
        max-width: 100%;
    }
    .custom-tabs{
        grid-template-columns: 40% 40%;
        column-gap: 25px;
        justify-content: center;
    }
    .plan-row{
        display: flex;
        flex-wrap: wrap;
        row-gap: 25px;
        justify-content: center;
    }
    .plan-row .plan-col{
        width: 48%;
    }
    .what-will-left{
        width: 60%;
        margin: auto;
    }
    .sh-flex-col{
        flex-direction: column !important;
        row-gap: 25px;
    }
    .selected-tour-operator img.mainImg{
        height: 320px !important;
    }
    .exploreimgDisplay .slick-slide img {
        height: 500px;
    }
    h2.sh-h2{
        margin-bottom: 70px;
    }
    .govtagency-banner-top-content{
        margin-right: 15px;
    }
    .govtagency-banner-top-block-logo img {
        width: 40px;
    }
    .govtagency-banner-top-block-profile-img img {
        width: 40px;
        height: 40px;
    }
    .govtagency-banner-top-block{
        padding: 20px;
    }
    .right-col-agency-banner-slick .slick-arrow.slick-next, .right-col-agency-banner-slick .slick-arrow.slick-prev{
        display: none !important;
    }

}
/*end contact*/
@media screen and (max-width: 600px){
    .browseSec .roomAvailability .popUpView .container{
        max-width: 75%;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .browseSec .roomAvailability .popUpView .content,
    .browseSec .roomAvailability .popUpView .galleryPopUp{
        width: 93%;
    }
    .browseSec .roomAvailability .popUpView .container{
        padding: 8px 10px 39px 7%;
    }
    .row.newsletter-row{
        flex-direction: column;
    }
    /*contact*/
    .explore-banner-sec{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .title-explore{
        margin-left: 0px;
    }
    .explore-banner-sec a{
        margin-left: 0px;
    }
    /*end contact*/
    .explore-banner-sec{
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .title-explore{
        margin-left: 0px;
    }
    .explore-banner-sec a{
        margin-left: 0px;
    }
    .each-list-left-side {
        flex: 0 0 40%;
    }
    .join-community-row{
        display: block;
    }
    .join-community-left-col{
        width: 70%;
        margin: auto;
        margin-bottom: 25px;
    }
    .each-user-det-row{
        flex-direction: column;
        align-items: baseline;
        justify-content: center;
        row-gap: 5px;
    }
    .each-user-det-row .left-label{
        flex: 0;
        font-weight: 600;
    }
    .each-user-det-row{
        height: auto;
        padding: 12px 0px;
    }
    .user-right-side-bottom input, .user-right-side-bottom select{
        padding-left: 10px;
    }
    .each-wishlist-images {
        height: 70px;
    }
    .include-exclude{
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
}
@media screen and ( max-width: 580px ){
    .listFilter .tabs{
        flex-wrap: wrap;
        max-width: 220px;
        padding: 0;
    }
    .comment-submit{
        flex-direction: column;
        align-items: baseline;
        row-gap: 25px;
    }
    .comment-form-wrapper{
        padding: 22px 5px;
    }
    .single-main-slider-image{
        height: 375px !important;
    }
    .platform-info-icon img{
        width: 40px;
        height: 40px;
    }
    .platform-info-icon {
        flex: 0 0 70px;
    }
    .platform-info-icon{
        height: 70px;
    }
    .platform-info-img-row{
        flex-direction: column;
        row-gap: 20px;
    }
    .activate-hover-box .on-hover-box p{
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}
@media screen and (max-width:510px){
    .plan-row .plan-col {
        width: 85%;
    }
    .plan-top-part h6{
        margin: auto;
    }
    .custom-tabs .tab h4{
        font-size: 13px;
    }
    .custom-tabs .tab p {
        font-size: 12px;
    }
    .more-help-row{
        display: block;
    }
    .more-help-banner{
        padding: 35px 0px;
    }
    .more-help-right-col{
        margin-top: 15px;
    }
    .user-right-side-top{
        flex-direction: column-reverse;
        align-items: center;
        row-gap: 15px;
    }
    .title-edit-button{
        flex-direction: column;
        row-gap: 7px;
    }
}
@media screen and ( max-width: 500px ){
    .col-xs-12{
        width: 100%;
    }
    .homeBanner .imgBox{
        height: 175px;
    }
    .destinations .imgBox {
        width: 100%;
    }
    .footerGallery .imgBox{
        height: 200px;
    }
    .main-counter-row{
        flex-direction: row;
    }
    .main-counter-block {
        flex: 0 0 100%;
    } 
    .exploreimgDisplay .slick-slide img {
        height: 400px;
    }
    .exploreimgSlider .slick-slide img{
        height: 85px;
    }       
}
@media screen and ( max-width: 479px ){
    header nav ul.userLogin li a {
        margin-left: 20px;
    }
    .plan-row .plan-col {
        width: 100%;
    }
    header nav ul li a{
        font-size: 14px;
    }
    header .logo img{
        max-width: 100px;
    }
    header nav ul.userLogin li a.signUp{
        padding: 10px 15px;
    }
    footer .bottom ul{
        flex-direction: column;
        row-gap: 15px;
    }
    .activities .eachAct {
        width: 100%;
    }
    .homeBanner form{
        flex-direction: column;
        row-gap: 20px;
    }
    .homeBanner form input,
    .homeBanner form select{
        border-radius: 90px !important;
        height: 50px;
    }
    .listFilter .tabContents select{
        width: 100%;
    }
    .secondFilter form select{
        width: 115px;
        padding: 10px 35px 10px 10px
    }
    .secondFilter .result, .secondFilter p{
        font-size: 12px;
    }
    .secondFilter p{
        margin-left: 12px;
    }
    .listingItems .eachTabContent{
        width: 100%;
    }
    .listingItems .eachTabContent .imgBox .mainImg {
        height: 230px;
    }
    .gallery .eachImg img{
        height: 219px;
    }
    .browseSec .roomAvailability .eachRoom{
        flex-direction: column;
        row-gap: 20px;
        padding: 15px;
    }
    .browseSec .roomAvailability .gallery,
    .browseSec .roomAvailability .eachRoom .content{
        width: 100%;
    }
    .browseSec .roomAvailability .popUpView .content,
    .browseSec .roomAvailability .popUpView .galleryPopUp{
        width: 93%;
    }
    .browseSec .roomAvailability .popUpView{
        padding: 0;
    }
    .tipSec{
        padding: 15px;
    }
    .platform-info-img-row .col.col-1 .platform-info-content {
        top: -6px;
        width: 132px;
        right: -85px;
    }
    .platform-info-img-row .col.col-2 .platform-info-content {
        bottom: 6%;
        width: 132px;
        left: -30%;
    }
    .platform-info-img-row .col.col-3 .platform-info-content {
        top: 24%;
        width: 130px;
        right: -41%;
    }
    .platform-info-img-row .col.col-4 .platform-info-content {
        bottom: auto;
        width: 130px;
        left: -37%;
        top: 21%;
    }
    .platform-info-img-row .col.col-5 .platform-info-content {
        top: 29%;
        width: 130px;
        right: -38%;
    }
    .what-will-left{
        width: 100%;
    }
    .each-wishlist-images {
        height: 50px;
    }
    #loginDropdown .dropdown-content {
        left: -60px;
    }
    .selected-tour-operator img.mainImg {
        height: 290px !important;
    }
    .agency-video-slider video{
        height: 300px;
    }

}
/*contact*/
@media screen and (max-width:450px){
 .name-fields-cont, .email-mob-cont{
        flex-wrap: wrap !important;
    }
    .each-wishlist-images {
        height: 90px;
    }
    .wishlisted-big-boxes{
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
    .agency-explore-africa-popular-tours-block{
        min-width: auto;
    }
}    
/*end contact*/


/* pop-resp */


@media screen and (max-height:650px){
    .pop-form-spec-container{
        overflow-y: scroll;
        height: 75vh;
    }
}
@media screen and (max-width:992px){
    .pop-form-spec-container{
        margin: 0 15px;
        padding: 25px 30px;
    }
    .popup-enquiry-form-sh select {
        height: 49px;
    }
    .popup-enquiry-form-sh input {
        height: 45px;
    }
}
@media screen and (max-width:575px){
    .common-pop-div{
        grid-template-columns: 1fr;
        grid-row-gap:20px;
    }
    .plan-move-buttons button{
        display: none;
     }
    .popup-enquiry-form-sh input, .popup-enquiry-form-sh textarea, .popup-enquiry-form-sh select{
        padding-left: 13px;
    }
    .popup-enquiry-form-sh textarea{
        padding-top:10px;
    }
    .form-group.row label{
        flex: 0 0 130px;
    }
    .reset-password-section .form-group.row{
        flex-wrap: wrap;
    }
    .reset-input-col, .reset-input-col input{
        width: 96%;
    }
    .reset-password-section .form-group.row.mb-0 button{
        margin-right: 0px;
    }
    .plan-new-col {
        flex: auto;
    }
    .items-per-col{
        flex-direction: column;
        row-gap: 30px;
    }
    .plan-new-col{
        width: 99%;
        margin: 0px !important;
    }
    .plan-title-sec {
        min-height: auto !important;
    }
    .plan-new-col .plan-content-section ul li{
        height: auto;
        text-align: right;
    }
    .plan-new-col .plan-content-section ul li span{
        text-align: left;
    }
}

/* zoom out */

@media screen and (max-width:1500px){
    h2.head-m, h3.head-m{
        font-size: 38px !important;
        line-height: 48px !important;
        margin-bottom: 25px !important;
    }
    .touristAttraction .loc{
        font-size: 14px;
    }
    .touristAttraction .content h3{
        font-size: 18px;
        margin: 8.7px 0 2px;
    }
    .touristAttraction .eachTour p{
        font-size: 14px;
        line-height: normal;
    }
    .touristAttraction .eachTour .activities{
        margin-top: 7px;
    }
    .touristAttraction .attractions .act{
        font-size: 11px;
    }
    .listingItems .selected-tour-slider-inner-halfcol .eachTabContent .contentBox h3 {
        font-size: 18px;
    }
    .listingItems .eachTabContent .contentBox p{
        font-size: 13px;
        line-height: normal;
    }
    .listingItems .eachTabContent .contentBox p{
        margin-bottom: 12px;
    }
    .selected-tour-slider-inner-doublecol .mainImg {
        height: 202px !important;
    }
    .selected-tour-price h3{
        font-size: 23px!important;
    }
    .right-col-agency h5.amenity-title{
        font-size: 16px !important;
        line-height: normal;
    }
    .location-full{
        font-size: 13px;
    }
    .right-col-agency p{
        font-size: 13px;
        line-height: 19px;
    }
    .right-col-agency .contentBox{
        min-height: 220px;
    }
    .featured-events .loc img{
        height: 15px;
    }
    .touristAttraction .loc img{
        flex: 0 0 15px;
    }
    .featured-event-date p{
        font-size: 14px !important;
    }
    .featured-event-date{
        height: 35px;
    }
    .govtagency-night-life-content-col p{
        font-size: 14px;
        line-height: 24px;
    }
    .govtagency-night-life-slider-controls{
        margin-top: 50px;
    }
    .night-life-slider img{
        height: 375px;
    }
    .night-life-slider .agency-banner-slide-inner h3{
        font-size: 15px;
    }
    .night-life-slider .slick-slide{
        margin: 0 35px;
    }
    .listingItems .eachTabContent .contentBox .loc{
        font-size: 13px;
    }
    .listingItems .eachTabContent .contentBox h3{
        font-size: 16px;
        margin: 7px 0;
    }
    .contentBox.special-tour-content-box {
        min-height: 190px;
    }
    .touristAttraction.specialTours .slick-slide .content{
        min-height: 80px;
    }
    .create-account-block p, .create-account-block a{
        font-size: 11px;
        line-height: normal;
    }
    .create-account-block p{
        justify-content: center;
    }
    .expand-left-side h1 {
        font-size: 50px;
        line-height: 65px;
        padding-bottom: 22px;
    }
    .expand-left-side p{
        font-size: 16px;
        line-height: 27px;
    }
    .partner-second-sec h3{
        font-size: 30px;
    }
    .each-side-will-box h6{
        font-size: 16px;
        margin-bottom: 5px;
    }
    /* .expand-plans h3{
        font-size: 30px;
        line-height: 40px;
    } */
    .custom-tabs .tab h4{
        font-size: 20px;
        line-height: 30px;
    }
    .custom-tabs .tab p{
        font-size: 16px;
    }
    .plan-top-part h6{
        font-size: 15px;
    }
    .plan-top-part p{
        font-size: 16px;
    }
    .join-faq h3{
        font-size: 33px;
    }
    .faq-accordion .accordion{
        font-size: 17px;
    }
    .faq-accordion{
        margin-top: 30px;
    }
    .more-help-row h3{
        font-size: 30px;
    }
    .more-help-row p{
        font-size: 15px;
        margin-right: 25px;
    }
    .more-help-row a{
        width: 165px;
        height: 40px;
    }
    .plan-title-sec{
        min-height: 198px;
    }
}
@media screen and (max-height:450px){
    .modal-agency-cont{
        overflow: scroll;
        height: 95%;
    }
}
@media screen and (max-width:991px){
    .modal-agency-cont{
        overflow: scroll;
        height: 95%;
    }
}
@media screen and (max-width:768px){
    .loginmodal .modal-content {
        width: 95%;
    }
    .loginmodal .login-form-popup {
        padding: 20px 20px;
    }
}
@media screen and (max-width:375px){
    .listFilter .tabs {
        max-width: 220px !important;
    }
}