﻿@media all and (min-width: 768px) {

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

/* responsive css starts */
@media screen (min-width: 768px) and (max-width: 992px) {
    .firsts {
        bottom: 26%;
    }

        .firsts h3 {
            margin: 0px 4px;
            font-size: 16px;
        }

        .firsts p {
            line-height: 18px;
        }

    .mids {
        top: -65%;
    }

        .mids h3 {
            margin: 0px 0 8px 0;
            color: #fff;
            font-size: 16px;
        }

        .mids p {
            line-height: 18px;
        }
}

@media screen and (max-width: 992px) {
    .service_card {
        margin-bottom: 3.5rem !important;
    }
}

@media screen and (max-width: 768px) {
    .slider_bg_1 {
        height: 550px;
    }

    .header-area .social_wrap .number {
        margin-right: 2px;
        padding-right: 11px;
        border-right: none;
    }

    .number p {
        font-size: 14px;
    }

    .header-area .main-header-area .main-menu ul li {
        margin: 0px 12px 0px 0px;
    }

    .header-area .social_wrap .social_links li a {
        font-size: 14px;
        padding: 6px 22px;
    }

    .header_bottom_border .logo {
        text-align: center;
    }

    .social_wrap {
        flex-direction: column;
    }

    .header-area .main-header-area .main-menu {
        text-align: center;
        padding: 5px 0px;
    }

    .glyphicon-menu-right {
        margin-left: 20px;
    }

    .glyphicon-menu-left {
        right: 28px;
    }

    .custom_search_pop .modal-content .serch_form input {
        height: 50px;
    }

    .custom_search_pop .modal-content .serch_form button {
        height: 50px;
    }

    /* .whychoose {
        margin-bottom: -50px;
    }*/

    .destination_heading h2 {
        font-size: 28px;
    }

    .maintc {
        margin-bottom: -70px !important;
    }

    .mids {
        top: 18%;
    }

    .firsts {
        bottom: 9%;
    }

    .whyss {
        margin-bottom: 2rem;
    }

    .services {
        padding-top: 3rem;
    }

    .boxed-btn4 {
        width: 38.5%;
        padding: 13px;
    }

    .newsletter_field input {
        width: 60% !important;
    }

    .newsletter_field {
        width: 95%;
        margin: auto;
    }

    .newletter_area {
        border-bottom-right-radius: 40px !important;
        border-bottom-left-radius: 40px !important;
        padding: 30px 0 30px 0 !important;
    }

    h2.crosssv {
        margin-top: -4px;
    }

    h4.bothagent {
        padding: 12px;
    }

    h4.bothagents {
        padding: 12px;
    }

    .about_heading {
        padding: 15px;
        top: -28px;
        border-radius: 35px;
    }

    .detailspage {
        margin-top: 25px;
        width: 90%;
    }

    .agntsd {
        padding: 7px 5px;
    }

    h2.crosss::before {
        content: "";
        width: 32%;
        top: 99px;
        margin-left: -33%;
    }

    h2.crosss::after {
        content: "";
        top: 99px;
        width: 32%;
    }

    h2.crosssv::before {
        content: "";
        width: 40%;
        top: 99px;
        margin-left: -43%;
    }

    h2.crosssv::after {
        content: "";
        top: 99px;
        width: 40%;
    }

    .mobile_menu {
        position: absolute;
        right: 0px;
        width: 100%;
        z-index: 9;
    }

    .mb_70 {
        margin-bottom: 40px;
    }

    .section_title p br {
        display: none;
    }

    .section_title h3 br {
        display: none;
    }

    .section_title h3 {
        font-size: 30px;
        line-height: 36px;
    }

    .slicknav_menu {
        margin-right: 0px;
    }

        .slicknav_menu .slicknav_nav a i {
            display: none;
        }

    .mb-50 {
        margin-bottom: 40px;
    }

    .slider_area .single_slider .slider_text h3 {
        font-size: 50px;
    }

    .slider_area .single_slider .slider_text {
        margin: 100px 0 50px 0;
    }

    .slider_area .single_slider {
        max-height: 366px;
    }

    .header-area .seach_icon {
        width: 50px;
        right: 60px;
    }

    .header-area .main-header-area.sticky {
        padding: 10px 10px;
    }

    .header-area .main-header-area .main-menu ul li a i {
        display: none !important;
    }

    .header-area .main-header-area {
        padding: 10px 10px;
    }

    .slider_area .single_slider .slider_text p {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .counter_wrap .single_counter {
        text-align: center;
    }

    .header-area .main-header-area .logo-img img {
        width: 70px;
    }

    .header-area .main-header-area .logo-img {
        text-align: left;
    }

    .header-area .main-header-area.details_nav_bg {
        padding-bottom: 10px;
    }

    .video_area {
        padding: 100px 0;
    }

    .filter_result_wrap .filter_bordered {
        margin-bottom: 30px;
    }

    .popular_places_area {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .newletter_area .mail_form .newsletter_field {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .abt_content {
        padding: 3rem 0;
    }

    .service_card {
        padding: 3rem 2rem;
        margin: 3px;
        text-align: center;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 15px;
    }

        .service_card i {
            padding-bottom: 1rem;
        }

    .bradcam_area.Extra_padding {
        padding: 150px 0;
    }

    .bradcam_area h3 {
        font-size: 40px;
    }

    .bradcam_area {
        padding: 150px 0;
    }

    .footer .socail_links {
        margin-top: 30px;
    }


    .footer .copy-right_text .copy_right {
        font-size: 14px;
    }

    .footer .footer_top .footer_widget .footer_logo {
        margin-bottom: 20px;
    }

    .footer .footer_top .footer_widget .footer_title {
        margin-bottom: 20px;
    }

    .footer .footer_top .footer_widget {
        margin-bottom: 30px;
    }

    .footer .footer_top {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .testimonial_area {
        padding: 50px 0;
    }

    .bradcam_area .bradcam_text2 h3 {
        font-size: 30px;
    }

    .video_area .video_wrap h3 {
        font-size: 50px;
    }

    .newletter_area .newsletter_text {
        margin-bottom: 20px;
    }

    .destination_details_info {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .destination_banner_wrap .destination_text h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .destination_banner_wrap {
        padding: 150px 0;
    }

    .popular_destination_area {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .where_togo_area .search_wrap .input_field .nice-select {
        margin-bottom: 15px;
    }

    .where_togo_area .search_wrap .search_form {
        display: block !important;
    }

    .where_togo_area .form_area h3 {
        margin-bottom: 15px;
    }

    .where_togo_area .search_wrap .input_field {
        width: 100%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 576px) {
    h2.crosss::before {
        top: 95px;
    }
    h2.crosssv::before {
        top: 92px;
    }
    h2.crosssv::after {
        top: 92px;
    }
    h2.crosss::after {
        top: 95px;
    }
    .destination_heading h2 {
        font-size: 24px;
    }
    .about_heading h2 {
        font-size: 24px;
    }
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
    .whychoose .row.multi-slider img.img-responsive {
        width: 100%;
    }
    div#contact-us {
        margin: 0px 15px;
    }
}

@media screen and (max-width: 320px) {
    h2.crosssv::before {
        top: 87px;
    }

    h2.crosssv::after {
        top: 87px;
    }
    h2.crosss::before {
        top: 92px;
    }
    h2.crosss::after {
        top: 92px;
    }
    .about_v .about_heading h2 {
        font-size: 22px;
    }
    .destination_heading h2 {
        font-size: 21px;
    }
}