@media (max-width:1200px) {


    .tour-detail-wrapper h2 {

        font-size: 30px !important;
    }
    .gallivant-tab {
        display: block;
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .nav-tabs .nav-item {
        display: inline-block;
    }

    .main-head-wrapper nav ul li a {

        font-size: 15px;
        padding: 25px 10px;
    }

    .footer-logo img,
    .logo img {
        width: 170px;
    }

    .package-info li {

        margin: 0 5px;
    }

    .last-col form button {

        font-size: 13px;
    }

    div.sub-menu {

        min-width: 900px;
    }

    .trip-slider .next-arrow {

        right: 0;
    }

    .trip-slider .prev-arrow {

        left: 0;
    }
}


@media (max-width:992px) {
    
    .about-content-side {
        
        margin:0;
    }
    
    .sticky .logo img {
    width: 120px;
    }

    footer {

        padding: 40px 0;
    }

    .top-menu-bar {

        display: block;
    }

    .main-nav.open {
        left: 0;
    }

    .logo {

        padding: 10px 0;
    }

    .guide-wrapper,
    .blog-detail-wrapp,
    .tab-content.tour-detail-tabs,
    .footer-col-wrapper,
    .blog-wrapper {

        margin-bottom: 30px;
    }

    .trip-partner {

        display: block;
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .trip-partner li {

        display: inline-block;
    }

    .trip-partner li a {

        margin: 0 10px;
    }

    nav.main-nav {
        position: fixed;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        display: block;
        z-index: 6;
        transition: 300ms ease all;
        overflow-y: scroll;
    }

    nav.main-nav ul li {

        display: block;
    }

    nav.main-nav ul li a {

        padding: 10px !important;
        font-size: 14px !important;
    }

    nav.main-nav ul li a i {

        font-size: 9px;
    }

 

    .mega-menu {

        position: static;
    }
    .sub-menu1,
    .sub-menu {

        position: static !important;
        min-width: inherit;
        transition: inherit;
        transform: inherit;
        display: none;
    }

    .sub-menu1 {

        float: none;
        min-width: inherit;
    }

    .destination-menu-wrapp {

        display: block !important;
    }

    .destination-wrapper h3 {

        font-size: 16px;
    }

    .destination-wrapper h3 span img {

        height: 25px;
    }

    .main-slider-container figure {

        height: 400px;
    }

    .slider-form {

        bottom: 0;
    }
    
    form.slider-form-warapp button, form.slider-form-warapp input {

        padding: 7px 10px;
        font-size: 14px;
        padding-left: 30px;
    }

    form.slider-form-warapp {

        padding: 20px;
    }

    .main-slider-content h1 {

        font-size: 35px;
    }

    .title-wrapper h2 {

        font-size: 25px;
    }

    .package-title h3 {

        font-size: 18px;
    }

    
    .all-sec-padding {
        padding: 40px 0;
    }
    
    .sticky .top-menu-bar {
    top: 8px;
    }

    .top-menu-bar {

        top: 58px;
    }

}


@media (max-width:768px) {
    
    .about-content-side .title-wrapper,
    .about-content-side {
        
        text-align:left;
    }
    
    .design-content-wrapper {
        
        flex-direction:column;
    }
    
    .top-menu-bar {
    top: 51px;
    }

    .tour-detail-wrapper img {

        width: 100%;
        height: auto !important; 
    }

    .tour-detail-wrapper h2 {

        font-size: 20px !important;
    }

    .main-slider-content h1 {
        font-size: 30px;
        font-weight: 600;
    }

    .title-wrapper p,
    .main-slider-content p {

        font-size: 14px;
    }

    .main-slider-container figure {
        height: 350px;
    }

    .trip-slider button.slick-arrow {

        display: none !important;
    }

    .slider-form {

        position: static;
    }

    form.slider-form-warapp {
        display: block;
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .custom-wrapper {

        display: inline-block;
        width: 40%;

    }

    ul.top-right {
        display: none;
    }

  .logo img {
        width: 120px;
    }



    button.slick-arrow {

        display: none !important;
    }

    .main-slider-content a {

        padding: 7px 20px;
    }

}


@media (max-width:480px) {
    
    .top-menu-bar {
        top: 66px !important;
    }
    
      .sticky .top-menu-bar {
        top: 8px !important;
    }
    .top-head {
        
        padding:5px 0;
    }
    
    .top-head-wrapper {
        
        justify-content:center;
    }
    
    .top-left li {
        display:block;
    }
    
    .top-left li a {
        
        padding:5px;
    }
    .top-menu-bar {
        
        top:48px;
    }

    .top-left li, .top-right li {

        font-size: 13px;
    }
    .top-left li i, .top-left li a i {

        font-size: 14px;
    }

    .main-slider-content h1 {

        font-size: 25px;
    }

    .title-wrapper h2 {

        font-size: 20px;
    }

    .package-title h3 {

        font-size: 16px;
    }

    .custom-wrapper {
        width: 59%;
    }
}

@media (max-width:360px) {

    ul.top-left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .top-left li a {

        padding: 0;
    }

    .top-head {

        padding: 7px 0;
    }

    .top-head-wrapper {
        justify-content: center;
    }

    .top-menu-bar {
        top: 61px !important;
    }
}