/************************************************************************************
smaller than 1170
*************************************************************************************/
@media screen and (max-width:1300px) {
.container{ width:96%; border:0px solid #000000; }
}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
.container{ width:96%;border:0px solid red;}


}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
.container{ width:96%;border:0px solid green;}
.request_main_area{ position: inherit; background:#666666; float:left; margin-left:20%;}
.looking_trip_area{ background:#999;}
.looking_input_box{ background:#999;}
.services-package-box{ width:100%;}
.services-image{ width:18%;}
.pop-count-box{ width:100%;}
.maincontent{ width:100%;}
.bookingright{ width:100%; float:left;}
.italy_left{ width:100%;}
.italy_right{ width:100%;}
.footer_col{ width:100%;}
.copyright_text{ width:100%;}
.social-link-area{ width:100%; float:left;}
.pop-box{ width:100%;}
.butt-left{ float:left; width:95.2%!important;}
.butt-right{ float:left; width:95.2%!important; margin-left:0px!important; margin-top:10px!important;}
.amitarea{ width:100%;}
.amitarea img{ width:100%;}
.sitetextarea{ width:100%;}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { 
.container{ width:96%!important;border:0px solid #000000;}
.request_main_area{ position: inherit; background:#666666; float:left; margin-left:15%;}
.logo_margin{ width:90%!important;}
.header_main_left{ margin-left:30%; float:left;}
.header_main_right{  margin-left:30%; float:left;}
.logo{ margin-left:30%;}
.amitarea{ width:100%;}
.amittext img{ width:100%;}
.citiesarea ul li{ width:100%;}
}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.container{width:96%!important; border:0px solid red;}
.request_main_area{ position: inherit; background:#666666; float:left; margin-left:6%;}

}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.container{ width:96%!important;border:0px solid yellow;}
.request_main_area{ position: inherit; background:#666666; float:left; margin-left:2%;}
}