#leftbox {
float:left;
width:50%
}
#contactleft2 {
width:100%;
text-align:center;
font-size:18px;
font-weight:bold;
}
#rightbox {
float:left;
width:50%;
height:auto;
}
#contactform2 {
width:250px;
margin:0 auto;
border:4px solid #18335e;
}
#contactright {
width: 200px;
float: right;
margin-right:15px;
}
#contactform{
width:30%;
height:auto;
background:#FFFFFF;
color:#18335E;
float:right;
margin-top:10px;
border: 5px solid #18335E;
}
#cartproblems {
margin-left:150px;
margin-top:30px;
}
.formText {
max-width: 100%;
}
.formTitle{
text-align:center;
font-size:18px;
padding-top:25px;
}
.formContent{
text-align:center;
padding:15px 5px;
}
.formField{
text-align:center;
}
/*================START 1025PX TO 1224PX STYLES==================*/
@media (min-width : 1025px) and (max-width : 1224px) {
#contactleft {
float: left;
font-size: 18px;
margin-left: -50px;
width: 300px;
}
#contactright {
width: 200px;
float: right;
}
}
/*================END 1025PX TO 1224PX STYLES==================*/
/*================START 769PX TO 1024PX STYLES==================*/
@media (min-width : 769px) and (max-width : 1024px) {
#contactleft {
width: 300px;
float: left;
font-size:18px;
margin-left:-100px;
}
#contactright {
width: 200px;
float: right;
margin-right:15px;
}
#contactform{
width:30%;
height:auto;
background:#FFFFFF;
color:#18335E;
float:right;
margin-top:10px;
border: 5px solid #18335E;
}
.formText {
max-width: 100%;
}
.formTitle{
text-align:center;
font-size:18px;
padding-top:25px;
}
.formContent{
text-align:center;
padding:15px 5px;
}
.formField{
text-align:center;
}
}
/*================END 769PX TO 1024PX STYLES==================*/
/*================START 481PX TO 768PX STYLES==================*/
@media (min-width : 481px) and (max-width : 768px) {
#leftbox {
float:left;
width:50%
}
#contactleft2 {
width:100%;
text-align:center;
font-size:14px;
font-weight:bold;
}
#rightbox {
float:left;
width:50%;
height:auto;
}
#contactform2 {
width:90%;
height:auto;
background:#FFFFFF;
color:#18335E;
float:right;
margin-top:10px;
margin-bottom:20px;
border: 5px solid #18335E;
}
.formText {
max-width: 100%;
}
.formTitle{
text-align:center;
font-size:18px;
padding-top:25px;
}
.formContent{
text-align:center;
padding:15px 5px;
}
.formField{
text-align:center;
}
}
/*================END 481PX TO 767PX STYLES==================*/
/*================START TO 480PX STYLES==================*/
@media (max-width : 480px) {
#leftbox {
float:none;
width:100%
}
#contactleft2 {
width:100%;
text-align:center;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
}
#rightbox {
float:none;
width:100%;
height:auto;
}
#contactform2 {
width:90%;
height:auto;
background:#FFFFFF;
color:#18335E;
float:right;
margin-top:10px;
margin-bottom:20px;
border: 5px solid #18335E;
}
.formText {
max-width: 100%;
}
.formTitle{
text-align:center;
font-size:18px;
padding-top:25px;
}
.formContent{
text-align:center;
padding:15px 5px;
}
.formField{
text-align:center;
}
}
/*================END TO 480PX STYLES==================*/