@media (min-width: 576px) { 
}
@media (max-width: 767px) {
    .ps-row2{ flex-direction: column-reverse;}
    .co-box{ margin-bottom: 10px;}
    .points-section .media{ margin-bottom: 30px;}
    .points-section .row.pt-5{ padding-top: 0px !important;}
    .eBenefits.mb-5{ margin-bottom: 20px !important;}
    .eBenefits{ margin-bottom: 20px;}
    .cofield-box .co-field span{ padding-left: 5px;}
    
}
@media (max-width: 991px) {
    .footer{ text-align: center;}
    .footer-btm .social{ padding: 10px 0px;}
    .ftr-links{ padding-top: 10px;}
}    

@media (min-width: 768px) {
    .equal-height {display: flex;}
    .home-banner h1{ font-size: 40px;}
    .home-banner h1 span{ display: block;}  
    .step-box .stxt h3 span{ display: block;}
    .step-box .spoint{ display: flex; flex-direction: column-reverse; align-items: start; justify-content:start;}
    .step-box {min-height: 220px;} 
    .step-box .spoint .stxt{ margin-top: 10px;}
    .employer-section .emp-rht {display: flex; align-items: flex-end;}
    .cofield-box .co-field{ margin-bottom: 5px;}
    .cofield-box .co-field span{ display: block;}
}

@media (min-width: 992px) {
    .sp-50{ padding: 50px 0px;}
    h2{ font-size: 40px; font-weight: 700;}
    .bleft{ padding-top: 50px;}
    .ftr-links li{ padding: 0px 10px;}
    .footer-btm .social a{ padding: 0px 20px 0px 0px;}
    .step-box {min-height: 180px;} 
    .ps-box h3{font-size: 18px; padding-bottom: 30px;}
    .ps-box p{font-size: 14px; }
    .points-section h2{padding-bottom: 50px;}
    .points-section .row.pt-5{ padding-top: 80px !important;}

}

@media (min-width: 1200px) {
    .home-banner h1{ font-size: 60px;}
    .ftr-links li{ padding: 0px 15px;}
    .step-box .spoint{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
    .step-box {min-height: 125px;} 
    .step-box .spoint .stxt{ margin-top: 0px;}
    .cofield-box{ display: grid; grid-template-columns: auto auto; grid-gap: 20px;}
    .cofield-box .co-field span{ display: block;}
    .points-section .media-body { padding-right: 10%;}
    .points-section .media-body.last { padding-right: 0;}
    .emp-rht{ position: relative;}
    .emp-rht img{ position: absolute; top: -90px;} 
    .employer-section .emp-rht {display: unset;}
    .eBenefits{ padding-right: 20%;}
    .eBenefits.mb-5{ margin-bottom: 80px !important;}
    .emp-page .emp-rht img{ position: relative; margin-top: -90px; width: 400px; top: unset;}
}