@charset 'UTF-8';
@media (min-width: 1367px) and (max-width: 1680px) {} @media (min-width: 1200px) and (max-width: 1366px) {} 
/*
	  ============================================================
		  MEDIA SCREEN 992px TO 1199px
	  ============================================================
*/
@media (min-width: 992px) and (max-width: 1199px) {
    .main-banner-3 .banner-title{
        font-size: 50px;
    }
    .search_one.absolute{
        bottom: 0;
    }
    .banner-caption .banner-title {
        font-size: 60px;
        margin: 0 0 10px;
    }
    .banner-caption .banner-caption{
        margin: 0 0 15px;
    }
    .destination-thumb{
        min-height: auto;
    }
    .equal-height .destination-thumb{
        min-height: 216px;
    }
    .col-md-3 .destination-thumb .text p{
        float: left;
        width: 100%;
        overflow: hidden;
        max-height: 70px;
    }
    #Upgrade .upgrade-text .brand-list{
        float: left;
        width: 100%;
        padding: 10px 0 0 0;
    }
    #Upgrade .upgrade-list .upgrade-text .upgrade-header{
        float: left;
        width: 100%;
    }
    #Upgrade .upgrade-list .upgrade-text .upgrade-header .rating_down{
        float: right;
    }
    .sidebar .widget{
        padding-right:20px; 
        padding-left:20px; 
    }
    .detail-tabs .nav-tabs > li > a{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .blog-grid-2 .blog-thumb .text{
        padding: 20px;
    }
    .login-register-form .input-container label span{
        font-size: 13px;
    }
    .widget-contact .social li a {
        height: 30px;
        width: 30px;
        font-size: 14px;
        line-height: 30px;
    }
}
/*
	  ============================================================
		  MEDIA SCREEN 0px TO 991px
	  ============================================================
*/
@media (max-width: 991px) {
    .popular-hotel .absolute .text{
        padding-left:25px; 
        padding-right:25px; 
    }
    .main-banner-3 .banner-title {
        font-size: 50px;
    }
    .main-banner-3 .tab-nav-3 > li {
        margin: 0 0 -5px 10px;
    }
    .main-banner-3 .tab-nav-3 > li a{
        font-size: 15px;
    }
    .error-page .text{
        max-width: 85%;
    }
    .widget-contact .social li a {
        height: 30px;
        width: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .detail-tabs{
        float: left;
        width: 100%;
        margin: 0 0 30px;
    }
    .search_wraper{
        background: rgba(255, 255, 255, 0.8);
    }
    .search_wraper .container{
        float: left;
        width: 100%;
        display: block;
    }
    .search_wraper .container .container{
        padding: 0;
    }
    .search_one.absolute{
        float: left;
        width: 100%;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        position: relative;
    }
    .banner-caption .banner-title {
        font-size: 60px;
    }
    .has-search .banner-contant-wrapper{
        top: 50%;
    }
    .tab-nav-2 li a{
        font-size: 12px;
    }
    .news-letter .text .title{
        font-size: 27px;
    }
}
/*
	  ============================================================
		  MEDIA SCREEN 768px TO 979px
	  ============================================================
*/
@media (min-width: 768px) and (max-width: 979px) {} 
@media (min-width: 768px) {

}  
/*
	  ============================================================
		  MEDIA SCREEN 768px TO 979px
	  ============================================================
*/
@media (max-width: 767px) {
		.navigation ul li a {
    padding: 17px 5px;
}
.header1 { height: 74px !important;}

.dl-menuwrapper button {
margin-top: -10px;
}
.logo {
   width: 9%;top: -82px;z-index: 1;
}
.i-con{width: 33%;
float: left;}
.i-img{width: 55px; float:left;}
.i-text{width: 68%;float: left;}
.text-overflow h6 {
    font-size: 17px;
    font-weight: 600;
}
.text-overflow p {
    font-size: 11px;
}

    .blog-grid .text-overflow:first-child{
        margin-bottom: 23px;
    }
    .tab-content-1.long .banner-search-tab{
        display: block;
    }
    .tab-content-1.long .banner-search-tab .input-field{
        width: 50%;
        max-width: 50%;
        margin-bottom: 30px;
        padding: 0 2px;
    }
    #train .banner-search-tab .input-field,
    .tab-content-1.long .banner-search-tab .input-field:last-child,
    .tab-content-1.long .banner-search-tab .input-field:nth-child(3){
        width: 100%;
        max-width: 100%;
    }
    .masonry.row{
        float: none;
        width: auto;
        clear: both;
    }
    .main-banner-3 .flex-text{
        display: block;
    }
    .grid-item{
        width: 100% !important;
    }
    .main-banner-3 .tabs-wrapper{
        margin:0 0 30px; 
    }
    .main-banner-3 .banner-outer-div{
        padding: 30px 0;
    }
    .error-page .text{
        max-width: 95%;
    }
    .default-accordion .accordion{
        font-size: 20px;
    }
    .default-accordion .accordion::before{
        font-size: 20px;
        line-height: 49px;
    }
    .similar-products .title{
        font-size: 14px;
    }
    .detail-tag-wrap{
        text-align: center;
    }
    .detail-tag-wrap .page-navigation,
    .detail-tag-wrap .social{
        width: 100%;
    }
    .detail-tag-wrap .social{
        margin: 0 0 7px;
    }
    .detail-tag-wrap .page-navigation a{
        float: none;
        display: inline-block;
    }
    #items-grid2 .port-item{
        width: 100%;
    }
    .sub-banner .breadcrumb{
        padding-left:60px; 
        padding-right:60px; 
    }
    .blog-list{
        padding: 0;
    }
    .blog-list figure,
    .blog-grid figure {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0 0 0px !important;
    }
    .blog-list .text-overflow,
    .blog-grid .text-overflow{
        float: left;
        width: 100%;
        padding: 26px 0 0 0;
    }
    .blog-list .text-overflow{
        padding: 25px;
    }
    .flex-text.blog-list,
    .flex-text.blog-grid{
        display: block;
    }
    .detail-tabs .nav-tabs{
        margin-right:-1px; 
        margin-left:-1px; 
    }
    .detail-tabs .nav-tabs li{
        padding-right:1px; 
        padding-left:1px; 
    }
    .detail-tabs .nav-tabs > li > a{
        font-size: 14px;
        padding-left:10px; 
        padding-right:10px; 
    }
    .header1 .logo{
        padding: 10px 0;
    }
    .navigation{
        display: none;
    }
    .dl-menuwrapper{
        float: right;
        display: block; z-index:1;
    }
    
    .main-wrapper{
        overflow: hidden;
    }
    .top-bar [class*="pull-"]{
        width: 100%;text-align: right;
    }
    .top-bar .nav-account{
        width: 100%;
    }
    .top-bar .nav-account li{
        float: none;
        display: inline-block;
    }
    .top-bar .pull-left .nav-account > li{
        padding-bottom:0; 
    }
    .inner-header.affix{
        margin: 0 !important;
        position: static !important;
        background: #fff;
    }
    .sub-banner p{
        font-size: 13px;
    }
    .banner-contant-wrapper{
        padding-left:15px; 
        padding-right:15px; 
    }
    .banner-caption .banner-title {
        font-size: 40px;
    }
    .banner-search_tab{
        background: rgba(255,255,255,0.7);
    }
    .tab-nav-2 li a{
        overflow: hidden;
        padding-left:5px; 
        padding-right:5px; 
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .destination-thumb{
        min-height: auto;
    }
    .testimonial-slider .text p{
        float: left;
        width: 100%;
        max-width: 100%;
        font-size: 14px; 
    }
    .testimonial-slider .slick-slide{
        padding: 0 15px;
    }
    .news-letter .flex-text{
        display: block;
        max-width: 481px;
        text-align: center;
    }
    .news-letter .text{
        margin: 0 0 30px;
    }
    .news-letter .text .title {
        font-size: 24px;
    }
    .footer1{
        padding: 78px 0 28px;
    }
    .copy-right [class*="pull-"]{
        width: 100%;
        text-align: center;
    }
    .copy-right [class*="pull-"]:first-child{
        margin-bottom: 10px;
    }
    .copy-right .social li{
        float: none;
        display: inline-block;
        margin-bottom: -5px; 
    }

    .upgrade-list li figure{
        width: 100%;
    }
    .upgrade-list li .upgrade-text{
        float: left;
        width: 100%;
        padding:26px 0 0px;
    }
    .upgrade-list .upgrade-text .upgrade-header .rating_down{
        float: right;
    }
    .upgrade-list .upgrade-text .upgrade-header{
        float: left;
        width: 100%;
    }
    .upgrade-text .brand-list{
        float: left;
        width: 100%;
        padding: 6px 0 0px;
    }
}   
/*
	  ============================================================
		  MEDIA SCREEN 992px TO 1199px
	  ============================================================
*/
@media (max-width: 715px) {
    
} 
.gap{ clear:none;}
/*
	  ============================================================
		  MEDIA SCREEN 0 TO 480px
	  ============================================================
*/
@media (max-width: 640px) {
	.main-banner {
    margin-top: 7px!important;

}
.top-bar {

    height: 107px;

}
.i-con{ width:33%; float:left; padding:0px;}
.text-overflow h6 {

    font-size: 19px;
    font-weight: 600;

}
.text-overflow p {

    font-size: 13px;

}
.gap{ clear: none;}
.sld-prc {
font-size: 19px;}
.banner-tx h2 {
    font-size: 26px;}
	.banner-tx p {
font-size: 16px;}
.sld-bt {padding: 5px 10px;
    font-size: 13px;
}
.col-sm-7 {

    width: 22%;
	float:left;

}
.dl-menuwrapper {

    float: left;
    display: block;
    z-index: 1;

}
.logo {
top:-113px;
z-index: 1;
width: 15%;

}
.dl-trigger{
top:-10px;
z-index: 1;}
    .tab-nav-3 > li{
        margin-left:7px;
    }
    .destination-thumb-3 p {
        max-height: 50px;
        overflow: hidden;
    }
    .main-banner-3 .banner-caption .banner-title {
        font-size: 31px;
    }
    .popular-hotel .absolute .text{
        padding-left:20px; 
        padding-right:20px; 
    }
    .popular-hotel .title{
        font-size: 15px;
    }
    .error-page h1{
        font-size: 140px;
    }
    .error-page h6{
        font-size: 30px;
    }
    .login-register-form .input-field{
        text-align: left;
    }
    .login-register-form .input-container{
        float: left;
        width: 100%;
        margin: 0 0 5px;
    }
    .sidebar .widget{
        padding-left:25px; 
        padding-right:25px; 
    }
    .detail-tag-wrap .social li{
        margin: 0 4px;
    }
    .similar-products figure{
        margin: 0 15px 0 0;
    }
    .detail-tabs .nav-tabs li{
        width: 50%;
        margin: 0 0 2px;
    }
    .top-bar .social li{
        margin: 0 3px;
    }
    .home-slider .banner-caption{
        display: none;
    }
    .tab-nav-2 li{
        width: 50%;
    }
    .tab-nav-2 li:nth-child(5){
        width: 100%;
    }
    .section-heading .title{
        font-size: 26px;
    }
    .choose-us span[class*="iq-"]{
        float: none;
        display: block;
        margin: 0 auto 30px;
    }
    .choose-us{
        padding: 30px;
        text-align: center;
    }
    .center.thumb .text p{
        display: none;
    }
    .holiday-thumb .absolute .text{
        max-width: 85%;
    }
    .upgrade-list > li{
        padding: 20px;
    }
    .upgrade-footer p.price {
        font-size: 14px;
        margin-right:21px;
    }
    .upgrade-footer a.detail{
        padding-right:25px; 
        padding-left:25px; 
    }
	.text-overflow {
    padding-top: 0px;
}
.all-tour-body {
    background-color: 
#fbfbfb;
margin: 25px 0px 10px 11px;
box-shadow: 0px 2px 2px
    rgba(0,0,0,0.50);
    width: 96%;
    padding: 5px;
}
}
@media (max-width: 480px) {

	.df-button1 {
    color: 
#fff !important;
background-color:
    #ff8400;
    padding: 3px 8px;
    border-radius: 4px;
    margin-top: -13px;
    margin-bottom: 10px;
}
.input-field {min-height:inherit; }
		.text-overflow {
    padding-top: 15px;
}
	.i-con{ width:100%; float:left; padding:0px;}
	.main-banner {
    margin-top: 7px!important;

}

.price-booking {
    font-size: 12px;
    font-weight: bold;
    padding: 0px;
}.total-rs {
    padding: 0px;}

.ratechartsec {
   padding: 3px;
}
/*.booking-bg {
    height: 858px;
}*/
.departure {
    width: 100%;
}
.ctrl-standard.fx-sliderIn {
    color: #81aaa4;
    border-color: #245a8f;
    width: 46%;
    float: left;
    margin: 2px 4px;
    text-align: center;
    cursor: pointer;
}
.filters {
    padding: 0px;}
.btn-view-more{ padding-top:20px;}
.btn-view-more a {
    padding: 4px 3px;
    text-transform: uppercase !important;
    font-size: 14px;
    background-color: #1a88d2;
color:#fff;
text-align: center;
box-shadow: 0 2px 2px 0rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2pxrgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-decoration: none;
    margin-top: 20px !important;
}
.inline + .inline {
    margin-left: 0px;
}
.gap{ clear:both;}
.sld-prc {
font-size: 19px;}
.banner-tx h2 {
    font-size: 26px;}
	.banner-tx p {
font-size: 16px;}
.sld-bt {padding: 5px 10px;
    font-size: 13px;
}
.col-sm-7 {

    width: 22%;
	float:left;

}
.dl-menuwrapper {

    float: left;
    display: block;
    z-index: 1;

}
.logo {
  top: -115px;
z-index: 1;
width: 12%;

}
.dl-trigger{
top:-57px;
z-index: 1;}
    .tab-nav-3 > li{
        margin-left:7px;
    }
    .destination-thumb-3 p {
        max-height: 50px;
        overflow: hidden;
    }
    .main-banner-3 .banner-caption .banner-title {
        font-size: 31px;
    }
    .popular-hotel .absolute .text{
        padding-left:20px; 
        padding-right:20px; 
    }
    .popular-hotel .title{
        font-size: 15px;
    }
    .error-page h1{
        font-size: 140px;
    }
    .error-page h6{
        font-size: 30px;
    }
    .login-register-form .input-field{
        text-align: left;
    }
    .login-register-form .input-container{
        float: left;
        width: 100%;
        margin: 0 0 5px;
    }
    .sidebar .widget{
        padding-left:25px; 
        padding-right:25px; 
    }
    .detail-tag-wrap .social li{
        margin: 0 4px;
    }
    .similar-products figure{
        margin: 0 15px 0 0;
    }
    .detail-tabs .nav-tabs li{
        width: 50%;
        margin: 0 0 2px;
    }
    .top-bar .social li{
        margin: 0 3px;
    }
    .home-slider .banner-caption{
        display: none;
    }
    .tab-nav-2 li{
        width: 50%;
    }
    .tab-nav-2 li:nth-child(5){
        width: 100%;
    }
    .section-heading .title{
        font-size: 26px;
    }
    .choose-us span[class*="iq-"]{
        float: none;
        display: block;
        margin: 0 auto 30px;
    }
    .choose-us{
        padding: 30px;
        text-align: center;
    }
    .center.thumb .text p{
        display: none;
    }
    .holiday-thumb .absolute .text{
        max-width: 85%;
    }
    .upgrade-list > li{
        padding: 20px;
    }
    .upgrade-footer p.price {
        font-size: 14px;
        margin-right:21px;
    }
    .upgrade-footer a.detail{
        padding-right:25px; 
        padding-left:25px; 
    }
	.top-bar .nav-account {

    width: 100%;
    line-height: 14px;

}
.all-tour-body {
    background-color: 
#fbfbfb;
margin: 25px 0px 10px 11px;
box-shadow: 0px 2px 2px
    rgba(0,0,0,0.50);
    width: 94%;
    padding: 5px;
}
}

@media (max-width: 322px) {
	.top-bar .nav-account {

    width: 100%;
    line-height: 14px;

}
		.text-overflow {
    padding-top: 15px;
}
	.i-con{ width:100%; float:left; padding:0px;}
	.main-banner {
    margin-top: 7px!important;

}
.sld-prc {
font-size: 19px;}
.banner-tx h2 {
    font-size: 26px;}
	.banner-tx p {
font-size: 16px;}
.sld-bt {padding: 5px 10px;
    font-size: 13px;
}
.col-sm-7 {

    width: 22%;
	float:left;

}
.breadcrumb {
    padding: 8px 0px;
    list-style: none;
    border-radius: 4px;
    margin-bottom: 0px;
}
.dl-menuwrapper {

    float: left;
    display: block;
    z-index: 1;

}
.all-tour-body {
    background-color: 
#fbfbfb;
margin: 25px 0px 10px 11px;
box-shadow: 0px 2px 2px
    rgba(0,0,0,0.50);
    width: 90%;
    padding: 5px;
}
.logo {
  top: -115px;
z-index: 1;
width: 18%;

}
.dl-trigger{
top:-57px;
z-index: 1;}
    .tab-nav-3 > li{
        margin-left:7px;
    }
    .destination-thumb-3 p {
        max-height: 50px;
        overflow: hidden;
    }
    .main-banner-3 .banner-caption .banner-title {
        font-size: 31px;
    }
    .popular-hotel .absolute .text{
        padding-left:20px; 
        padding-right:20px; 
    }
    .popular-hotel .title{
        font-size: 15px;
    }
    .error-page h1{
        font-size: 140px;
    }
    .error-page h6{
        font-size: 30px;
    }
    .login-register-form .input-field{
        text-align: left;
    }
    .login-register-form .input-container{
        float: left;
        width: 100%;
        margin: 0 0 5px;
    }
    .sidebar .widget{
        padding-left:25px; 
        padding-right:25px; 
    }
    .detail-tag-wrap .social li{
        margin: 0 4px;
    }
    .similar-products figure{
        margin: 0 15px 0 0;
    }
    .detail-tabs .nav-tabs li{
        width: 50%;
        margin: 0 0 2px;
    }
    .top-bar .social li{
        margin: 0 3px;
    }
    .home-slider .banner-caption{
        display: none;
    }
    .tab-nav-2 li{
        width: 50%;
    }
    .tab-nav-2 li:nth-child(5){
        width: 100%;
    }
    .section-heading .title{
        font-size: 26px;
    }
    .choose-us span[class*="iq-"]{
        float: none;
        display: block;
        margin: 0 auto 30px;
    }
    .choose-us{
        padding: 30px;
        text-align: center;
    }
    .center.thumb .text p{
        display: none;
    }
    .holiday-thumb .absolute .text{
        max-width: 85%;
    }
    .upgrade-list > li{
        padding: 20px;
    }
    .upgrade-footer p.price {
        font-size: 14px;
        margin-right:21px;
    }
    .upgrade-footer a.detail{
        padding-right:25px; 
        padding-left:25px; 
    }
}