
/*===============Responsive===============*/
@media (max-width: 1299.98px) {
}

@media only screen and (max-width: 1199.98px){
    iframe{min-height:450px !important;}
    section.pad{padding-left:0; padding-right:0;}

    body{overflow-x: hidden;}
    .banner-content{width: 80%;}    
    
    #about .pad-img{padding:0;}
    
    .travellers .travel{height:450px;}

    .guide .image {height: 180px;}

    #daily-news .item .image{height:220px;}
    
    .partner .item .code {text-align: left;}
}

@media only screen and (max-width: 991.98px){
    .pd-30{padding: 0;}
    .md-mb-30{margin-bottom: 30px;}
    .pd-lr-30{padding-left:0; padding-right:0;}

    iframe{min-height:400px !important;}
    
    .header-right .nav-toggle{display:block;}

    .banner-content{width: 100%;}

    #about .pad-img{padding:0 15px;}
    #testi .avatar{width: 250px; height: 250px; margin-top: 30px;}

    .travellers .travel{height:470px;}
    .travellers .travel-box{flex-direction:column;}
    
    .reviews-list .item {width:calc(50% - 16px);}

    .guide .image {height: 200px;}

    #daily-news .item .image{height:250px;}
    
    footer .devide{border-left:none; padding-left: 15px;}

    .navigate{display:none;}
    .navigate.mobile {position: absolute; top: 49px; width: 100%; padding-top:10px; padding-bottom:10px; background:#fff; display:block;}
    .navigate.mobile > li{float:left; clear:both; width:100%;}
    .navigate.mobile > li > a{text-align:left;}
    .navigate.mobile > li > ul{display:block; position:relative; top:0 !important;}
    .navigate.mobile > li > ul > li > a{text-align:left;}
}

@media only screen and (max-width: 767.98px){
    h1{font-size:2rem;}
    h2{font-size:1.5rem;}
    h3{font-size:1.3rem;}
    h4{font-size:1rem;}
        
    .banner{min-height: 90vh;}

    .breadscrumb-book{width:250px;}
    
    #testi h1{font-size:50px;}

    .travellers .travel{overflow:hidden;}
    .travellers .travel .content{padding:30px;}

    #subscribe {padding: 50px 0;}
    #subscribe .devide{padding:0 15px; border:none;}
    
    .guide .image {height: 320px;}

    #daily-news .item .image{height:320px;}
    
    .stories .story-item .image {height: 230px;}
    .stories .story-item .image.one-item{height:300px;}


    footer .devide{margin-top: 30px;}
    .footer .bg-cover{padding-left:15px; padding-right:15px;}
}

@media only screen and (max-width: 575.98px){
    .xs-show{display:block !important;}

    iframe{min-height:300px !important;}
    header .header-right{width:100%; justify-content: space-between;}
    header .header-right a{padding:10px 0;}
    .navigate.mobile {top: 64px; border-top:1px solid #ccc;}
    .logo{display:none;}

    .banner-content{margin-top:30px;}

    #testi .avatar{width: 200px; height: 200px; margin-top:20px;}

    #testi h1{font-size:38px;}
    
    .guide .image {height: 250px;}

    #daily-news .item .image{height:220px;}

    #review{padding:50px 0;}
    .owl-carousel .owl-nav{display:none;}
    
    .reviews-list{margin:0; flex-direction:column;}
    .reviews-list .item {width:100%; margin-left:0;}

    #TravelForm .date-range{display:block;}
    #TravelForm .date-range .style-date:first-child{margin-bottom:1rem;}
    #TravelForm .date-range span{display:none;}

    .support .white-box{padding:30px 15px;}
    
    .stories .story-item .bottom {margin-top: 20px; display: block;}
    .stories .story-item .bottom .btn{margin-top:20px;}
}