.zero-margin1 { width: 75% !important;}
div.success_msg_wrap2 { color: #4fbb4a ; display: inline-block ;font-size: 15px; font-style: italic ; padding: 10px 0 10px 25px;padding-bottom: 20px;}
ul#masonaryid { float: left; margin: 0; padding: 0; width: 100%;}
fieldset { border: medium none; margin: 0; padding: 0;}
.col-md-6 {  margin-left: 2%;  margin-right: 2%;  padding: 0 !important;  width: 46%;}
.col-lg-5, .col-lg-7, .col-lg-6 {  margin:5px 0;padding: 0; margin-right:10px;}
.submitButton { background-color: #1F3C68; border: medium none; bottom: 50px; color: #fff; cursor: pointer; font-family: Open Sans; font-size: 15px;  font-weight: bold;  margin-top: 10px; padding: 5px 30px; width:auto; float:right;  }
.submitButton:hover{background-color: #1F3C68;}
.rowMainWrap{clear:left; background-color:#F1F4F7; overflow:hidden; padding:20px 25px}
.loginWrap {color: #ffffff;font-size: 16px; font-weight: bold; position: absolute; right: 60px; top: 150px; text-decoration:none;}
.loginWrap a{color: #ffffff;text-decoration:none;}
.col { border-left-width: 0px;}
@media screen and (max-width: 320px) {	
	.zero-margin1 { width:98%!important;}
	.loginWrap { top: 74px; right:40px;	}
}
	@media screen and (max-width: 360px) {
	
	.loginWrap { top: 74px; right:40px;
	}
	
}
	@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
	.loginWrap { top: 115px; right:60px;	}
	.col { border-left-width: 12px;}
	.col-md-6 {width:100%;}
}
	
	@media screen and (max-width: 980px) {
	.col-lg-3 { width: 25%;}
	}	
}
.div_100{float:left; width:100%; margin:5px 0;}
.div_40{float:left; width:40%; margin:5px 0;}
.error_msg{font-weight:bold; color: red; display: block;font-size: 13px;}
ul#masonaryid li.mainContent { /*box-shadow: 0 0 4px -1px #0068ad;*/ list-style: outside none none;}
.mainContent {float: left; margin-bottom: 10px; margin-top: 10px; padding: 1%; width: 100%;}


/*.btn {font-size: 12px !important;}
.btn-info { background-color: #1F3C68 !important; border: medium none;border-radius: 0 !important; color: #fff;float: left; margin:0px 0 10px 0; padding: 10px; width: auto;}*/
.btn-info { background-color: #1F3C68 !important; border: medium none; border-radius: 0 !important; color: #fff; float: left; font-weight: bold; margin: 10px 0; max-width: 250px;
padding: 5px 30px;}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) {
    .row {margin-left: 0; margin-right: 0; }
    .container {padding: 0px 20px;}
    .col-xs-12{ width: 96%;margin-right: 2%; margin-left: 2%;}
}
.buttons { bottom: 0; float: left;   margin: 0 0px 0 239px;  width: auto;}
.box-padding{padding: 1%; margin-top: 0px;}

.fbtn-info {
    background-color: #006db6 !important;
    border-radius: 0px !important;
    border: medium none;
    color: #fff;
    float: left;
    padding: 5px 30px;
    font-weight: bold;
    max-width: 302px;
    margin: 10px 0px 10px 0;
    height: 40px;
	width:271px;
}

.frbtn-info {
    background-color: #006db6 !important;
    border-radius: 0px !important;
    border: medium none;
    color: #fff;
    float: left;
    padding: 5px 30px;
    font-weight: bold;
    max-width: 302px;
    margin: 10px 0px 10px 5px;
    height: 40px;
	width:186px;
}

.error_msg_wrap{color:red;font-weight:bold;}
.row { margin-right:0px;
}
span.errorAlert {
    color: #ff0000 !important;
    display: inline-block !important;
    font-size: 13px !important;
    font-style: italic !important;
    padding: 0 0 3px 22px !important;
	font-weight:normal;
}
.padding-zero{padding-right: 0;}

.header, .footer, .related_content { 
    width: 99%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
	.zero-margin1{width:100%!important;}
	.row .col:first-child { margin-left: 4px;}
	.col-xs-12 {width:99%;}
	.col {   border-left-width: 12px;}
	.col-lg-5, .col-lg-7, .col-lg-6 {  margin-bottom: 5px;  margin-top: 10px;}
	.header, .footer, .related_content { width: 99%;}
	.forgotpassword-wrap {  width: 99%; margin:0 auto; }
	.mainContent{width:100%;}
	
}

.forgotpassword-wrap{clear:left; background-color:#F1F4F7; overflow:hidden; width:99%;  padding: 10px 10px 20px;}



@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) {
.row .col:first-child { margin-left: 12px;}
.header, .footer, .related_content { width: 96%;}
.forgotpassword-wrap {  width: 98%;}
}