.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 {

margin:0px 0px 5px 0px;
}
.formIpBox, .formIpBoxRqd {
position: relative;
margin-left: auto;
margin-right: auto;
font-size: 1em;
border-color: #e8e2db;
border-style: solid;
border-width: thin;
border-radius: 5px;
color: #333333;
width: 300px;
height: 40px;    /* float: left; */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
vertical-align: top;
-webkit-box-pack: center;
-ms-flex-pack: center;
float:left;
padding-left:0.625em;
}
#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;
}
#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 {
display:flex;
clear: left;
z-index: 30;
}

#ready{

}
.ready{
/*width:14em;
height:2.5em;


background-color: #ffffff;border-width:thin;border-color:#999999;color:#000000;
*/
margin:1em;
    margin-left: auto;
    margin-right: auto;
}

#title,#name, #surname, #phone, #mobile, #email, #emailchk{
padding-left:10px;
text-align:left;
}
#email_message_txt{
font-family:inherit;
padding-left:12px;
text-align:left;
font-size:1em;
padding-top:10px;
height:40px;
}
#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:-webkit-flex;
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:-webkit-flex;
display:flex;
max-width: 100%;
float:left;
}
.formContainer{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
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: auto; }
.formContainer{max-width: 370px;}
}
@media only screen and (max-width: 320px)  {
.formSchedule{width:380px; height:990px;}
.formContainerDouble{height: auto;}
}