@media (min-width:1024px) {
    /* .home_blog .event-info { height: 250px; overflow-y: auto; }  */
    /* .home_blog .events-single-box img { height: 250px; object-fit: cover; }  */
}

@media (max-width:1200px) {
    .header .navigation .menu ul>li>a {
        padding: 15px 8px;
        display: block;
        color: #fff;
        text-transform: capitalize;
        transition: all .3s ease;
        font-size: 13px;
        background: none;
    }

    .home_blog .event-info p {
        height: 117px;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 4px;
    }

    .wps_copy .row {
        align-items: center;
    }

    .wps_copy {
        line-height: 20px;
        padding: 10px 0px;
    }

    .single-service-item .text-holder-1 h4 {
        color: #404040;
        font-size: 17px;
    }

    .western_resort_content .center_box .whychoosepoints {
        font-size: 17px;
    }

    .header .navigation .menu ul>li ul.cs-dropdown li a {
        font-size: 13px;
    }

    .main_slider_area .book_table_area {
        top: 63%;
    }
}

@media (min-width:1023px) {
    .des-hide {
        display: none !important;
    }
}

@media (max-width:1023px) {
    .mobile_hide {
        display: none !important;
    }

    a.whatsappfloat.floatIcon {
        left: inherit;
        right: 20px;
        bottom: 15px;

    }

    .Phonefloat {
        bottom: 5px;
    }

    .header .menubar.stricky-fixed {
        background-color: #fff;
    }

    .header .menubar {
        background: #fff;
    }

    .Logocolumn {
        display: none;
    }

    .header .nav-menu {
        width: 100%;
    }

    .header .navigation {
        width: 100%;
    }

    .header .navigation .navbar {
        display: flex;
        padding-left: 0;
        margin-left: 10px;
    }

    .header .navigation .menu {
        display: none;
        overflow: hidden;
        overflow-y: visible;
        position: relative;
        z-index: 9999;
    }

    .header .navigation .menu ul>li {
        float: none;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }

    .header .navigation .menu ul>li>a {
        padding: 7px 15px;
        font-size: 14px;
        border-right: 1px dashed transparent;
        color: #fff;
    }

    .header .navigation .menu {
        width: 100%;
        position: absolute;
        top: 100%;
        left: 15px;
        background: #111;
        left: 0;
    }

    .header .navigation .menu ul>li>.cs-dropdown {
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
        top: auto !important;
        left: auto !important;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        width: 100%;
        display: none;
        transition: none !important;
    }

    .header .navigation .menu ul>li>ul.cs-dropdown,
    .header .navigation .menu ul>li>ul.cs-dropdown>li>.cs-dropdown {
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        display: none;
        transition: none;
        padding-right: 0px;
        width: 100% !important;
    }

    .header .navigation .menu ul {
        padding-bottom: 5px;
    }

    .header .navigation .menu ul>li>a {
        border-bottom: 1px solid #212121;
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 7px 15px;
    }

    .header .navigation .menu ul>li>ul li a {
        border-bottom: 1px solid #555;
    }

    .header .navigation .menu ul .cs-submenu>a {
        position: relative;
    }

    .header .navigation .menu ul .cs-submenu>a>button {
        display: block;
        position: absolute;
        top: 9px;
        right: 15px;
        background: #7fa409 none repeat;
        border: 1px solid #c4cab3;
        border-radius: 5px;
        color: #fff;
        font-size: 16px;
        height: 30px;
        outline: medium none;
        width: 30px;
        padding: 0;
        text-align: center;
        line-height: 15px;
    }

    .header .navigation .menu ul .cs-submenu>a>button {
        display: block;
        position: absolute;
        top: 6px;
        right: 15px;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        height: 30px;
        outline: medium none;
        width: 30px;
        padding: 0;
        text-align: center;
        line-height: 15px;
    }

    .header .topbar {
        position: absolute;
        left: 20%;
        width: 60%;
        padding: 5px;
        z-index: 99;
    }

    .western_resort_content {
        height: 260px;
        margin-bottom: 20px;
    }

    .services-wrap {
        overflow: hidden;
        margin: 10px 0px;
    }

    .home_blog .events-single-box .col-md-5 {
        width: 100%;
    }

    .home_blog .events-single-box .col-md-7 {
        width: 100%;
    }

    .header .topbar .top_left li a {
        font-size: 16px;
    }

    .header .menubar .logo {
        width: 70px;
    }
}

