
@media only screen and (max-width:991px){ 
    .benifites-in ul{margin: 0 -10px;}
    .benifites-in ul li{padding: 0 10px;}
}

@media only screen and (max-width:850px){ 
    .container{max-width: 100%;padding: 0 15px;}
    .header-in{padding: 15px 0;}
    .vision-in,.benifites-in,.position-in{padding: 40px 0;}
     h1{font-size: 54px;line-height: 56px;}
     h2{font-size: 45px;line-height: 48px;}
    .senior-bk{padding: 0;}
    .senior-in{padding: 30px 0 0 0 ;}
    .summary .container{padding: 0;}
    .form-group label{line-height: 17px;}

}
@media only screen and (max-width:767px){ 
    nav{display: none;}
    .open .sidebar{display: block;}
    #nav-icon1{display: block;}
    .header-in{position: relative;}
    .sidebar nav{display: block;text-align: center;padding: 34px 0;}
    .open .sidebar {right: 0;}
    .open .wrapper {left: -250px;position: relative;}
    nav ul li{padding: 0 0 15px 0;}
    nav ul li a{color: #fff;}
    nav ul li a:hover, nav ul li a:focus{color: #fff;}
    h1{font-size: 50px;line-height: 54px;}
     h2{font-size: 40px;line-height: 44px;}
    .banner-cont{max-width: 100%;}
    .benifites-in ul li{padding-bottom: 20px;}
    .account-main h5{line-height: 20px;}
    .position-in ul li{padding: 0 26px 11px 0;}
    .vision-in,.benifites-in,.position-in{padding: 30px 0;}
    .apply{max-width: 100%;}
}
@media only screen and (max-width:579px){ 
    h1{font-size: 40px;line-height: 45px;}
     h2{font-size: 35px;line-height: 38px;}
    .banner-bk p{font-size: 18px;line-height: 22px;}
    .benifites-in ul{margin: 0;}
    .benifites-in ul li{padding: 0 0 20px 0;}
    
}
@media only screen and (max-width:479px){ 
    h1{font-size: 38px;line-height: 44px;}
      h2{font-size: 30px;line-height: 32px;}

}