@media screen and (min-width:1178px) { 
footer{ position:fixed; bottom:0; width:100%;}
.placard-section{ position:fixed; bottom:30px; width:100%;}
}
@media screen and (max-width:1920px) { }

@media screen and (max-width:1367px) { }

@media screen and (max-width:1199px) { 
.our-mission-bg{font-size: 18px; line-height: 24px;  min-height: 234px;}
.our-mission-bg h1{font-size: 25px;}
.login-bg{ height:236px;}
.login-bg h2{ margin-bottom:15px;}
}

@media screen and (max-width:1024px) { }

@media screen and (max-width:980px) { 
.our-mission-bg{font-size: 15px; line-height: 26px; min-height: 235px; padding: 10px;}
.our-mission-bg h1{ font-size:20px;}
.login-bg{ height:236px;}
.login-bg h2{ margin-bottom:10px; font-size:20px;}
.login-bg .form-group{ margin-bottom:5px;}
.banner-img img{ height:235px;}
}

@media screen and (max-width:800px) { }

@media screen and (max-width:767px) {
header{ padding-top:10px;}
.myhr-logo{ display:block; margin-top:15px;}
.padd-right-res{ padding-right:15px;}
.padd-left-res{ padding-left:15px;}
.padd-left-res5{ padding-left:5px;}
.login-bg{ margin-top:15px; height:290px;}
.banner-img{ display:none;}
}

@media screen and (max-width:640px) {
.our-mission-bg{ min-height:inherit;}
}

@media screen and (max-width:480px) { }

@media screen and (max-width:360px) {
	
 }

@media screen and (max-width:320px) { }