/************************************************************************************
smaller than 1170
*************************************************************************************/
@media screen and (max-width:1200px) {
.container{ width:96%;  border:0px solid green!important; }

}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
.container{ width:96%;  border:0px solid #000!important; }
.emailarea{ width:100%; float:left;}
.fomarea{ width:45%; }
}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
.container{ width:96%; border:0px solid #FFFF00!important;}
.bookcarmain{ width:100%;}
.fomarea{ width:100%; float:left; position:static;}
.weekleftarea{ width:100%;}
.weekrightarea{ width:100%; float:left;}
.nacearea{ width:50%;}
.innerarealeft{ width:100%;}
.rajtravelmain{ width:98%;}

}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { 
.container{ width:96%!important; border:0px solid red!important; }
.nacearea{ width:100%;}
.fomarea{ width:100%; float:left; position:static;}
.packagehed2 img{ width:100%;}
.tourboximg{ width:100%;}
.tourboximg img{ width:100%;}
.tourboxcont{ width:100%;}

.rajtravelmain{ width:98%;}
.row{ width:100%;}
.col-sm-4{ width:98%;}

}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.container{width:96%!important;  border:0px solid #0000FF!important; }
.rajtravelmain{ width:98%;}
.col-sm-4{ width:98%;}

}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.container{ width:96%!important; border:0px solid #999900!important; }
.rajtravelmain{ width:98%;}
.col-sm-4{ width:98%;}

}