/************************************************************************************
smaller than 1170
*************************************************************************************/
@media screen and (max-width:1300px) {
.container{ width:96%; }

}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
.container{ width:96%;}

.banner-heading{ top:50px!important;}
.navbar-collapse{ padding-top:65px!important; padding-left:0px!important; padding-right:0px!important;}
.pull-right{ float:left!important;}
.navbar-nav > li > a{ padding-top:12px!important; padding-bottom:12px!important; padding-left:12px!important; padding-right:12px!important;}
.box-top-img{ width:70%!important; top:28%!important;}
.travel-desc-box{ margin-bottom:25px!important;}
.article-box-1{ margin-bottom:40%!important;}
#sub-footer ul.social-network{ float:left!important; padding-top:15px!important; padding-left:0px!important;}
.holiday_area{ width:34%!important; right:250px!important;}


/*about us*/
.about-head-left{ width:100%!important;}
.about-head-right{ width:100%!important;}
.plans-butt{ margin-left:0px!important; margin-top:10%!important;}
div.title-item-gimmick.left{ left:20%!important;}
.about-left-area{ width:100%!important;}
.about-right-area{ width:100%!important;}
.about-right-box{ margin-left:0px!important;}
.learn-more-area{ margin-left:0px!important;}
}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
.container{ width:96% !important;}

.navbar-collapse{ padding-top:0px!important;}
.pull-right{ float:right!important;}
.banner-heading{ top:25px !important}
.top-login-box{ float:left!important; padding-top:15px!important;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a{ text-align:left!important;}
.holiday_area{ width:40%!important; right:170px!important;}
.top-contact-box{ padding-top:0px!important;}
.top-login-box{ padding-top:0px!important;}

.box-top-img{ width:95%!important; position:relative!important; margin-top:0px!important;}
.article-area{ width:100%!important;}
.article-box-1{ margin-bottom:15%!important; margin-top:2%!important;}
.article-box-2{ margin-top:22%!important;}
.widget{ margin-bottom:5%!important;}

/*about us*/
.contact-left{ width:100%!important;}
.contact-right{ width:100%!important;}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { 
.container{ width:96%!important;}

.banner-heading{ top:5px !important}
.holiday_area{ right:108px !important; width:55% !important;}

.article-box-1{ margin-bottom:28% !important;}
.box-top-img{ width:94%!important;}
.widget{ margin-bottom:12%!important;}
div.title-item-gimmick.left{ left:12%!important;}

/*contact us*/
.form-list li.two_col input{ margin-right:0px!important; width:100%; margin-bottom:30px!important;}
.form-list li{ margin-bottom:0px!important;}
.form-list li input, .form-list li textarea{ margin-bottom:30px!important;}
}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.container{width:96%!important; }

.banner-heading{ top:-18px !important}
.holiday_area{ right:55px !important; width:70% !important; top:20px!important;}
div.title-item-gimmick.left{ left:0px!important;}
.box-top-img{ width:90%!important;}
.article-box-1{ margin-bottom:38% !important;}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.container{ width:96%!important;}

h2{ font-size:30px!important;}
.article-area{ padding-bottom:22px!important;}
.holiday_area{ right:15px !important; top:5px !important; width:90% !important;}
.holiday_box h2{ font-size:16px!important;}
div.title-item-gimmick{ width:250px!important;}
div.title-item-gimmick.left{ left:15px!important;}
}