@media only screen and (max-device-width: 768px) {
    #s1 { height: 425px; }
    #s1 .inner { margin-top: 40px; }
    #s1 h4 { font-size: 32px; }
    #s1 p {  }

    #s2 { padding: 70px 0; }
    #s2 p { }
    #s2 .services { padding: 35px 50px; }
    #s2 .services h4 { font-size: 32px; }
    #s2 .services p { font-size: 21px; }
    #s2 .services ul { font-size: 22px; }
    #s2 .ass a { font-size: 22px; }

    .s3 { padding: 60px 0; }
    .s3 .intro h4 { font-size: 35px; }
    .s3 .list p {  }
    .s3 .list .item { padding: 20px; width: 45%; }
    .s3 .list .item a { font-size: 17px; }

    #s4 { padding: 50px 0 65px }
    #s4 p { font-size: 21px; }

    .pg-public-courses a.btn.btn-custom.btn-purple { width: 100%; font-size: 21px; }

    .pg-courses-details #s1 { height: 350px; padding-bottom: 160px; }
    .pg-courses-details #s1 h4 { width: 70%; font-size: 32px; }
    .pg-courses-details #details-s2 p { font-size: 21px; }
    .pg-courses-details #details-s2 a.link { font-size: 21px; }
    .pg-courses-details #details-s2 .col-xs-12 { margin: 20px auto; }
    .pg-courses-details #details-s2 .col-xs-6.col-sm-8 { width: 100%; margin-bottom: 80px; }
    .pg-courses-details #details-s2 .col-xs-6.col-sm-4 { width: 70%; margin-bottom: 0px; }
    .pg-courses-details #details-s2 .col-xs-6.col-sm-4 p { font-size: 24px; }
    .pg-courses-details #details-s2 table td { font-size: 21px; }
    .pg-courses-details button.btn.btn-custom.btn-blue { width: 100%; }
    .pg-courses-details .modules { width: 80%; }

    .courses-table .mobile { display: block; }
    .courses-table.container { width: 95%; }
    .courses-table #purchased-btn { width: 100%; margin-bottom: 50px; }
    .courses-table table td { font-size: 28px; }
    .courses-table table td.more { display: none; }
    .courses-table .mobile { padding-bottom: 20px; }
    .courses-table .mobile .btn.btn-blue.btn-custom { font-size: 25px; }
}