@charset "utf-8";
/* CSS Document */
.mobilebanner {
    display: none;
}
@media screen and (max-width:50em){
	.topbar{ text-align:center; position:inherit;}
	#myDIV{ right:30px !important; top:123px !important; z-index:99;}
	.banner{ height:auto; }
	.banner h2{ display:none;}
	ul.formbox li{width:49% !important; }
	ul.formbox li.leaving{width:49% !important; float:left; margin-bottom:10px;}
	ul.formbox li.going{ float:right;}
	ul.formbox li.date{ float:left;}
	ul.formbox li:nth-child(2n+2){ margin-bottom:10px; margin-right:0; width:49% !important; float:right;}
	ul.formbox li.submit{ width:100% !important;}
	ul.formbox li.date input[type="text"]{ padding-left:16%;}
	.discountbox{ display:none;}
	.mobilebanner{ display:block !important;}
	.midbox3 ul.milestone li{ width:100%; margin-right:0; background:none;}
	.socialtext{ width:100%; text-align:center;}
	.payment{ width:100%; text-align:center; margin-bottom:2em;}
      .BusDiv{ width:99%; padding:0 1%;}
    .Price{ width:99%; height:auto; position:inherit; padding:0 1%;}
    .divBtnProces{ width:99%; margin:0 !important;}    

}

@media screen and (max-width:40em){
	
	.selectcurrency{ float:left;}
	.mainnav{ margin-right:0; width:100%; float:left;}	
	ul.navigation{ width:100%; float:left;}
	.midbox1 h2{ width:100%;}
	.stcimg{ float:none !important; }
	.stcimg img{ display:inline-block !important;}
	 
    .BusDiv {
    background-color: #fff;
    width:99%;
    float:left;
    position:inherit;
    padding: 10px 20PX 30PX 20px;
    transform: rotate(0deg);
    }
    .tooltip{transform: rotate(0deg);}
    .tooltiptext {display:none}


    .Price{ width:99%; height:auto; position:inherit; padding:0 3%; float: left; margin-right:0; margin-top: 10px;}
    .divBtnProces{ width:99%; margin:10px 0 !important;}
}

@media screen and (max-width:35em){
	
	ul.formbox li{ width:100% !important; margin-bottom:10px;}
	ul.formbox li.leaving{ width:100% !important; margin-right:0 !important;}
	ul.formbox li:nth-child(2n+2){ width:100% !important;}
	.selectcurrency{ width:100%; margin-top:0 !important; margin-right:0 !important;}
	ul.login{ margin-top:0 !important; width:100%;}
	ul.login2{ width:100%; margin:10px 0;}
	.loginuser{ width:100%;}
	.logincenter{ width:100% !important; text-align:center !important;}
	ul.login2 li{ float:none; margin-right:0;}
	ul.login2 li a{ float:none;}
	#myDIV{ width:100% !important; top:150px !important; right:0 !important;}
  
	
	
}