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

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

.header-right-area{ width:100%!important;}
.navigation-bar{ margin:0px!important; width:100%!important;}
#cssmenu > ul > li > a:hover{ color: #fff!important; background:#01b8f2;}
#cssmenu > ul > li.active > a { color: #fff!important;background:#01b8f2;}
.request_main_area{ float:none; margin-top:0px!important; margin-bottom:0px!important; margin-left:auto!important; margin-right:auto!important; position:relative!important; text-align:center!important; padding:0px!important; width:38%!important; left:0px!important; background:none!important;}
.looking_trip_area{ border:4px solid #488877!important; border-radius:none!important; margin-top:15px!important;}

.popular-country-box{ width:48%!important; margin-bottom:30px!important;}
.pm_1{ float:left!important; margin-right:0px!important;}
.pm_2{ float:right!important; margin-right:0px!important;}
.pm_3{ float:left!important; margin-right:0px!important;}
.pm_4{ float:right!important; margin-right:0px!important;}
div.title-item-gimmick{ width:340px!important; left:8px!important;}
.country-butt{ left:145px!important;}

.provide-package-box{ width:30%!important;}
.provide-image{ width:100%!important;}
.provide-image img{ height: 290px!important;}
.provide-image-caption{ width:auto!important;}
.pgin_1{ margin-right:36px!important;}
.pgin_2{ margin-right:36px!important;}
.pgin_3{ margin-right:0px!important;}
div.title-item-gim{ width:335px!important;}
.butt-left{ left:10px !important;}
.butt-right{ right:-30% !important;}
.tell-us-area{ padding-top:30px!important; padding-bottom:0px!important;}
.tell-us-image{ width:35%!important;}
.tell-us-caption{ width:60%!important;}

.footer_col{ width:100% !important; margin-bottom:15px!important;}
.fm1{ margin-right:0px!important;}
.fm2{ margin-right:0px!important;}
.fm3{ margin-right:0px!important;}
.fm4{ margin-right:0px!important;}

/*about-us*/
.adven-left{ width:100%!important;}
.adven-right{ width:100%!important; margin-top:35px!important;}
.adven-right ul li span{ width:auto!important;}

/*contact-us*/
.contact-left{ width:100%!important;}
.form-list li.two_col input{ float:left!important; margin-right:0px!important;}
.form-list li.two_col input:nth-child(2){ float:right!important; margin-right:0px!important;}
.contact-right{ width:100%!important;}
}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
.container{ width:96%;}

.header-right-area{ width:100%!important;}
.navigation-bar{ margin:0px!important; width:100%!important;}
#cssmenu > ul > li > a:hover{ color: #fff!important; background:#01b8f2;}
#cssmenu > ul > li.active > a { color: #fff!important;background:#01b8f2;}
.request_main_area{ float:none; margin-top:0px!important; margin-bottom:0px!important; margin-left:auto!important; margin-right:auto!important; position:relative!important; text-align:center!important; padding:0px!important; width:48%!important; left:0px!important; background:none!important;}
.looking_trip_area{ border:4px solid #488877!important; border-radius:none!important; margin-top:15px!important;}
.popular-country-box{ width:100%!important;}
.pm_1{ margin-right:0px!important;}
.pm_2{ margin-right:0px!important;}
.pm_3{ margin-right:0px!important;}
.pm_4{ margin-right:0px!important;}
.country-text{ padding-bottom:70px!important; height:35px!important;}
.country-butt{ left:10px!important; top:80px!important;}
div.title-item-gimmick{ width:560px!important; left:8px!important;}
.provide-top-area p{ width:90%!important;}
.provide-package-box{ width:100%!important;}
.pgin_1{ margin-right:0px!important;}
.pgin_2{ margin-right:0px!important;}
.pgin_3{ margin-right:0px!important;}
.provide-image-caption{ width:68%!important; margin-top:20px!important;}
.butt-right{ right:45% !important;}
div.title-item-gim{ width:556px!important;}
.tell-us-area{ background:#314256 url("../image/black-world-map.jpg") no-repeat scroll center 2px!important; padding-top:15px!important;}
.tell-us-image{ width:54% !important;}
.tell-us-caption{ width:40% !important; padding-bottom:0px!important;}
.footer_col{ width:100% !important; margin-bottom:15px!important;}
.fm1{ margin-right:0px!important;}
.fm2{ margin-right:0px!important;}
.fm3{ margin-right:0px!important;}
.fm4{ margin-right:0px!important;}


/*about-us*/
.adven-left{ width:100%!important;}
.adven-right{ width:100%!important; margin-top:35px!important;}
.adven-right ul li span{ width:auto!important;}

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

.request_main_area{ width:54%!important;}
div.title-item-gimmick{ width:445px!important;}
div.title-item-gim{ width:440px!important;}
.butt-right{ right:30%!important;}
.tell-us-image{ display:none!important;}
.tell-us-caption{ width:100%!important;}
.tell-us-caption h3{ text-align:center!important;}
.tell-us-caption h2{ text-align:center!important;}
.tell-us-area{ padding-top:50px!important; padding-bottom:50px!important;}
.copyright_text{ width:100%!important;}
.social-link-area{ width:100%!important; padding-top:15px!important; float:left!important;}
.copyright_link{ float:left!important;}

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

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

.top-login-box{ float:left!important; padding-top:15px!important;}
.top-login-box span{ font-size:14px!important;}
.logo{ margin-top:5px!important; margin-bottom:5px!important;}
.request_main_area{ width:75%!important;}
div.title-item-gimmick{ width:330px!important;}
.provide-image{ width:100%!important;}
.provide-image-caption{ width:auto!important; margin-left:15px!important; margin-right:15px!important; margin-bottom:15px!important;}
div.title-item-gim{ width:328px!important;}
.butt-right{ right:10%!important; top:90px!important;}
.butt-left{ top:90px!important;}

/*about-us*/
.adven-right ul li span{ width:auto!important; margin-left:25px!important;}

/*contact-us*/
.form-list li textarea{ height:145px!important;}
}

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

.request_main_area{ width:85%!important;}
div.title-item-gimmick{ width:295px!important; top:65px!important;}
div.title-item-gim{ width:288px!important;}
.butt-right{ right:0px!important;}
.tell-us-area{ padding-top:38px!important; padding-botto:38px!important;}
}