@media screen and (max-width: 768px) {
    .hero-wrap, .hero-wrap .overlay, .slider-text {
        height: inherit;
    }
    .hero-wrap {
        padding-top: 70px;
        padding-bottom: 70px;
        background-position: unset !important;
    }

    .hero-wrap .overlay {
        opacity: 0.6;
    }
    .logo {
        max-width: 80px;
    }

    .ftco-degree-bg:after, .ftco-degree-bg:before {
        
height: 160px;
        
bottom: -11px;
    }

    footer.ftco-degree-bg:after, footer.ftco-degree-bg:before {
        height: 100px !important;
        bottom: -52px !important;
    }

   .services-section {
       padding-left: 40px;
       padding-right: 40px;
   }

   .footer {
       height: inherit;
   }

}