@media (max-width:980px) {
    .main_slider_area .book_table_area .book_table_inner {
        background: rgb(0 0 0 / 6%);
        border: 1px solid #d6d6d6;
        box-shadow: 0px 0px 10px 0px #cccccc8a;
        border-radius: 5px;
    }

    .introduction_img2 {
        display: none !important;
    }

    .header .navigation .menu ul {
        float: right;
        width: 100%;
        text-align: left;
    }

    .Phonefloat,
    .whatsappfloat {
        left: 5px;
    }

    .header .nav-menu {
        margin-top: -60px;
    }

    #web-pulse-scroll-up {
        right: 25px;
        bottom: 77px;
    }

    .header .w-p-s-logo {
        position: absolute;
        top: 7px;
        z-index: 9;
    }

    .modal-body .col-xxl-7.col-xl-7.col-lg-7.col-md-7.col-sm-7.col-12 {
        width: 100%;
    }

    .modal-body .col-xxl-5.col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12 {
        width: 100%;
    }

    .right_side .col-xxl-3.col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 {
        width: 50%;
    }

    .heading_banner h1 {
        font-size: 20px;
    }

    .blog_left.right_side .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-12 {
        width: 50%;
    }

    .contact_form_grid1 {
        padding: 5px 15px;
    }

    .contact_details {
        padding: 15px;
    }

    .heading_banner {
        background-size: cover;
    }

    .heading_banner .cat_title {
        font-size: 18px;
    }

    .header .navigation .menu ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }

    .header .navigation .menu ul>li>ul.cs-dropdown,
    .header .navigation .menu ul>li>ul.cs-dropdown>li>.cs-dropdown {
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        display: none;
        transition: none;
        padding-right: 0px;
        width: 100% !important;
        background: #666;
    }

    .header .navigation .menu ul>li>ul.cs-dropdown,
    .header .navigation .menu ul>li>ul.cs-dropdown>li>.cs-dropdown>li>.cs-dropdown {
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        display: none;
        transition: none;
        padding-right: 0px;
        width: 100% !important;
        background: #444;
    }

    .header .navigation .menu ul {
        padding-bottom: 0px;
        max-height: 380px;
        overflow: auto;
    }

    .header .navigation .menu ul>li>ul.cs-dropdown>li>ul.cs-dropdown {
        left: 100%;
        margin-top: 0;
    }

    .header .navigation .menu ul>li>ul.cs-dropdown>li>ul.cs-dropdown>li>ul.cs-dropdown {
        left: -100%;
        margin-top: 0px;
    }

    .header .navigation .menu ul>li ul.cs-dropdown li {
        border: 0;
    }

    .header .navigation .menu ul>li ul.cs-dropdown li a {
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 7px 15px;
    }

    .header .navigation .menu ul>li:hover a,
    .header .navigation .menu ul>li.active a {
        color: #fff;
        background: none;
    }

    .header .navigation .menu ul li.has-submenu>a>button {
        display: block;
        position: absolute;
        top: 6px;
        right: 15px;
        background: transparent;
        border: 1px solid transparent;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        height: 30px;
        outline: medium none;
        width: 30px;
        padding: 0;
        text-align: center;
        line-height: 15px;
    }

    .header .navigation .menu ul>li>a svg {
        padding-left: 0px;
        font-size: 14px;
    }

    .header .navigation .menu ul>li ul.cs-dropdown li a svg {
        float: none;
    }
}

@media (max-width:768px) {
    .market-list li {
        width: 50%;
    }

    .header .navigation .menu ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }
}

@media (max-width:767px) {
    .aboutContentBox p {
        margin-top: 10px;
    }

    .right_side h3 {
        margin: 0;
        font-size: 18px;
    }

    .wps_copy {
        line-height: 25px;
    }

    .main_slider_area .book_table_area .book_table_inner {
        margin-top: 10px !important;
    }

    .main_s_banner .overlay {
        display: none;
    }

    .main_slider_area .book_table_area {
        position: static;
        transform: translateY(0);
    }

    .header .topbar {
        display: none;
    }

    .header .navigation .menu ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }

    .single-service-item .text-holder p {
        overflow: hidden;
        height: 115px;
    }

    .single-service-item:hover .text-holder-1 {
        top: 15px;
    }

    .reviews {
        padding: 30px 0 45px;
        background: #060a0e;
    }

    .home_blog .events-single-box {
        margin-bottom: 15px;
    }

    .product_listing .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-sm-4.col-12 {
        width: 100%;
    }

    .product_listing .right-content .read_more {
        margin: 0px 0px 10px 15px;
    }

    .blog_left.right_side .col-xxl-4.col-xl-4.col-lg-4.col-md-4.col-12 {
        width: 100%;
    }

    #web-pulse-scroll-up {
        z-index: 9;
    }

    .product_listing .col-xxl-8.col-xl-8.col-lg-8.col-md-8.col-sm-8.col-12 {
        width: 100%;
    }

    .right-content .more_info {
        padding: 0px 15px;
    }

    .view_full_btn {
        margin-top: 10px;
    }

    .blog-thumb2 {
        text-align: center;
    }

    .blog-thumb2 img {
        width: 100%;
        text-align: center;
    }

    .single-service-item .text-holder-1 .inner .inner-content h3 {
        font-size: 16px;
        margin: 0px;
    }

    .products_heading h3,
    .gallery_home .galleryHead {
        font-size: 25px;
    }

    .home_blog .event-info p {
        height: auto;
    }

    .web-pulse-india {
        background: #000303;
    }

    .single-service-item .text-holder {
        top: 0px;
    }

    .about_page .right_side .wps_right .row.reverseRow {
        flex-direction: column-reverse;
    }

    .western_resort .commonHeading {
        font-size: 25px;
    }

    .single-service-item .text-holder-1 h4 {
        font-size: 15px;
        margin: 0px;
        padding: 0px;
    }

    .home_blog .blogHead {
        font-size: 25px;
    }

    .gallery_home p,
    .products_heading p {
        max-width: 100%;
    }
}

