/* CSS Document */
@media only screen and (max-width: 320px)
{
.innerbluediv
{
width:100%;
}
.bluediv
{
width:100%;
float:none !important;
margin:0 auto !important;
}
.bluediv li
{
padding:0px 5px;
font-size:11px;
}
.leftheader
{
width:30% !important;
}
.rightheader
{
width:70% !important;
}
#cssmenu
{
 width:100% !important;
}
.imgresmar
{
margin-bottom:35px !important;
}
.innerbluediv
{
width:100%;
}
.imgresmar
{
margin-bottom:35px !important;
}
.inner-greenimg
{
width:100%;
margin:0 auto;
}
.greenimg-div
{
width:100%;
float:none !important;
margin:0 auto !important;
padding-top:10px !important;
}
.greydiv
{
font-size:20px;
}
.innerfooter
{
width:100% !important;
margin:0 auto;
}
.leftfooter
{
width:100%;
float:none !important;
margin:0 auto !important;
text-align:center;
font-size:11px;
}
.rightfooter
{
width:30%;
float:none !important;
margin:0 auto !important;
}
.aboutbanner-text
{
font-size:27px;
padding-top:17px;
float:none !important;
text-align:center;
}
.redbigtext
{
font-size:27px;
}
.blackbigtext
{
font-size:22px;
}
}

@media only screen and (min-width: 321px) and (max-width: 480px) 
{
.innerbluediv
{
width:100%;
}
.bluediv
{
width:100%;
float:none !important;
margin:0 auto !important;
}
.bluediv li
{
padding:0px 5px;
font-size:12px;
}
.leftheader
{
width:30% !important;
}
.rightheader
{
width:70% !important;
}
#cssmenu
{
 width:100% !important;
}
.imgresmar
{
margin-bottom:35px !important;
}
.inner-greenimg
{
width:100%;
margin:0 auto;
}
.greenimg-div
{
width:100%;
float:none !important;
margin:0 auto !important;
}
.innerfooter
{
width:100% !important;
margin:0 auto;
}
.leftfooter
{
width:100%;
float:none !important;
margin:0 auto !important;
text-align:center;
}
.rightfooter
{
width:30%;
float:none !important;
margin:0 auto !important;
}
.aboutbanner-text
{
font-size:27px;
padding-top:17px;
float:none !important;
text-align:center;
}
.redbigtext
{
font-size:27px;
}
.blackbigtext
{
font-size:22px;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) 
{
.innerbluediv
{
width:100%;
}
.bluediv
{
width:80%;
}
.leftheader
{
width:50%;
}
.rightheader
{
width:50%;
}
#cssmenu
{
 width:100%;
}
.imgresmar
{
margin-bottom:35px !important;
}
.inner-greenimg
{
width:100%;
margin:0 auto;
}
.greenimg-div
{
width:100%;
float:none !important;
margin:0 auto !important;
}
.innerfooter
{
width:100% !important;
margin:0 auto;
}
.leftfooter
{
padding:0px 10px;
}
}
@media only screen and (min-width: 769px) and (max-width: 992px) 
{
.innerbluediv
{
width:100%;

}
.bluediv
{
width:50%;
float:right !important;
}
.leftheader
{
width:20% !important;
}
.rightheader
{
width:80% !important;
float:left;
margin-top:15px;
}
#cssmenu
{
 width:100% !important;
padding-top:0px;
}
#cssmenu > ul > li > a {
  padding:18px;
  font-size:12px !important;
}
.imgresmar
{
margin-bottom:35px !important;
}
.innerfooter
{
width:100% !important;
margin:0 auto;
}
.leftfooter
{
padding:0px 10px;
}
}

@media only screen and (min-width: 993px) and (max-width: 1200px) 
{
.innerbluediv
{
width:100%;
}
.bluediv
{
width:auto !important;
float:right !important;
}
.leftheader
{
width:20% !important;
}
.rightheader
{
width:80% !important;
}
#cssmenu
{
width:100% !important;
}
}