/* Media queries
-------------------------------------------------------------------------------*/
input[type="submit"], input, select, option 	{ -webkit-border-radius:0; -webkit-appearance: none; }
a[href^=tel] 									{ text-decoration:inherit; color: inherit; }




@media screen and (min-width:768px) and (max-width:960px) {
img 							{ max-width:100%; }
#main   						{ width:98% !important;}
/*.caption						{ padding:160px 70px 0 0;}
#logo							{ width:36%;}
#left							{ width:100%; background:rgba(176, 176, 176, 0) url("../images/banner.jpg") no-repeat scroll 0 0 / 100% 100%; border-radius:10px; }
#right							{ background:rgba(255, 197, 67, 0) url("../images/welcome.jpg") no-repeat scroll 0 0 / 100% 100%;border-radius:10px; height:auto; font-size: 12px; line-height: 24px; width:100%; padding-bottom:24px;}
#right .spacing br {display:none;}
.toptxt { padding:7px 0 0;}
.welcome	{ margin-bottom:10px;}
#topnav {  margin:0 auto; width:312px;}
.leftcontent { width:57%;}
.phase1 { padding-bottom: 17px; width:100% !important;}*/
#left { width:58.5%;}
#topnav a { padding:0 3px;}
}

@media screen and (max-width:767px) {
body 							{ -webkit-text-size-adjust: none; }
img 							{ max-width:100%; }
#main    						{ width:96% !important;; }
#topnav {  margin:0 auto; width:312px;}
.caption						{ padding:160px 70px 0 0;}
#logo							{ width:36%;}
#left							{ width:100%; background:rgba(0, 0, 0, 0) url("../images/banner.jpg") no-repeat scroll 0 0 / 100% 100%; border-radius:10px; }
#right							{ background:rgba(0, 0, 0, 0) url("../images/welcome.jpg") no-repeat scroll 0 0 / 100% 100%;border-radius:10px; height:auto; font-size: 12px; line-height: 24px; width:100%; padding-bottom:24px;}
#right .spacing br {display:none;}
.toptxt { padding:7px 0 0;}
.welcome	{ margin-bottom:10px;}
.leftcontent { width:57%;}
.phase1 { padding-bottom: 17px; width:100% !important;}
}


/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
body 							{ -webkit-text-size-adjust: none; }
.leftcontent { width:100%;}
.phase1 { width:45% !important;}
#main    						{ width:96% !important; }
.greytxt { font-size: 11px;  line-height: 21px;}
.toptxt { width:100%;}
.orgtxt { font-size:13px;}
#logo { text-align: center;width: 100%; padding-left:0;}
.greytxt br { display: none;}
.contenthead1 { padding:0 0 5px;}
.rightcontent {width: 100%; margin:0px;}
.rightcontent br { display:none;}
.leftcontent { margin:0;}
#topnav{ background:#b0b0b0 !important;; border-radius:0 0 10px 10px; margin:0 auto; width:312px;}
#topnav ul li a{ padding:22px 10px 19px 10px; border-right:1px solid #fff; float:left; margin-top:-20px;}
#topnav ul li:nth-child(3) a { border-right: medium none; background:url(../images/a3.png) no-repeat  center 4px;}
#topnav ul li:nth-child(2) a { background:url(../images/a2.png) no-repeat  center 4px;}
#topnav ul li:first-child a { background:url(../images/a1.png) no-repeat  center 4px;}
#topnav li { padding:0;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:480px) {
body 							{ -webkit-text-size-adjust: none; margin:0 5px; }
#logo { padding:0;}
#main    						{ width:100% !important; }
.caption br{ display:none;}
.phase1 {width: 100% !important;}
#left {height: 182px;}
.caption{ font-size: 17px; padding:143px 13px 0 0;}
#footer {padding: 10px 0 0;}
#topnav {  margin:0 auto; width:312px;}
.leftcontent { margin:0;}
.rightcontent br { display:none;}


}