@media (max-width:650px) {
    a.whatsappfloat.floatIcon {
        bottom: 42%;
        width: 45px;
        height: 45px;
    }

    .whatsappfloat svg {
        width: 45px;
        height: 45px;

    }

    .header {
        background: #000;
        position: relative;
    }

    .header .menubar.stricky-fixed {
        background: #fff;
    }

    .topbar .top_left {
        padding: 5px 0;
    }

    .topbar .top_social_media {
        padding: 5px 0;
        display: none;
    }

    .header .logo {
        position: relative;
        top: 0px;
        z-index: 9;
        width: 300px;
    }

    .aboutp_content {
        margin-top: 20px;
    }

    .heading_banner {
        padding: 20px 0px;
    }

    .packagemain ul li {
        overflow-x: scroll;
    }

    .right_side .col-xxl-3.col-xl-3.col-lg-3.col-md-4.col-sm-6.col-12 {
        width: 100%;
    }

    .market-list li {
        width: 100%;
    }

    .introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area .intro_box_item .about_ShortName {
        font-size: 13px;
        line-height: 16px;
    }

    .header .menubar .logo {
        padding: 6px 0;
        width: 55%;
        text-align: right;
    }

    .header .nav-menu {
        width: 100%;
        margin-top: -60px;
    }

    .contact_form_grid1 .form_grid h3.title_h2 {
        margin-bottom: 0px;
    }

    .contact_form_grid1 .form_grid {
        padding: 10px;
    }

    .contact_page {
        padding: 40px 0px;
    }

    .header .navigation .menu ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }

    .header .navigation .menu ul>li>a {
        padding: 5px 15px;
        font-size: 14px;
        border-right: 1px dashed transparent;
        color: #fff;
    }

    .header .navigation .menu ul>li ul.cs-dropdown li a {
        color: #fff;
        display: block;
        font-size: 14px;
        padding: 5px 15px;
    }

    .navigation .menu ul>li:nth-child(3) ul.cs-dropdown li {
        width: 100%;
    }

    .navigation .menu ul>li:nth-child(5) ul.cs-dropdown li {
        width: 100%;
    }

    .navigation .menu ul>li:nth-child(6) ul.cs-dropdown li {
        width: 100%;
    }

    .header .navigation .menu ul>li>.cs-dropdown {
        max-height: 300px;
        overflow: hidden;
        overflow-y: auto;
    }

    .slick-prev {
        left: 18px;
    }

    .slick-next {
        right: 18px;
    }

    .main_slider_area .book_table_area {
        top: 52%;
    }

    .main_slider_area .book_table_area .book_single_one {
        font-size: 13px;
        letter-spacing: 0;
        font-weight: normal;
    }

    .main_slider_area .book_table_area .book_single_text {
        font-size: 28px;
    }

    .book_table_inner .col20 {
        width: 100%;
    }

    .book_table_inner .form-group {
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }

    .book_table_inner .col15 {
        width: 100%;
    }

    .main_s_banner .overlay {
        height: 95%;
    }

    .introduction_area.intro_area2 {
        padding: 20px 0;
    }

    /* .introduction_area.intro_area2 .introduction_inner .introduction_img img + img { position: relative; right: 0; bottom: 0px; margin: 10px 0; width: 100%; } */
    .introduction_area.intro_area2 .introduction_inner .introduction_left_text .intro_box_item_area .intro_box_item h4 {
        font-size: 14px;
    }

    .services-wrap {
        margin-bottom: 20px;
    }

    .view_more_btn {
        margin-bottom: 20px;
    }

    .events-single-box {
        margin-bottom: 20px;
    }

    .slider-content h4 {
        text-align: center;
    }

    .slider-image {
        width: 50%;
        float: none;
        padding-right: 0;
        margin: 0 auto 15px;
    }

    section.reviews.reviews-style-1 {
        padding: 30px 0;
    }

    .slider-content {
        padding-left: 0;
        text-align: center;
    }

    .reviews-style-1 .section-title {
        text-align: center;
        margin-bottom: 60px !important;
    }

    .review-slider1 {
        margin: 0 -15px;
    }

    .reviews-style-1:before {
        width: 100%;
    }

    .western_resort_content {
        border-bottom: 1px solid #ccc;
    }

    .western_resort_content .center_box {
        padding: 0 15px;
    }

    footer .bottom_footer .text p {
        margin-bottom: 0;
    }

    .header .menubar .logo #logo1 {
        width: 70px;
    }

    .marquee {
        width: 50%;
        min-width: 190px;
    }

    .MarqueeRow {
        animation: Scroll 20s linear infinite;
        animation-direction: reverse;
    }
}

