#mobileform
{
display:none;
}
@media only screen and (max-width:640px)
{
body
{
width:auto;
}
.wrapper
{
width:100%;
}
.innerwrapper
{
float:none;
width:100%;
height:auto;
}
.header
{
width:100%;
height:auto;
float:none;
}
.logo
{
float:none;
width:100%;
height:auto;
text-align:center
}
.contact
{
float:none;
margin-right:20px;
text-align:center;
width:100%;
margin-top:20px;
}

.banner
{
margin-top:20px;
float:none;
width:100%;
height:auto;
text-align:center;
}
.banner img
{
width:100%;
height:auto;
}
.component
{
float:none;
width:100%;
height:auto;
}
.box1
{
display:none;
}
.module
{
display:none;
}
.module1, .module2, .module3
{
display:none;
}
.content
{
float:none;
width:98%;
height:auto;
margin-left:0.5%;
}
.rightabsolutemodule
{
display:none;
}

.content table.datatable  
{
 width:100%;
 margin-top:5px;
 margin-bottom:5px;
}


/* left enquiry form css here */
#mobileform
{
float:none;
width:98%;
margin-left:0.5%;
height:auto;
background:#E8E8EA;
border:3px solid #E8E8EA;
display:block;
}
#mobileform h2.leftformheading
{
padding-top:5px;
text-align:center;
color:#fff;
font-size:16px;
width:98%;
height:24px;
background:#930C2A;
border-bottom:1px solid #f042E7A;
}
#mobileform  h3
{
padding-top:5px;
text-align:center;
color:#007D9E;
font-size:14px;
width:98%;
height:24px;
}
#mobileform   form
{
margin-top:5px;
margin-left:8px;
margin-bottom:5px;
}
#mobileform  form .field
{
height:55px;
}
#mobileform   form .field label
{
color:#042E7A;
font-weight:bold;
}
#mobileform  form .field input[type="text"]
{
width:98%;
height:25px;
border:1px solid #042E7A;
background:none;
color:#042E7A;
font-weight:bold;
}
#mobileform form .field select
{
width:98%;
height:25px;
border:1px solid #042E7A;
background:none;
color:#042E7A;
font-weight:bold;
}
#mobileform   form .field select option
{
background:#042E7A;
color:#fff;
}
#mobileform  form .field textarea
{
width:98%;
height:70px;
border:1px solid #042E7A;
color:#0F3AB2;
background:#fff;
}
.submitbuttn
{
margin-top:45px;
margin-left:0px;
text-align:center;
}
.submitbuttn input[type="submit"]
{
width:60px;
height:22px;
background:#0F3AB2;
border:none;
color:#fff;
cursor:pointer;
font-weight:bold;
}
.submitbuttn input[type="submit"]:hover
{
background:#042E7A;
color:#fff;
}
.submitbuttn input[type="reset"]:hover
{
background:#042E7A;
color:#fff;
}
.submitbuttn input[type="reset"]
{
width:60px;
height:22px;
background:#042E7A;
border:none;
color:#fff;
cursor:pointer;
font-weight:bold;
}
.desktopanal{
display:none;
}
.thank-contact
{
margin-top:5px;
float:none;
width:97%;
margin-left:1%;
margin-bottom:10px;
}
}

@media only screen and (max-width:978px)
{
body
{
width:auto;
}
.wrapper
{
width:100%;
}
.innerwrapper
{
float:none;
width:100%;
height:auto;
}
.header
{
width:100%;
height:auto;
float:none;
}
.logo img
{
float: none;
 width: 100%;
 height: auto;
 text-align: center;    
}
.logo
{
float:none;
width:100%;
height:auto;
text-align:center
}
.contact
{
float:none;
margin-right:20px;
text-align:center;
width:100%;
margin-top:20px;
}

.banner
{
margin-top:20px;
float:none;
width:100%;
height:auto;
text-align:center;
}
.banner img
{
width:100%;
height:auto;
}
.component
{
float:none;
width:100%;
height:auto;
}
.box1
{
display:none;
}
.module
{
display:none;
}
.module1, .module2, .module3
{
display:none;
}
.content
{
float:none;
width:98%;
height:auto;
margin-left:0.5%;
}
.rightabsolutemodule
{
display:none;
}

.content table.datatable  
{
 width:100%;
 margin-top:5px;
 margin-bottom:5px;
}


/* left enquiry form css here */
#mobileform
{
float:none;
width:98%;
margin-left:0.5%;
height:auto;
background:#E8E8EA;
border:3px solid #E8E8EA;
display:block;
}
#mobileform h2.leftformheading
{
padding-top:5px;
text-align:center;
color:#fff;
font-size:16px;
width:98%;
height:24px;
background:#930C2A;
border-bottom:1px solid #f042E7A;
}
#mobileform  h3
{
padding-top:5px;
text-align:center;
color:#007D9E;
font-size:14px;
width:98%;
height:24px;
}
#mobileform   form
{
margin-top:5px;
margin-left:8px;
margin-bottom:5px;
}
#mobileform  form .field
{
height:55px;
}
#mobileform   form .field label
{
color:#042E7A;
font-weight:bold;
}
#mobileform  form .field input[type="text"]
{
width:98%;
height:25px;
border:1px solid #042E7A;
background:none;
color:#042E7A;
font-weight:bold;
}
#mobileform form .field select
{
width:98%;
height:25px;
border:1px solid #042E7A;
background:none;
color:#042E7A;
font-weight:bold;
}
#mobileform   form .field select option
{
background:#042E7A;
color:#fff;
}
#mobileform  form .field textarea
{
width:98%;
height:70px;
border:1px solid #042E7A;
color:#0F3AB2;
background:#fff;
}
.submitbuttn
{
margin-top:45px;
margin-left:0px;
text-align:center;
}
.submitbuttn input[type="submit"]
{
width:60px;
height:22px;
background:#0F3AB2;
border:none;
color:#fff;
cursor:pointer;
font-weight:bold;
}
.submitbuttn input[type="submit"]:hover
{
background:#042E7A;
color:#fff;
}
.submitbuttn input[type="reset"]:hover
{
background:#042E7A;
color:#fff;
}
.submitbuttn input[type="reset"]
{
width:60px;
height:22px;
background:#042E7A;
border:none;
color:#fff;
cursor:pointer;
font-weight:bold;
}
.desktopanal{
display:none;
}
.thank-contact
{
margin-top:5px;
float:none;
width:97%;
margin-left:1%;
margin-bottom:10px;
}
}