@media (max-width: 767px) {

    h3 {
        font-size: 1.35rem;
    }

    body {
        padding-top: 83px;
    }

    .headerRight .socailArea ul {
        display: none;
    }
    
    .logoArea img {
        max-width: 160px;
    }
    
    .menuArea {
        display: none;
    }

    .socailArea {
        margin: 0px;
    }

    .socailArea .call {
        justify-content: flex-end;
        gap: 5px;
        font-size: 0px;
    }

    .socailArea .call a {
        font-size: 1rem;
    }

    .subbanner .col {
        width: 100%;
        padding: 0px;
    }

    .bannerSlider .item .live {
        font-size: 1rem;
    }

    .bannerSlider .item .live span {
        padding: 7px 15px;
    }

    .bannerSlider .item h1 {
        font-size: 1.5rem;
    }

    .bannerSlider .container {
        padding-top: 80px;
        padding-bottom: 30px;
    }

    .bannerSlider .item .skillImg {
        margin: 0 auto 25px auto;
        padding: 0 30px;
    }

    .bannerSlider .price {
        bottom: 180px;
        top: auto;
        right: 15px;
        font-size: 1rem;
        width: 130px;
        height: 130px;
    }

    .contactArea .image {
        width: 100%;
        order: 3;
    }

    .contactArea .image img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .contactArea .contactForm {
        width: 100%;
        order: 2;
        margin-bottom: 20px;
    }

    .contactArea .container .titleSec {
        order: 1;
    }

    .contactArea .container .titleSec {
        order: 1;
    }

    .contentArea .underContent {
        column-count: 1;
    }
    
    .benifitsArea {
        padding: 40px 0;
    }

    .benifitsArea p {
        padding: 0;
    }

    table {
        font-size: 0.85rem;
    }

    table th, table td {
        padding: 8px 10px;
    }

    table th {
        font-size: 1rem;
        padding: 15px 10px;
    }

    .contactArea {
        padding: 30px 0;
    }

    .contentArea {
        padding: 40px 0;
    }

    .syllabusArea .container {
        justify-content: center;
        gap: 15px;
    }

    .syllabusArea h2 {
        text-align: center;
    }

    .footerWrapper {
        padding: 30px 0;
    }

    .footerWrapper .col {
        width: 100%;
    } 

    .footerWrapper .container {
        flex-wrap: wrap;
        gap: 30px;
    }

    .footerWrapper .socailArea {
        margin: 0px;
    }

    .footerWrapper .socailArea .call {
        gap: 5px;
        justify-content: flex-start;
        gap: 0 15px;
    }

    .contactArea .btnC {
        float: right;
        clear: both;
    }
  

}