@media (max-width:414px) {
    .header .navigation .menu ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }
}

@media (max-width:480px) {
    .header .nav-menu {
        width: 100%;
    }

    .intro_title h1 {
        font-size: 23px;
    }

    .header .navigation .menu ul>li {
        float: left;
        width: 100%;
        padding: 0 !important;
        padding-bottom: 0;
        display: block !important;
    }

    .inner_header {
        position: relative;
        background: url(../images/product_banner.jpg) no-repeat scroll center bottom;
        background-size: auto auto;
        background-size: cover;
        padding: 50px 0;
        width: 100%;
        margin: 0;
    }

    .left-list li:hover .submenu-list {
        display: none;
    }

    .feature_item .item {
        margin: 0;
    }

    .wps_featured .slick-next {
        right: -10px;
    }

    .wps_featured .slick-prev {
        left: -10px
    }

    .webpulse-home-slider .slider_caption {
        text-align: center;
        position: absolute;
        bottom: 40%;
        left: 0;
        z-index: 999
    }

    .webpulse-home-slider .slider_caption_right {
        text-align: center;
        position: absolute;
        bottom: 15%;
        right: 0px;
        z-index: 999
    }

    .webpulse-home-slider .slider_caption_up {
        text-align: center;
        position: absolute;
        bottom: 15%;
        left: 0;
        z-index: 999
    }

    .webpulse-home-slider .slider_caption_left {
        text-align: center;
        position: absolute;
        bottom: 15%;
        left: 0px;
        z-index: 999
    }

    .slider_caption_left h3 {
        color: #fff;
        display: inline-block;
        padding: 5px 10px
    }

    .webpulse-home-slider .slider_caption h2 {
        color: #fff;
        display: inline-block;
        padding: 5px 10px;
        margin-bottom: 5px
    }

    .webpulse-home-slider .slider_caption h3 {
        color: #fff;
        display: inline-block;
        padding: 5px 10px
    }

    .webpulse-home-slider .slider_caption_right h3 {
        color: #fff;
        display: inline-block;
        padding: 5px 10px
    }

    .webpulse-home-slider .slider_caption_up h3 {
        color: #fff;
        display: inline-block;
        padding: 5px 10px
    }

    .header-dropdown {
        margin-left: 0;
    }

    input[type="date"]:not(.has-value):before {
        color: #666;
        content: attr(placeholder);
        top: 0px;
        position: absolute;
        left: 10px;
    }

    #date_app {
        height: 40px;
        line-height: normal;
        display: flex;
        align-items: center;
        padding: 0 10px;
    }
}

@media (max-width:450px) {
    .heading_banner {
        padding: 50px 0 50px;
    }

    .heading_banner .cat_title {
        font-size: 20px;
        background: transparent;
    }

    .about_page .right_side h2 {
        margin: 0;
        font-size: 18px;
    }
}

@media (max-width:320px) {
    figure.effect-oscar h2 {
        margin: -36px 0 10px 0;
        transition: transform 0.35s;
        transform: translate3d(0, 100%, 0);
        font-size: 40px;
        line-height: 40px;
        font-style: italic;
        color: #ffffff;
    }

    figure.effect-oscar p {
        transition: opacity 0.35s, transform 0.35s;
        transform: translate3d(0, 100%, 0);
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        margin-top: 59px;
    }

}

.copy i {
    color: #ff132a;
}