.form{
max-height:680px;
position:relative;
width:100%;
text-align:left;
margin-left:auto;
margin-right:auto;
}
ul{
padding: 0.5em;
}
#personal_container {
position:relative;
max-width:760px;
max-height:440px;
}
#personal{
position:relative;
height:440px;
}
.personal{
text-align:left;
float:left;
font-size:13px;
clear:both;
padding: 0.5em;
}
#personal, #address, #telephone, #email_form, #password, #ready, #rank, #checkBoxes {
background-color:#E5E8F1;
margin:0px 0px 5px 0px;
}
.formIpBox, .formIpBoxRqd{
position:relative;
margin-left:2.7315%;
margin-right:2.7315%;
font-size:14px;
border-color:#e8e2db;
border-style:solid;
border-width:thin;
border-radius: 5px;
color:#333333;
width:44%;
height:54px;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
vertical-align:top;
}
#checkBoxes_container {
position:relative;
top:-440px;
width:350px;
left:360px;
height:440px;
display:block;
}
#checkBoxes{
position:relative;
height:440px;
padding:5px;
padding-top:5px;
}
.checkBoxes{
font-size:medium;
}
#telephone_container {
position:relative;
width:85%;
top:40px;
margin-left:auto;
margin-right:auto;
height:75px;
}
#telephone{
position:relative;
height:75px;
padding:0px 10px 15px 10px;
}
.telephone{
font-size:medium;
}
.number{display: inline;}
#email_container {
position:relative;
width:85%;
height:75px;
top:65px;
margin-left:auto;
margin-right:auto;
}
#email_form{
position:relative;
height:75px;
padding:0px 10px 15px 10px;
}
.email_form{
font-size:medium;
}
#ready_container {
position:relative;
float:left;
clear: left;
margin: 1em;
}
#ready{
position:relative;
width:130px;
height:40px;
}
.ready{
position:relative;
width:130px;
height:40px;
text-align:center;
background-color:#4489fe;
font-size:medium;
}
#name, #surname, #phone, #email, #emailchk{
padding-left:10px;
text-align:left;
}
#email_message_txt{
font-family:inherit;
padding-left:12px;
text-align:left;
font-size:14px;
padding-top:20px;
height:55px;
}
#dayOfMonth{
margin:0px 0px 0px 5px;
}
#month{
margin:0px 0px 0px 0px;
}
#year{
margin:0px 5px 0px 0px;
}
#gender{
margin:0px 0px 0px 5px;
border-color:none;
border-style:solid;
border-width:thin;
}
#age{
margin:0px 0px 0px 5px;
}
#piSub{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
width:230px;
height:70px;
left:480px;
top:-73px;
vertical-align:top;
}
.category{
font-size:16px;
color:#333333;
padding-bottom:5px;
}
.checkbox{font-size:14px;}
.imageAddress{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
z-index: 10;
max-width: 370px;
}
img.imageAddress{
max-width:100%;
}
.boldTitle{
position:relative;
display: inline-block;
color:#000000;
font-weight:bold;
height:30px;
vertical-align:middle;
padding-top:20px;
padding: 0.5em;
}
.address{
position:relative;
padding:0px;
color:#999999;
}
.randomiser{
display:inline;
float:left;
padding: 0.5em;
}
.formSchedule{
position:relative;
max-width:1030px;
/*	height:470px; */
margin-left:auto;
margin-right:auto;
display:block;
}
.formContainerDouble{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width: 100%;
float:left;
}
.formContainer{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width: 370px;
float:left;
padding:0px;
margin: 25px 10px 10px 10px;
}
@media only screen and (max-width:1024px) {
.formSchedule{max-width:100%; max-height:1090px;}
.formContainerDouble{max-width:100%;}
.form{max-width:780px;}
.formIpBox, .formIpBoxRqd{margin-left:5.463%;margin-right:5.463%;width:88%;}

}
@media only screen and (max-width:769px) {
.formSchedule{max-width:370px; max-height:1020px;}
.formContainerDouble{max-width: 100%;}
.formIpBox, .formIpBoxRqd{margin-top:0.4em; }
} 
@media only screen and (max-width: 380px)  {
.formSchedule{max-width:370px;height:990px;}
.formContainerDouble{max-width: 370px; height: 680px; }
.formContainer{max-width: 370px;}
}
@media only screen and (max-width: 320px)  {
.formSchedule{width:380px; height:990px;}
.formContainerDouble{height: auto;}
}