@media screen and (max-width: 1919px) and (min-width: 1801px) {
    .container{
       max-width: 1388px;
    }
    .clusbtn em{
        font-size: 1vw !important;
    }
    .cont{
        grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)) !important;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1562px)  {
    .cont {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 20px;
}
}

@media only screen and (min-width: 1910px) {
    #submenu .menu-arrow::after{
        transform: translateY(-15%);
    }

    .course-grid{
        min-height: 665px;
    }

    .rockman {
        transform: translate(-600px, 245px);
    }

    .event-details .event-row-right p{
        margin-top: 24px;
    }

    .event-details .event-row p{
        margin-top: 24px;
    }
}

@media screen and (max-width: 1800px) and (min-width: 1621px) {
    header .clusbtn em{
        font-size: 1vw;
    }
}

@media only screen and (max-width: 1620px) {

    .rockdetl {
        margin-right: 20px;
    }

    .relaxgame img {
        max-width: 1000px;
    }

    .course-design h6 {
        margin-top: 26px;
    }

    .demaocontent .rockman{
        transform: translate(-260px, 160px);
    }

    .demaocontent .rockman img{
        width: 80%;
    }
    
}


@media only screen and (max-width: 1200px) {

    /* homepage start*/

    .clusbtn em{
        font-size: 1vw;
    }

    .about-home .container {
        top: -11%;
    }

    .curse-info {
        padding: 0;
    }

    .relaxgame {
        left: -19%;
    }

    .relaxgame img {
        max-width: 82%;
    }

    .institute-add-class .relaxgame {
        left: -1%;
    }

    .events-img {
        display: none;
    }

    .evntlgo {
        width: 145px;
        height: 115px;
        flex: 0 0 112px;
        border-radius: 67px 0 67px 67px;
        overflow: hidden;
        background: #D9D9D9;
    }

    .event-info {
        gap: 0;
    }

    .evntdtls {
        margin-left: 5px;
    }

    .evntdtls h6 {
        font-size: 16px;
        font-weight: 100;
    }

    .rockdetl {
        max-width: 430px;
        margin-right: 0;
    }

    .rkcoinpic {
        right: -15%;
    }

    .rkcoinpic img {
        width: 50%;
    }

    .rockdetl h3 {
        font-size: 38px;
    }

    .plcmntpic {
        height: 150px;
        width: 150px;
    }

    .lenceclk {
        width: 250px;
        height: 250px;
        left: -8px;
    }

    .banner-bg {

        height: 1350px;
    }

    .moonbook {
        position: absolute;
        left: 9%;
        top: -78%;
    }

    .headtop .container {
        max-width: 963px;
    }

    .baner-content {
        position: absolute;
        top: 18%;
        left: 0;
        width: 100%;
    }

    .bnrtxt h2 {
        background: -webkit-linear-gradient(51deg, #F2B018, #F22518 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
        line-height: 55px;
        margin-bottom: 16px;
        text-transform: uppercase;
        font-size: 43px;
        font-family: "Merriweather", serif;
    }

    .callfrom {
        background: linear-gradient(0deg, rgba(20, 25, 44, 0.9), rgba(20, 25, 44, 0.9)), linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);
        box-shadow: 0px 9px 38px 0px #666E8D4D inset;
        border-radius: 40px;
        padding: 30px;
        position: relative;
        z-index: 1;
    }

    .abutop {
        bottom: 1%;
    }

    .about-home {
        background-color: #be2329;
        position: relative;
        height: 920px;
        top: -14px;

    }

    /* about-page start */





    .about-bg img {
        height: 500px;
    }

    .about-cont {
        top: 40%;
        left: 6%;
    }

    .about-cont h1 {
        font-size: 40px;
        margin-bottom: 0;
    }

    .about-cont p {
        font-size: 40px;
    }

    .about-man {
        top: 36%;
        right: 18%;
    }

    .about-man img {
        max-width: 250px;
    }

    .footer-link ul li {
        width: 25%;
    }

    .about-design h6 {
        font-size: 13px;
        margin-top: 20px;
        padding-left: 18px;
    }

    .about-design .container {
        max-width: 842px;
    }

    .about-us {
        margin-top: 110px;
        padding: 26px;
    }

    .about-us h3 {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }

    .about-us p {
        font-size: 18px;
    }

    .about-us .row:nth-child(2) .col-md-4 {
        margin: 16px 0;
    }

    .about-us .row:nth-child(2) .col-md-4 img {
        max-width: 400px;
    }

    .about-us .row:nth-child(3) {
        margin-bottom: 0;
    }

    .quality-education {
        margin-top: 52px;
        padding: 26px;
    }

    .quality-education .row {
        align-items: center;
    }

    .quality-education h3 {
        font-size: 1.8rem;
    }

    .quality-education p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .quality-education .container {
        background-position: center;
    }

    .quality-img .col-md-10 {
        margin-left: 0;
    }

    .quality-education .quality-img {
        margin-bottom: 30px;
    }

    .animate {
        margin-top: 80px;
        width: 100%;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .animate::before {
        visibility: hidden;
    }

    .animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .my-enrolbtn a {
        font-size: 12px;
        padding: 5px 10px;
        height: 50px;
    }

    .my-enrolbtn a span img {
        max-width: 23px;
        margin-top: 11px;
    }

    .my-enrolbtn a span i {
        max-width: 18px;
        margin-bottom: 8px;
    }

    .animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .animate-girl .animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 36%;
    }

    .footer-pic img {
        max-width: 100px;
    }

    .flyman {
        left: 6%;
    }

    /* about-page end */

    /* maac-course-sec satr */

    .sw-bg img {
        height: 500px;
    }

    .sw-cont h1 {
        font-size: 40px;
    }

    .sw-cont p {
        font-size: 40px;
    }

    .sw-cont {
        top: 40%;
        left: 6%;
    }

    .sw-man img {
        max-width: 250px;
    }

    .sw-man {
        top: 34%;
        right: 14%;
    }

    .sw-man-object img {
        width: 60px;
    }

    .sw-man-object {
        top: 35%;
        right: 18%;
    }

    .all-center {
        margin-top: 80px;
    }

    .all-center h2 {
        font-size: 46px;
        line-height: 80px;
    }

    .all-center h6 {
        padding: 0;
    }

    .student-work h3 {
        font-size: 30px;
    }

    .adplus {
        width: 85%;
        margin: 100px 80px;
    }

    .vr-man {
        top: 4%;
        left: 3%;
    }

    .vr-man img {
        max-width: 500px;
    }

    .course-cont h1 {
        font-size: 40px;
        margin-bottom: 0;
    }

    .course-cont p {
        font-size: 40px;
    }

    .course-cont {
        top: 37%;
        left: 8%
    }

    .coures-car {
        max-width: 400px;
    }

    .course-bg img {
        height: 500px;
    }

    .course-cut {
        bottom: 27%;
    }

    .course-man {
        top: 30%;
    }

    .course-design h6 {
        padding: 18px 0;
    }

    .course-menu h3 {
        font-size: 35px;
    }

    .nav-tabs {
        margin: 0 160px;
        justify-content: space-evenly;
    }

    .tab-menu a {
        font-size: 16px;
    }

    .specialization h3 {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }

    .std-enquery h3{
        font-size: 1.8rem;
        margin-bottom: 30px;
    }


    .specialization h4 {
        font-size: 30px;
        line-height: 42px;
    }

    .adplus::after {
        width: 147px;
        height: 116px;
        top: -15%;
        background-size: contain;
    }

    /* maac-course-sec end */

    .demo {
        width: 94%;
        margin: 80px 30px;
    }

    .testi-man img {
        max-width: 270px;
    }

    .testi-man {
        top: 33%;
    }

    .event-bg img {
        height: 500px;
    }

    .event-cont h1 {
        font-size: 40px;
    }

    .event-cont p {
        font-size: 40px;
        line-height: 32px;
    }

    .event-cont {
        top: 40%;
        left: 6%;
    }

    .event-man {
        position: absolute;
        top: 15%;
        right: 0%;
    }

    .event-man img {
        max-width: 500px;
    }

    .event-row-right .click-here {
        margin-left: 55%;
    }

    .image-title h5 {
        font-size: 16px;
    }

    .image-title-two h5 {
        font-size: 16px;
    }

    .event-details .event-row-right p {
        font-size: 20px;
        line-height: 32px;
    }

    .event-details .event-row p {
        font-size: 20px;
        line-height: 32px;
    }

    .image-title-four h5 {
        font-size: 16px;
    }


    .placement-man img {
        max-width: 400px;
    }

    .placement-man {
        position: absolute;
        top: 26%;
        right: 8%;
        z-index: 1;
    }

    .placement-man-object img {
        width: 60px;
    }

    .placement-man-object {
        position: absolute;
        top: 42%;
        right: 16%;
        z-index: 1;
    }

    .job-open h3 {
        font-size: 30px;
    }

    .job-open p {
        font-size: 20px;
    }

    .company h3 {
        font-size: 30px;
    }

    .company p {
        font-size: 20px;
        line-height: 32px;
    }

    .company .company-logo img {
        max-width: 100px;
    }

    .placement-bg img {
        height: 500px;
    }

    .placement-cont {
        top: 42%;
        left: 6%;
    }

    .placement-cont h1 {
        font-size: 40px;
    }

    .placement-cont p {
        font-size: 40px;
    }


    .achive-bg img {
        height: 500px;
    }

    .achive-cont {
        top: 42%;
        left: 6%;
    }

    .achive-cont h1 {
        font-size: 40px;
    }

    .achive-cont p {
        font-size: 40px;
        line-height: 32px;
    }

    .achive-man {
        top: 28%;
        right: 8%;
    }

    .achive-man img {
        max-width: 400px;
    }

    .fps-achivement::after {
        width: 135px;
        background-size: contain;
        top: -17%;
        left: -10%;
    }

    .fps-achivement h3 {
        font-size: 1.8rem;
    }

    .fps-achivement p {
        font-size: 19px;
        line-height: 40px;
    }

    .fps-achivement .row:nth-child(2) {
        margin-top: 0;
    }

    .fps-trophy img {
        max-width: 135px;
    }

    .fps-trophy {
        top: -26%;
        right: 0;
    }

    .gurukul-award p {
        font-size: 20px;
        line-height: 34px;
    }

    .awards-list .red-bg {
        font-size: 14px;
        padding: 10px 12px;
    }

    .awards-list .yellow-bg {
        font-size: 14px;
    }

    .achive-trphy {
        width: 94%;
        margin: 100px 30px;
    }

    .winner img {
        max-width: 300px;
    }

    .achive-trphy::after {
        width: 100px;
        background-size: contain;
        top: -15%;
        left: 36%;
    }



    .callus-cont {
        width: 87%;
        top: 32%;
    }

    .call-character img {
        max-width: 400px;
    }

    .call-character {
        position: absolute;
        top: 31%;
        right: 6.5%;
        z-index: 1;
    }

    .callus-cont .call-head {
        padding: 20px;
    }

    .callus-cont .call-head h2 span {
        font-size: 40px;
    }

    .callus-cont .call-head h2 {
        font-size: 40px;
    }

    .callus-cont .call-head h5 {
        font-size: 17px;
    }

    .callus-cont .call-head p {
        font-size: 15px;
        line-height: 26px;
    }

    .center-switch a {
        font-size: 14px;
    }

    .placement-design h6 {
        margin-top: 56px;
    }

    #chowringhee h3 {
        font-size: 1.8rem;
    }

    #ultadanga iframe {
        width: 400px;
    }

    #rashbehari iframe {
        width: 400px;
    }

    #chowringhee iframe {
        width: 400px;
    }

    .ad-detail {
        margin-top: 60px;
    }

    .lenceclk h3 {
        font-size: 36px;
        line-height: 37px;
    }

    .testimonail-inner .owl-carousel .owl-nav {
        left: -45px;
        right: -45px;
    }

    .howWrkBtn {
        font-size: 20px;
        line-height: 0;
    }

    .rockdetl p {
        line-height: 28px;
    }

    .event-topic {
        margin: 50px 0 0;
    }

    .month-student-show h4 {
        font-size: 24px;
    }

    .month-student-show p {
        font-size: 24px;
    }

    .testi-vr-man {
        top: 0;
    }

    .testi-vr-man img {
        max-width: 300px;
    }

    .demaocontent .rockman{
        transform: translate(-200px, 120px);
    }

    .voice::after{
        background-repeat: no-repeat;
        width: 70px;
        left: 16%;
    }

}

@media only screen and (max-width: 992px) {

    /* homepage start*/

    .about-home .container {

        top: -10%;

    }

    .bnrtxt h6 {
        font-size: 21px;
    }

    .bnrtxt h2 {
        font-size: 36px;
    }

    .bnrtxt h4 {
        font-size: 20px;
    }

    .banner-bg {

        height: 1350px;
    }

    .moonbook {
        position: absolute;
        left: 9%;
        top: -78%;
        z-index: 1;
    }

    .headtop .container {
        max-width: 963px;
    }

    .baner-content {
        position: absolute;
        top: 13%;
        left: 0;
        width: 100%;
    }

    .bnrtxt h2 {
        background: -webkit-linear-gradient(51deg, #F2B018, #F22518 94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
        line-height: 48px;
        margin-bottom: 16px;
        text-transform: uppercase;
        font-size: 36px;
        font-family: "Merriweather", serif;
    }

    .callfrom {
        background: linear-gradient(0deg, rgba(20, 25, 44, 0.9), rgba(20, 25, 44, 0.9)), linear-gradient(137.22deg, rgba(62, 70, 103, 0.3) 3.59%, #687092 54.19%, rgba(62, 70, 103, 0.41) 100%);
        box-shadow: 0px 9px 38px 0px #666E8D4D inset;
        border-radius: 40px;
        padding: 30px;
        position: relative;
        z-index: 1;
    }

    .abutop {
        bottom: 1%;
    }

    .about-home {
        position: relative;
        height: 1472px;
    }

    .customRadio input[type="radio"]+label:before {
        width: 16px;
        height: 16px;
    }

    .curse-info {
        position: relative;
        padding: 15px 11px;
    }

    .curse-info {
        padding: 0;
    }

    .curse-info h5 {
        font-size: 20px;
    }

    .curse-info p {
        font-size: 14px;
    }

    .demaocontent {
        justify-content: center;
        text-align: center;
    }

    .evntdtls {
        margin-left: 16px;
    }

    .testimonial-img {
        display: none;
    }

    .mtop {
        min-height: 1800px;
    }

    .adress-inner a {
        font-size: 20px;
        font-weight: bolder;
    }

    .secndadrs {
        right: 112%;
    }

    .ultocls .adrsbx {
        top: -22%;
        right: -12%;
    }

    .customRadio input[type="radio"]+label:after {
        width: 8px;
        height: 8px;
        top: 4px;
        left: 4px;
    }

    .customRadio input[type="radio"]+label {
        position: relative;
        padding: 0 0 0 20px;
        cursor: pointer;
        font-size: 10px;
    }

    .radio-slct {
        display: flex;
        gap: 6px;
        margin-bottom: 20px;
    }

    .getfrom input {
        font-size: 15px;
    }

    .callfrom p {
        font-family: 'Inter', sans-serif;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 1px;
        color: #fff;
    }

    .callfrom h4 {
        font-size: 30px;
        margin-bottom: 0;
    }

    .getfrom button {
        font-size: 14px;
    }

    .getfrom button span {
        width: 26px;
        height: 26px;
        font-size: 12px;
        line-height: 26px;
        margin: 0 auto;
    }

    .moonbook img {
        max-width: 200px;
    }

    .about-home .container {
        top: 0%;
    }

    .abutcontent h3 {
        font-size: 32px;
    }

    .abutcontent h2 {
        font-size: 42px;
    }

    .abutcontent p {
        font-size: 16px;
    }

    .abutcontent p:last-child {
        padding-bottom: 20px;
    }

    .rkcoinpic {
        visibility: hidden;
    }

    .rkcrub {
        visibility: hidden;
    }

    .relaxgame {
        visibility: hidden;
    }

    .rockdetl p {
        line-height: 23px;
        font-size: 14px;
    }

    .rockdetl a span>img {
        max-width: 30px;
    }

    .rockdetl a span i img {
        max-width: 23px;
    }

    .rockdetl a span {
        height: 38px;
    }

    .placement-sec {
        display: none;
    }

    .event-inner em {
        display: none;
    }

    .event-topic {
        margin: 50px 0;
    }

    .evntdtls h6 {
        letter-spacing: 1px;
    }

    .mnymore p {
        line-height: 42px;
        font-size: 28px;
    }

    .mmstudntpic {
        width: 215px;
        height: 215px;
    }

    .achivment-btn a {
        margin: 20px 0;
        font-size: 16px;
    }

    .achivment-btn span i img {
        max-width: 20px;
    }

    .achivment-btn a img {
        max-width: 30px;
    }

    .achivment-btn span {
        height: 40px;
    }

    .mapviw {
        display: none;
    }

    .flyman {
        display: none;
    }

    .mark1 {
        display: none;
    }

    .mtop img {
        display: none;
    }






    /* about-page start */





    .about-bg img {
        height: 365px;
    }

    .about-cont {
        top: 40%;
        left: 6%;
    }

    .about-cont h1 {
        font-size: 40px;
        margin-bottom: 0;
    }

    .about-cont p {
        font-size: 40px;
    }

    .about-man {
        top: 35%;
        right: 17%;
    }

    .about-man img {
        max-width: 250px;
    }

    .about-design h6 {
        font-size: 13px;
        margin-top: 20px;
        padding-left: 18px;
    }

    .about-design .container {
        max-width: 842px;
    }

    .about-us {
        margin-top: 40px;
        padding: 26px;
    }

    .about-us h3 {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }

    .about-us p {
        font-size: 18px;
    }

    .about-us .row:nth-child(2) .col-md-4 {
        margin: 16px 0;
    }

    .about-us .row:nth-child(2) .col-md-4 img {
        max-width: 400px;
    }

    .about-us .row:nth-child(3) {
        margin-bottom: 0;
    }

    .quality-education {
        margin-top: 52px;
        padding: 26px;
    }

    .quality-education .row {
        align-items: center;
    }

    .quality-education h3 {
        font-size: 1.8rem;
    }

    .quality-education p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .quality-education .container {
        background-position: center;
    }

    .quality-img .col-md-10 {
        margin-left: 0;
    }

    .quality-education .quality-img {
        margin-bottom: 30px;
    }

    .animate {
        margin-top: 80px;
        width: 720px;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .animate::before {
        visibility: hidden;
    }

    .animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .my-enrolbtn a {
        font-size: 12px;
        padding: 5px 10px;
        height: 50px;
    }

    .my-enrolbtn a span img {
        max-width: 33px;
        margin-top: 11px;
    }

    .my-enrolbtn a span {
        margin: 0;
    }

    .my-enrolbtn a span i {
        max-width: 18px;
        margin-bottom: 8px;
    }

    .animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .animate-girl .animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 36%;
    }

    .footer-pic img {
        max-width: 100px;
    }

    .footer-link ul li {
        width: 48%;
    }

    .footercontainer .footersocial a {
        margin-right: 8px;
    }

    .footercontainer .footersocial {
        text-align: left;
    }

    /* about-page end */
    /* maac-course-sec satrt */

    .sw-bg img {
        height: 500px;
    }

    .sw-cont h1 {
        font-size: 40px;
    }

    .sw-cont p {
        font-size: 40px;
    }

    .sw-cont {
        top: 40%;
        left: 6%;
    }

    .sw-man img {
        max-width: 250px;
    }

    .sw-man {
        top: 30%;
        right: 13%;
    }

    .sw-man-object img {
        width: 60px;
    }

    .sw-man-object {
        top: 40%;
        right: 15%;
    }

    .logo {
        width: 100px;
        height: 100px;
    }

    .text {
        width: 75%;
        height: 75%;
    }

    .text span {
        font-size: 16px;
        transform-origin: 0 75px
    }

    .all-center {
        margin-top: 20px;
    }

    .all-center h2 {
        font-size: 36px;
        line-height: 55px;
    }

    .ab-curse-info {
        padding: 0;
    }

    .ab-curse-info a {
        padding: 8px;
        font-size: 16px;
        display: inline-block;
    }

    .all-center h6 {
        padding: 0;
    }

    .student-work h3 {
        font-size: 30px;
    }

    .adplus {
        width: 90%;
        margin: 40px;
    }

    .adplus .col-md-8 {
        display: none;
    }

    .adplus .col-md-4 {
        width: 100%;
        display: block;
    }

    .adplus-content {
        text-align: center;
    }

    .adplus::after {
        content: '';
        position: absolute;
        width: 122px;
        height: 115px;
        background: url(../images/rokcrub.png) no-repeat;
        top: -12%;
        left: 46%;
        transform: translate(-50%, 0);
        background-size: contain;
    }

    .vr-man img {
        max-width: 400px;
    }

    .adplus h4 {
        font-size: 34px;
    }

    .adplus p {
        font-size: 14px;
    }

    .course-cont h1 {
        font-size: 40px;
        margin-bottom: 0;
    }

    .course-cont p {
        font-size: 40px;
    }

    .course-cont {
        top: 30%;
        left: 6%;
    }

    .coures-car {
        max-width: 300px;
    }

    .course-man {
        top: 45%;
    }

    .duration-para h2 {
        font-size: 36px;
    }

    .duration-para p {
        font-size: 18px;
    }

    .ad-detail .container .row {
        flex-direction: row-reverse;
    }

    .ad-detail .container .row .col-md-4 {
        padding: 0;
    }

    .ad-detail .duration i {
        font-size: 55px;
    }

    .my-enrolbtn a {
        font-size: 14px;
        line-height: 17px;
    }

    .ad-detail .duration {
        padding: 20px 22px;
    }

    .course-menu {
        background-color: #FFF3D8;
        margin-top: 80px;
        padding: 80px 0;
    }

    .course-menu h3 {
        font-size: 30px;
        line-height: 42px;
    }

    .std-enquery h5{
        font-size: 24px;
        line-height: 42px;
        padding: 0px;
    }

    .course-menu p {
        font-size: 16px;
    }

    .nav-tabs {
        margin: 0;
        font-size: 13px;
    }

    .tab-menu a {
        font-size: 14px;
        line-height: 18px;
    }

    .tab-menu a img {
        max-width: 26px;
        margin-right: 6px;
    }

    .tab-menu {
        padding: 10px;
    }

    .tab-content {
        padding: 16px 0 !important;
    }

    .tab-content .row .col-md-3 {
        margin: 10px 0;
    }

    .specialization h4 {
        font-size: 24px;
        line-height: 32px;
        padding: 0;
    }

    .coures-box {
        padding: 18px;
    }

    .coures-box h5 {
        font-size: 18px;
    }

    .coures-box h6 {
        font-size: 14px;
    }

    .coures-box p {
        font-size: 14px;
    }

    .specialization .col-sm-12 {
        margin: 10px 0;
    }

    .coures-option {
        margin-bottom: 50px;
    }

    .coures-option:nth-child(3) {
        margin-bottom: 0;
        padding-bottom: 140px;
    }

    .coures-option:nth-child(2) {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .coures-option:nth-child(1) {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .cores-option {
        padding-bottom: 120px;
    }

    .footer-pic .row .col-md-4 {
        width: 25%;
    }

    .footer-pic img {
        max-width: 100px;
    }

    /* maac-course-sec end */

    .about-bg img {
        height: 500px;
    }

    .testimonial-maac p {
        font-size: 20px;
    }

    .demo::after {
        background-size: contain;
        width: 100px;
        height: 100px;
        top: -10%;
    }

    .testi-man img {
        max-width: 200px;
    }

    .testi-man {
        top: 42%;
    }

    .event-bg img {
        height: 500px;
    }

    .event-man {
        position: absolute;
        top: 36%;
        right: 5%;
    }

    .event-man img {
        max-width: 300px;
    }

    .event-content h3 {
        font-size: 28px;
    }

    .event-content p {
        font-size: 18px;
        line-height: 32px;
    }

    .event-details h3 {
        font-size: 30px;
    }

    .event-row-right .click-here {
        margin-left: 35%;
    }

    .image-title h5 {
        font-size: 16px;
    }

    .image-title-two h5 {
        font-size: 16px;
    }

    .event-details .event-row-right p {
        font-size: 20px;
        line-height: 32px;
    }

    .event-details .event-row p {
        font-size: 20px;
        line-height: 32px;
    }

    .image-title-four h5 {
        font-size: 16px;
    }

    .sw-sec .placement-bg img {
        height: 500px;
    }

    .placement-man img {
        max-width: 400px;
    }

    .placement-man {
        position: absolute;
        top: 26%;
        right: 3%;
        z-index: 1;
    }

    .placement-man-object img {
        width: 60px;
    }

    .placement-man-object {
        position: absolute;
        top: 42%;
        right: 12%;
        z-index: 1;
    }

    .job-open h3 {
        font-size: 30px;
    }

    .job-open p {
        font-size: 20px;
    }

    .company h3 {
        font-size: 30px;
    }

    .company p {
        font-size: 20px;
        line-height: 32px;
    }

    .company .company-logo img {
        max-width: 100px;
    }



    .achive-bg img {
        height: 500px;
    }

    .achive-cont {
        top: 42%;
        left: 6%;
    }

    .achive-cont h1 {
        font-size: 40px;
    }

    .achive-cont p {
        font-size: 40px;
        line-height: 32px;
    }

    .achive-man {
        top: 34%;
        right: 3%;
    }

    .achive-man img {
        max-width: 380px;
    }

    .fps-achivement .col-md-4 {
        padding: 0 10px;
    }

    .fps-achivement::after {
        width: 120px;
        background-size: contain;
        top: -17%;
        left: -10%;
    }

    .fps-achivement h3 {
        font-size: 1.8rem;
    }

    .fps-achivement p {
        font-size: 19px;
        line-height: 40px;
    }

    .fps-achivement .row:nth-child(2) {
        margin-top: 0;
    }

    .fps-trophy img {
        max-width: 120px;
    }

    .fps-trophy {
        top: -18%;
        right: 1%;
    }

    .awards-list h3 {
        font-size: 28px;
    }

    .awards-list select {
        padding: 10px;
    }

    .winner {
        bottom: -1px;
    }

    .gurukul-award p {
        font-size: 20px;
        line-height: 34px;
    }

    .awards-list .red-bg {
        font-size: 14px;
        padding: 10px 12px;
    }

    .awards-list .yellow-bg {
        font-size: 14px;
    }

    .achive-trphy {
        width: 94%;
        margin: 100px 30px;
    }

    .winner img {
        max-width: 300px;
    }

    .achive-trphy::after {
        width: 80px;
        background-size: contain;
        top: -10%;
        left: 36%;
    }


    .callus-bg img {
        height: 500px;
    }

    .callus-cont {
        width: 87%;
        top: 32%;
    }

    .call-character img {
        max-width: 300px;
    }

    .call-character {
        position: absolute;
        top: 32%;
        right: 6.5%;
        z-index: 1;
    }

    .callus-cont .call-head {
        padding: 20px;
    }

    .callus-cont .call-head h2 span {
        font-size: 30px;
    }

    .callus-cont .call-head h2 {
        font-size: 30px;
    }

    .callus-cont .call-head h5 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .callus-cont .call-head h6 {
        font-size: 16px;
    }

    .callus-cont .call-head p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 36px;
    }

    .center-switch a {
        font-size: 14px;
        padding: 4px 8px;
        letter-spacing: 1px;
        font-weight: 500;
    }

    .placement-design h6 {
        margin-top: 56px;
    }

    #chowringhee h3 {
        font-size: 1.8rem;
    }

    #rashbehari h3 {
        font-size: 1.8rem;
    }

    #ultadanga h3 {
        font-size: 1.8rem;
    }

    #ultadanga iframe {
        width: 300px;
    }

    #rashbehari iframe {
        width: 300px;
    }

    #chowringhee iframe {
        width: 300px;
    }

    .submit-btw {
        margin-top: 2px;
    }

    .curse-info a {
        font-size: 18px;
    }

    .dremcmpny h4 {
        line-height: 64px;
    }

    .jewel-sec {
        padding-top: 0;
    }

    .champinfo h6 {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .clsbokbtn a {
        font-size: 14px;
        line-height: 22px;
    }

    .clsbokbtn a img {
        bottom: 6px;
    }

    .achivment-sec h2 {
        font-size: 52px;
        letter-spacing: 0;
    }

    .testi-vr-man {
        top: 28%;
    }

    .testi-vr-man img {
        max-width: 260px;
    }

    .achive-trphy h4 {
        font-size: 30px;
    }

    .testimonial-maac .col-md-8 {
        padding-left: 16px;
    }

    .video-car h2 {
        font-size: 28px;
    }

    .course-card p {
        font-size: 16px;
    }

    .fps-year img {
        width: 54px;
    }

    .rockman {
        display: none;
    }

    .how-it-inner .testimonial-hedng .rman {
        display: none;
    }

    .road {
        display: none;
    }

    .wb-l {
        margin-top: 10px !important;
        margin-left: 0 !important;
        flex-direction: column;
    }

    .wb-l:hover {
        padding-left: 0px !important;
        transform: scale(1);
    }

    .wb-r {
        margin-top: 10px !important;
        flex-direction: column-reverse;
        align-items: flex-end;
    }

    .wb-r:nth-child(2) {
        margin-top: 100px;
    }

    .wb-r:hover {
        padding-right: 0 !important;
        transform: scale(1);
    }

    .work-bx img {
        width: 160px;
    }

    .testimonial-hedng {
        margin-bottom: 0;
    }

    .howit-sec .row {
        margin: 0 20px;
    }

    .software .b-img {
        border-radius: 5px;
    }

    .quality-education img {
        border-radius: 5px;
    }

    .about-animate {
        margin-top: 80px;
        width: 100%;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .about-animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .about-animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .about-animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .about-animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .about-animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 60%;
    }

    .about-animate-girl .about-animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .about-animate::before {
        display: none;
    }

    .campus p {
        font-size: 18px;
    }

    .testi-vr-man {
        display: none;
    }

    .demo .col-md-6:nth-child(2) {
        width: 100%;
    }

    .demo-content {
        text-align: center;
    }

    .cut-bg{
        bottom: -3%;
    }

    .course-img img{
        width: 350px;
    }

    .course-img{
        top: 110%;
        right: 8%;
    }

    .curse-card .head-link{
        display: table;
        margin: 0 auto;
        font-size: 18px;
    }

    .base-course{
        margin-top: 40px !important;
    }

    .course-cut {
        bottom: 0%;
    }

    .headercontainer .headtop .fps-year{
        display: none;
    }

    .free-demo-class{
        margin-top: 0;
    }

    .student-wrk-sec{
        margin-top: 40px;
    }

    .recruiter{
        margin-top: 40px;
        margin-bottom: 0;
    }

    .testimonial-sec{
        margin: 40px 0;
    }

    .institute-add-class{
        padding: 40px 0;
    }
    .jewel-sec{
        margin-bottom: 40px;
    }
    .maac-champion{
        margin: 40px 0;
    }
    .weekly-sec{
        margin: 40px 0;
    }
    .software{
        margin-top: 40px;
    }

    .achivment-sec{
        margin: 40px 0;
    }

    .swiper-container{
        margin-top: 20px;
    }   
    
    .wklycls{
        margin-top: 32px;
    }

    .voice::after{
        background-repeat: no-repeat;
        width: 70px;
        left: 22%;
    }
}

@media only screen and (max-width: 767px) {

    /* about-page start */
    .about-bg img {
        height: 500px;
    }

    .about-cont {
        top: 40%;
        left: 6%;
    }

    .about-cont h1 {
        font-size: 40px;
        margin-bottom: 0;
    }

    .about-cont p {
        font-size: 40px;
    }

    .about-man {
        top: 40%;
        right: 18%;
    }

    .about-man img {
        max-width: 220px;
    }

    .about-design h6 {
        font-size: 13px;
        margin-top: 20px;
        padding-left: 18px;
    }

    .about-us {
        margin-top: 40px;
        padding: 20px;
    }

    .about-us h3 {
        font-size: 1.8rem;
        margin-bottom: 30px;
    }

    .about-us p {
        font-size: 18px;
    }

    .about-us .row:nth-child(2) .col-md-4 {
        margin: 16px 0;
    }

    .about-us .row:nth-child(2) .col-md-4 img {
        max-width: 400px;
    }

    .about-us .row:nth-child(3) {
        margin-bottom: 0;
    }

    .quality-education {
        margin-top: 52px;
    }

    .quality-education .row {
        align-items: center;
    }

    .quality-education h3 {
        font-size: 1.8rem;
    }

    .quality-education p {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .quality-education .container {
        background-position: center;
    }

    .quality-img .col-md-10 {
        margin-left: 0;
    }

    .quality-education .quality-img {
        margin: 20px auto;
        display: table;
    }

    .animate {
        margin-top: 80px;
        width: 648px;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .animate::before {
        visibility: hidden;
    }

    .animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .my-enrolbtn a {
        font-size: 12px;
        padding: 5px 10px;
        height: 50px;
    }

    .my-enrolbtn a span img {
        max-width: 23px;
        margin-top: 11px;
    }

    .my-enrolbtn a span i {
        max-width: 18px;
        margin-bottom: 8px;
    }

    .animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .animate-girl .animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 36%;
    }

    .footer-pic img {
        max-width: 100px;
    }

    /* about-page end */

    .callfrom {
        margin-left: 0;
        margin-top: 20px;
    }

    .abutop {
        bottom: -20%;
    }

    .banner-bg img {
        height: 1700px;
    }

    .about-home {
        top: 270px;
        height: 1630px;
    }

    .about-home .container {
        top: 3%;
    }

    .howWrkBtn {
        font-size: 22px;
    }

    .mnymore p {
        font-size: 21px;
    }

    .clsbokbtn a {
        font-size: 16px;
    }

    .weekly-sec .container .row {
        flex-direction: column;
    }

    .weekly-inner .container>.row>div {
        margin: 20px auto;
    }

    .achivment-btn a {
        font-size: 20px;
    }

    .location-area {
        display: none;
    }

    .duration-para h2 {
        margin-top: 36px;
    }

    .adplus-content {
        text-align: center;
    }

    .testimonial-maac {
        margin-top: 100px;
    }

    .testimonial-maac h5 {
        margin-top: 36px;
    }

    .demo-content {
        text-align: center;
    }

    .vr-man img {
        max-width: 370px;
    }

    .event-details .event-row-right p {
        text-align: center;
        margin-top: 32px;
    }

    .event-row {
        flex-direction: column-reverse;
    }

    .event-details .event-row p {
        text-align: center;
        margin-top: 32px;
    }

    .pagenation-link a {
        font-size: 21px;
    }

    .fps-achivement::after {
        display: none;
    }

    .callus-cont {
        width: 100%;
        left: 50%;
        transform: translate(-50%, 10px);
    }

    #chowringhee .container-fluid {
        background-position: center;
    }

    #chowringhee iframe {
        width: 100%;
    }

    #rashbehari .container-fluid {
        background-position: center;
    }

    #rashbehari iframe {
        width: 100%;
    }

    #ultadanga .container-fluid {
        background-position: center;
    }

    #ultadanga iframe {
        width: 100%;
    }

    .contact-form {
        padding-bottom: 30px;
    }

    .call-character {
        display: none;
    }

    .callus-cont .call-head {
        text-align: center;
    }

    .callus-cont .call-head p {
        padding: 0 36px;
    }

    .center-switch {
        justify-content: center;
    }

    .customRadio input[type="radio"]+label {
        font-size: 14px;
    }

    .radio-slct {
        gap: 16px;
    }

    .dremcmpny h4 {
        font-size: 42px;
        line-height: 42px;
    }

    .microvoice i {
        left: 4%;
    }

    .testimonail-inner .enrolbtn a {
        padding: 12px 30px;
    }

    .enrolbtn a span i img {
        max-width: 24px;
    }

    .enrolbtn a span>img {
        max-width: 30px;
    }

    .enrolbtn a span {
        height: 45px;
    }

    .howWrkBtn span>img {
        max-width: 40px;
    }

    .howWrkBtn span {
        height: 54px;
    }

    .internal-evnt:nth-child(1) {
        margin-top: 20px;
    }

    .testi-vr-man {
        display: none;
    }

    .company .company-logo {
        padding: 0;
    }

    .achive-man img {
        max-width: 300px;
    }

    .achive-man {
        top: 40%;
    }

    .achive-trphy-content {
        text-align: center;
    }

    .winner {
        display: none;
    }

    .maac-course-sec {
        margin-top: 300px;
    }

    .curse-info h5 {
        min-height: auto;
    }

    .course-grid {
        min-height: auto;
    }

    .curse-info p {
        min-height: auto;
    }

    .how-it-inner .testimonial-hedng .rman {
        display: none;
    }

    .road {
        display: none;
    }

    .wb-l {
        margin-top: 10px !important;
        margin-left: 0 !important;
        flex-direction: row;
    }

    .wb-l:hover {
        padding-left: 0px !important;
        transform: scale(1);
    }

    .wb-r {
        margin-top: 10px !important;
        flex-direction: row;
    }

    .wb-r:hover {
        padding-left: 0 !important;
        transform: scale(1);
    }

    .work-bx img {
        width: 160px;
    }

    .testimonial-hedng {
        margin-bottom: 0;
    }

    .software img {
        height: auto;
        object-fit: contain;
        width: 50%;
        margin: 10px auto;
        display: flex;
    }

    .software .b-img {
        border-radius: 10px;
    }

    .about-animate {
        margin-top: 80px;
        width: 100%;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .about-animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .about-animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .about-animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .about-animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .about-animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 60%;
    }

    .about-animate-girl .about-animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .about-animate::before {
        display: none;
    }

    .course-img img{
        width: 300px;
    }

    .course-img{
        top: 140%;
        right: -10%;
    }

    .award-box img{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        display: table;
    }
    
    .macc-heading h2{
        font-size: 28px;
    }

    .cmpinbig{
        height: 400px;
    }
    .machmpnbx{
        padding: 24px;
    }

    .studnt-heading h2{
        font-size: 28px;
    }

    .recruiter-inner .recutr-heading h2{
        font-size: 28px;
    }

    .testimonial-hedng h2{
        font-size: 28px;
    }

    .software h3{
        font-size: 28px;
        font-weight: 700;
    }

    .voice::after{
        background-repeat: no-repeat;
        width: 70px;
        left: 28%;
    }

}

@media only screen and (max-width: 576px) {
    /* abot-page start */

    .about-bg img {
        height: 300px;
    }

    .about-cont {
        top: 50%;
        left: 6%;
    }

    .about-cont h1 {
        font-size: 24px;
    }

    .about-cont p {
        font-size: 24px;
        line-height: 32px;
    }

    .about-man {
        top: 23%;
        right: 12%;
    }

    .about-man img {
        max-width: 150px;
    }

    .about-design h6 {
        font-size: 13px;
        margin-top: 20px;
        padding-left: 18px;
    }

    .about-us {
        margin-top: 20px;
        padding: 16px;
    }

    .about-us h3 {
        font-size: 24px;
        line-height: 20px;
    }

    .about-us p {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .about-us .row:nth-child(2) .col-md-4 {
        margin: 16px 0;
    }

    .about-us .row:nth-child(2) .col-md-4 img {
        max-width: 400px;
    }

    .about-us .row:nth-child(3) {
        margin-bottom: 0;
    }

    .quality-education {
        margin-top: 52px;
    }

    .quality-education h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .my-enrolbtn {
        display: table;
        margin: 0 auto;
    }

    .campus h2 {
        font-size: 24px;
        line-height: 20px;
    }

    .quality-education .container-fluid {
        background-size: cover;
        background-position: center;
        padding-bottom: 16px;
    }

    .quality-education p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .quality-education .container {
        background-position: center;
    }

    .quality-img .col-md-10 {
        margin-left: 0;
    }

    .quality-education .quality-img {
        margin-bottom: 30px;
    }

    .animate {
        margin-top: 80px;
        width: 100%;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .animate::before {
        visibility: hidden;
    }

    .animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .my-enrolbtn a {
        font-size: 12px;
        padding: 5px 10px;
        height: 50px;
    }

    .my-enrolbtn a span img {
        max-width: 23px;
        margin-top: 11px;
    }

    .my-enrolbtn a span i {
        max-width: 18px;
        margin-bottom: 8px;
    }

    .animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .animate-girl .animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 36%;
    }

    .footer-pic img {
        max-width: 100px;
    }

    /* about-page end */
    .footercontainer .footersocial {
        text-align: left;
    }

    /* home page start */

    .baner-info {
        flex-direction: column;
    }

    .bnrtxt h2 {
        font-size: 40px;
        line-height: 53px;
    }

    .bnrtxt h4 {
        font-size: 23px;
    }

    .bnrtxt h6 {
        font-size: 16px;
    }

    .baner-content {
        top: 10%;
    }

    .callfrom {
        margin-left: 0;
        border-radius: 40px 40px 0 0;
        margin-top: 20px;
        padding: 30px;
        width: 100%;
    }

    .callfrom h4 {
        margin-bottom: 0;
    }

    .callfrom p {
        font-size: 16px;
        letter-spacing: 1px;
        color: #fff;
    }

    .radio-slct {
        flex-direction: column;
    }

    .abutop {
        visibility: hidden;
    }

    .moonbook {
        top: -148%;
    }

    .moonbook img {
        max-width: 160px;
    }

    .about-home .container {
        top: 2%;
        background-color: #87050a;
    }

    .about-home {
        top: -180px;
        background-color: #87050a;
    }

    .macc-heading h2 {
        border-radius: 0 0 14px 14px;
        padding: 5px 17px 6px;
        font-size: 24px;
    }

    .subheding p {
        font-size: 14px;
    }

    .course-pic {
        border-radius: 18px;
    }

    .curse-info {
        padding: 0;
    }

    .curse-info h5 {
        font-size: 18px;
        min-height: auto;
    }

    .curse-info p {
        font-size: 12px;
        min-height: auto;
    }

    .curse-info a {
        font-size: 12px;
    }

    .curse-info a span {
        width: 24px;
        height: 24px;
        font-size: 11px;
        line-height: 24px;
        text-align: center;
    }

    .abutcontent h2 {
        font-size: 28px;
    }

    .abutcontent h3 {
        font-size: 28px;
        margin-top: 30px;
    }

    .abutcontent p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px;
    }

    .abutcontent p:last-child {
        margin: 0;
    }

    .getfrom button span {
        font-size: 10px;
        width: 20px;
        height: 20px;
        color: #fff;
        /* display: flex; */
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        background: #EA721F;
        transition: all .6s ease-in-out;
        margin: auto;
        line-height: 20px;
    }

    .getfrom button {
        font-family: 'Inter', sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0;
        background: #fff;
        padding: 10px 20px;
        border-radius: 19px;
        color: #EA721F;
        border: none;
        margin-top: 15px;
        display: flex;
        align-items: center;
        gap: 10px;
        transition: all .4s ease-in-out;
    }

    .course-grid {
        border-radius: 26px;
        padding: 30px;
        min-height: auto;
    }

    .enrolbtn a {
        padding: 8px 12px;
        font-size: 12px;
    }

    .enrolbtn a span>img {
        max-width: 24px;
    }

    .enrolbtn a span {
        height: 37px;
    }

    .testimonail-inner .enrolbtn a {
        padding: 10px 16px;
    }

    .how-it-inner .testimonial-hedng h2 {
        background-image: linear-gradient(45deg, #e9070f, #d6131a);
        color: #fff;
        line-height: 28px;
        padding: 0 10px;
        border-radius: 0 0 16px 16px;
        letter-spacing: 1px;
    }

    .rockdetl p {
        font-size: 16px;
        line-height: 20px;
    }

    .rockdetl h6 {
        font-size: 14px;
    }

    .rockdetl a {
        font-size: 13px !important;
    }

    .studnt-heading h2 {
        padding: 4px 30px 6px 30px;
        font-size: 24px;
    }

    .recruiter-inner .recutr-heading h2 {
        padding: 2px 30px 6px 30px;
        font-size: 24px;
    }

    .lernbtn a {
        font-size: 14px !important;
        letter-spacing: 1px;
    }

    .lernbtn a span>img {
        max-width: 36px;
    }

    .lernbtn a span i img {
        max-width: 24px;
    }

    .howWrkCon p {
        margin-right: 45px;
        font-size: 16px;
    }

    .howWrkBtn {
        font-size: 14px;
    }

    .howWrkBtn span>img {
        max-width: 32px;
    }

    .howWrkBtn span i img {
        max-width: 21px;
    }

    .howWrkBtn span {
        height: 42px;
    }

    .institute-add-class {
        padding: 40px 0;
    }

    .owl-carousel .owl-item img {
        width: 100%;
    }

    .mnthly-student .owl-carousel .owl-item img {
        width: 100%;
    }

    .owl-carousel .owl-stage-outer {
        bottom: -5px;
        left: 13px;
    }

    .mnymore p {
        font-size: 21px;
        line-height: 38px;
    }

    .chmpmen {
        border-radius: 16px;
    }

    .partner-slider {
        margin-top: 30px;
    }

    .location-area {
        display: none;
    }

    .footer-link ul li a {
        font-size: 11px;
        line-height: 17px;
    }

    .footer-link ul li {
        width: 32%;
    }

    .footer-link ul li::before {
        left: 3%;
        top: 63%;
    }

    .footercontainer .copyright {
        text-align: center;
    }

    .testitem {
        width: 92%;
    }

    .testi-slider {
        height: 278px;
    }


    /* home-page end */

    /* courses page start */

    .course-cont {
        left: 6%;
        top: 18%;
        width: 80%;
    }

    .course-bg img {
        height: 345px;
    }

    .course-cont h1 {
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 56px;
    }

    .base-course {
        margin-top: 56px;
    }

    .course-cont p {
        font-size: 18px;
        line-height: 30px;
    }

    .course-cut {
        bottom: 0%;
    }

    .coures-car {
        max-width: 175px;
    }

    .coures-car-bg {
        border-radius: 16px;
    }

    .course-design h6 {
        margin-top: 20px;
        padding-left: 18px;
        font-size: 10px;
    }

    .course-design h6 span {
        font-size: 10px;
    }

    .course-man {
        top: 30%;
        right: 6%;
    }

    .ad-detail {
        margin-top: 20px;
    }

    .ad-detail .duration {
        margin-bottom: 20px;
    }

    .duration-para {
        text-align: center;
    }

    .course-menu {
        margin-top: 40px;
        padding: 40px 0;
    }

    .nav-tabs {
        justify-content: space-evenly;
        margin: 0;
        font-size: 13px;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        padding: 10px;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link {
        padding: 10px;
    }

    .tab-content .row .col-md-3 {
        margin: 5px 0;
    }

    .specialization .container-fluid {
        background-position: center;
        padding: 0 20px 20px 20px;
    }

    .specialization h3 {
        font-size: 16px;
        margin-bottom: 30px;
        text-align: center;
        width: 10%;
    }

    .specialization h4 {
        padding: 0;
        font-size: 18px;
        line-height: 32px;
    }

    .coures-box {
        padding: 10px;
    }

    .coures-box h5 {
        font-size: 17px;
    }

    .specialization .col-md-4 {
        padding: 0;
    }

    .specialization .row:nth-child(2) .col-md-4 {
        margin: 10px 0;
    }

    .coures-box-bottom {
        position: static;
    }

    .coures-option {
        padding-bottom: 0;
    }

    .adplus {
        margin-top: 80px;
        width: 100%;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .adplus::after {
        visibility: hidden;
    }

    .vr-man {
        visibility: hidden;
    }

    .adplus-content {
        text-align: center;
    }

    .customRadio input[type="radio"]+label {
        font-size: 14px;
    }

    /* courses page end */
    .enrolbtn a span i img {
        max-width: 18px;
    }

    .month-student-show h4 {
        margin-top: 42px;
        text-align: center;
    }

    .mnthly-student .owl-carousel .owl-stage-outer {
        bottom: 0px;
        left: 2px;
    }

    .weekly-inner .container>.row>div {
        margin: 0 auto;
    }

    .partner-inner .testimonial-hedng h2 {
        padding: 4px 11px;
        line-height: 30px;
        border-radius: 0 0 12px 12px;
    }

    .achivment-btn a {
        font-size: 16px;
        padding: 8px 16px;
    }

    .achivment-btn span img {
        width: 36px;
    }

    .achivment-btn span {
        height: 40px;
    }

    .achivment-btn a span>img {
        width: 30px;
    }

    .achivment-btn span i img {
        width: 20px;
    }

    .footer-pic .row {
        justify-content: center;
    }

    .footer-pic .row:nth-child(1) {
        margin-top: 20px;
    }

    .footer-pic .row .col-md-4 {
        width: 25%;
    }

    .duration-para h2 {
        font-size: 30px;
    }

    .duration-para p {
        font-size: 16px;
    }

    /* maac-course-sec satr */

    .sw-bg img {
        height: 300px;
    }

    .sw-cont h1 {
        font-size: 18px;
    }

    .sw-cont p {
        font-size: 18px;
        line-height: 10px;
        font-weight: 300;
    }

    .sw-cont {
        top: 40%;
        left: 6%;
    }

    .sw-man img {
        max-width: 200px;
    }

    .sw-man {
        top: 22%;
        right: 0;
    }

    .sw-man-object img {
        width: 30px;
    }

    .sw-man-object {
        top: 29%;
        right: 9%;
    }

    .sw-design h6 {
        font-size: 14px;
        margin-top: 20px;
    }

    .student-modal {
        top: -5%;
        right: -12%;
    }

    .logo {
        width: 100px;
        height: 100px;
    }

    .text {
        width: 75%;
        height: 75%;
    }

    .text span {
        font-size: 16px;
        transform-origin: 0 75px
    }

    .all-center {
        margin-top: 30px;
    }

    .all-center h2 {
        font-size: 28px;
        line-height: inherit;
    }

    .all-center h6 {
        padding: 0;
        font-size: 16px;
        white-space: pre-line;
    }

    .testimonial-maac p{
        font-size: 16px;
        margin-bottom: 16px !important;
    }

    .video-car{
        margin-top: 20px;
    }
    .student-work h3 {
        font-size: 24px;
    }

    .adplus {
        width: 90%;
        margin: 40px 19px;
    }

    .vr-man {
        top: 13%;
        left: 3%;
    }

    .adplus::after {
        content: '';
        position: absolute;
        width: 122px;
        height: 115px;
        background: url(../images/rokcrub.png) no-repeat;
        top: -12%;
        left: 46%;
        transform: translate(-50%, 0);
        background-size: contain;
    }

    .vr-man img {
        max-width: 438px;
    }

    .adplus h4 {
        font-size: 34px;
    }

    .adplus p {
        font-size: 14px;
    }

    .coures-option:nth-child(3) {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .cores-option {
        padding-bottom: 0;
    }

    .testi-man img {
        max-width: 120px;
    }

    .testi-man {
        top: 29%;
        right: 10%;
    }

    .testimonial-maac {
        margin-top: 50px;
    }

    .testimonial-maac .col-md-8 {
        padding: 0 10px;
    }

    .testimonial-maac h5 {
        margin-top: 20px;
    }

    .demo {
        margin: 40px 12px;
    }

    .demo::after {
        display: none;
    }

    .demo-content {
        text-align: center;
    }

    .demo-content h4 {
        font-size: 30px;
    }



    .event-bg img {
        height: 300px;
    }

    .event-man {
        position: absolute;
        top: 20%;
        right: 0%;
    }

    .event-man img {
        max-width: 170px;
    }

    .event-design h6 {
        font-size: 13px;
    }

    .event-content h3 {
        font-size: 18px;
    }

    .event-content p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .event-details h3 {
        font-size: 24px;
    }

    .event-image {
        margin-bottom: 28px;
    }

    .event-row-right .click-here {
        margin: 24px auto 0;
        display: table;
        padding: 10px 20px;
    }

    .event-row {
        flex-direction: column-reverse;
    }

    .image-title h5 {
        font-size: 14px;
    }

    .image-title-two h5 {
        font-size: 14px;
    }

    .event-details .event-row-right p {
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        margin-top: 0;
    }

    .event-details .event-row p {
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        margin-top: 0;
    }

    .click-here a {
        font-size: 14px;
    }

    .click-here {
        display: table;
        margin: 24px auto 0;
        padding: 10px 20px;
    }

    .image-title-four h5 {
        font-size: 14px;
    }

    .pagenation-link {
        flex-direction: column;
    }

    .pagenation-link a {
        font-size: 16px;
    }

    .pagenation-link p {
        font-size: 16px;
    }

    .placement-cont {
        position: absolute;
        top: 36%;
        left: 6%;
    }

    .placement-cont h1 {
        font-size: 18px;
    }

    .placement-cont p {
        font-size: 18px;
        line-height: 12px;
    }

    .sw-sec .placement-bg img {
        height: 300px;
    }

    .placement-man img {
        max-width: 200px;
    }

    .placement-man {
        position: absolute;
        top: 23%;
        right: 2%;
        z-index: 1;
    }

    .placement-man-object img {
        width: 36px;
    }

    .placement-man-object {
        position: absolute;
        top: 30%;
        right: 11%;
        z-index: 1;
    }

    .placement-design h6 {
        font-size: 14px;
        margin-left: 18px;
    }

    .job-open h3 {
        font-size: 20px;
        margin: 0 37px;
        letter-spacing: 0;
        line-height: 28px;
    }

    .job-open p {
        font-size: 16px;
        line-height: 30px;
        margin-top: 20px;
    }

    .company {
        margin-bottom: 0;
    }

    .company h3 {
        font-size: 24px;
        margin: 0 32px;
        line-height: 32px;
    }

    .company p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }

    .company .company-logo img {
        max-width: 100px;
        margin: 20px 0;
    }

    .company .company-logo {
        flex-wrap: wrap;
        padding: 0 40px;
    }

    .student-job h3 {
        font-size: 28px;
    }

    .student-job p {
        font-size: 12px;
    }

    .student-job marquee img {
        max-width: 120px;
        margin: 0 8px;
    }



    .achive-bg img {
        height: 300px;
    }

    .achive-cont {
        top: 42%;
        left: 6%;
    }

    .achive-cont h1 {
        font-size: 18px;
    }

    .achive-cont p {
        font-size: 18px;
        line-height: 12px;
        font-weight: 300;
    }

    .fps-achivement {
        margin-top: 100px;
    }

    .achive-man {
        top: 27%;
        right: 3%;
    }

    .achive-man img {
        max-width: 200px;
    }

    .achive-design h6 {
        font-size: 12px;
    }

    .fps-achivement .col-md-4 {
        padding: 0 10px;
        margin-top: 20px;
    }

    .fps-achivement .col-md-4:first-child{
        margin-top: 0;
    }

    .fps-achivement::after {
        display: none;
    }

    .fps-achivement h3 {
         font-size: 18px;
        text-align: center;
        padding: 11px;
        margin: 0 auto;
    }

    .fps-achivement p {
        font-size: 14px;
        line-height: 25px;
        font-weight: 400;
        margin-top: 20px;
    }

    .fps-achivement .row:nth-child(2) {
        margin-top: 0;
    }

    .fps-trophy {
        display: none;
    }

    .gurukul-award h3 {
        font-size: 18px;
        text-align: center;
        margin: 0 auto;
    }

    .gurukul-award .container {
        padding-bottom: 36px;
        margin-top: 20px;
    }

    .gurukul-award img {
        margin-bottom: 20px;
    }

    .awards-list h3 {
        font-size: 18px;
    }

    .awards-list select {
        padding: 10px;
    }

    .winner {
        bottom: -1px;
    }

    .gurukul-award p {
        font-size: 20px;
        line-height: 34px;
    }

    .awards-list .red-bg {
        font-size: 14px;
        padding: 10px 12px;
    }

    .awards-list .yellow-bg {
        font-size: 14px;
    }

    .achive-trphy {
        width: 84%;
        margin: 40px 30px;
    }

    .winner img {
        max-width: 300px;
    }

    .achive-trphy::after {
        width: 80px;
        background-size: contain;
        top: -10%;
        left: 36%;
    }



    .callus-bg img {
        height: 500px;
    }

    .callus-cont {
        width: 87%;
        top: 20%;
    }

    .call-character {
        display: none;
    }

    .call-character {
        position: absolute;
        top: 32%;
        right: 6.5%;
        z-index: 1;
    }

    .callus-cont .call-head {
        padding: 20px;
    }

    .callus-cont .call-head h2 span {
        font-size: 30px;
    }

    .callus-cont .call-head h2 {
        font-size: 30px;
    }

    .callus-cont .call-head h5 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .callus-cont .call-head h6 {
        font-size: 14px;
    }

    .callus-cont .call-head p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 36px;
        padding: 0;
    }

    .center-switch a {
        font-size: 14px;
        padding: 4px 8px;
        letter-spacing: 1px;
        font-weight: 500;
        margin: 8px auto 8px 0;
        text-align: center;
        width: 60%;
    }

    #ultadanga h3 {
        font-size: 20px;
    }

    #rashbehari h3 {
        font-size: 20px;
    }

    #chowringhee h3 {
        font-size: 20px;
    }

    #ultadanga iframe {
        width: 100%;
    }

    #rashbehari iframe {
        width: 100%;
    }

    #chowringhee iframe {
        width: 100%;
    }

    .submit-btw {
        margin-top: 2px;
        margin-bottom: 20px;
    }

    .center-switch {
        flex-direction: column;
    }

    #chowringhee {
        margin-top: 50px;
    }

    #chowringhee .row {
        flex-direction: column-reverse;
    }

    #rashbehari .row {
        flex-direction: column-reverse;
    }

    #ultadanga .row {
        flex-direction: column-reverse;
    }

    #chowringhee .container-fluid {
        background-position: center;
    }

    #rashbehari .container-fluid {
        background-position: center;
    }

    #ultadanga .container-fluid {
        background-position: center;
    }

    #ultadanga .contact {
        padding-bottom: 20px;
    }

    #rashbehari .contact {
        padding-bottom: 20px;
    }

    #chowringhee .contact {
        padding-bottom: 20px;
    }

    .contact p {
        font-size: 16px;
    }

    .dremcmpny h4 {
        font-size: 32px;
        line-height: 36px;
    }

    .lernbtn a span {
        height: 49px;
    }

    .testimonial-hedng h2 {
        line-height: 26px;
        padding: 4px 9px;
        border-radius: 0 0 10px 10px;
        font-size: 24px;
    }

    .voice-hedng h3 {
        font-size: 30px;
    }

    .voice-hedng h3 span {
        font-size: 30px;
    }

    .microvoice img {
        max-width: 70px;
    }

    .maac-txt h6 {
        font-size: 20px;
        line-height: 28px;
    }

    .testimonail-inner .owl-carousel .owl-nav .owl-next {
        width: 36px;
        height: 36px;
    }

    .testimonail-inner .owl-carousel .owl-nav .owl-prev {
        width: 36px;
        height: 36px;
    }

    .testimonail-inner .owl-carousel .owl-nav {
        left: -32px;
        right: -12px;
        top: 50%;
        transform: translate(10px, -22%);
    }

    .achivment-sec h2 {
        font-size: 42px;
        line-height: 42px;
    }

    .achvmnt-pic {
        flex-wrap: wrap;
    }

    .event-content {
        margin-top: 40px;
    }

    .event-details {
        margin-top: 18px;
    }

    .achive-trphy-here a {
        font-size: 16px;
    }

    .contact-form .form-control {
        width: 100%;
    }

    .video-car h2 {
        font-size: 18px;
    }

    .video-car [data-am-gallery] .image {
        width: 100%;
    }

    .lb_img_description {
        left: 0;
        width: 100%;
        top: 65%;
        font-size: 14px;
    }

    .video-car .container-fluid {
        padding-bottom: 40px;
    }

    .back {
        left: -10%;
    }

    .forward {
        right: -10%;
    }

    .video-car [data-am-gallery] .navigation {
        display: none;
    }

    .event-cont h1 {
        font-size: 18px;
    }

    .event-cont p {
        font-size: 18px;
        line-height: 12px;
    }

    .text-center .owl-carousel .owl-stage-outer {
        left: 0;
    }

    .headercontainer .headtop .logobx::after {
        display: none;
    }

    .software .col-md-1 {
        display: flex;
        justify-content: center;
        margin: 10px 0;
    }


    .cut-bg {
        bottom: -2%;
    }

    .course-img {
        top: 142px;
        right: -24px;
    }

    .course-img img {
        max-width: 233px;
    }

    .course-card-grid {
        min-height: auto;
    }

    .studnt-crub-charecter h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .about-animate {
        margin-top: 80px;
        width: 100%;
        border-radius: 36px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .about-animate-content {
        padding-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 36px;
    }

    .about-animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .about-animate::after {
        width: 80px;
        height: 60px;
        background-size: cover;
        top: -7%;
        left: 7%;
    }

    .about-animate-girl {
        width: 100%;
        margin-top: 75px;
    }

    .about-animate-girl::after {
        width: 300px;
        height: 330px;
        background-size: contain;
        background-position: center center;
        bottom: -8%;
        left: 36%;
    }

    .about-animate-girl .about-animate-bg img {
        border-radius: 36px;
        height: 200px;
    }

    .about-animate::before {
        display: none;
    }

    .curse-card .head-link {
        font-size: 20px;
        margin: 0 auto;
        display: table;
        line-height: 22px;
    }

    .ab-curse-info {
        position: relative;
        padding: 15px 0px;
    }

    .ab-curse-info a {
        font-size: 16px;
        padding: 8px;
        display: table;
        margin: 0 auto;
    }

    .ab-course-grid {
        padding: 22px;
    }

    .road img {
        display: none;
    }

    .wb-r {
        flex-direction: column-reverse !important;
    }

    .work-bx {
        flex-direction: column;
        margin-left: 0 !important;
        margin-top: 50px !important;
    }

    .work-bx img {
        margin: 0 auto;
    }

    .work-bx-content {
        text-align: center;
    }

    .work-bx-content p {
        text-align: center;
    }

    .l-pilar,
    .r-pilar {
        display: none;
    }

    .work-bx-content div {
        width: 100%;
        padding: 0 10px;
    }

    .wb-l:hover {
        transform: scale(1);
        padding-left: 5px;
    }

    .wb-r:hover {
        transform: scale(1);
        padding-right: 5px;
    }

    .rockdetl {
        padding: 0;
    }

    .rockdetl h3 {
        font-size: 30px;
    }

    .rockdetl h3 span {
        font-size: 22px;
    }

    .swiper-container {
        width: 90%;
        padding-bottom: 60px;
        height: 80%;
    }

    .testimonial-hedng {
        margin-bottom: 20px;
    }

    .event-topic {
        margin: 20px 0;
    }

    .machmpnbx {
        border-radius: 30px;
    }

    .champdesp p {
        font-size: 16px;
        line-height: 25px;
    }

    .software h3 {
        font-size: 20px;
        font-weight: 600;        
        line-height: 30px;
        padding: 0 18px 5px;
    }

    .software img {
        height: auto;
        margin-top: 0px;
        object-fit: contain;
        width: 64px;
    }

    .clusbtn em{
        font-size: 4vw;
    }

    .callus-bg{
        margin-bottom: 60px;
    }

    .skill-about p{
        font-size: 16px;
    }

    .course-ban h6{
        margin-top: 32px;
    }

    .skill-about{
        margin-top: 40px;
        margin-bottom: 0;
    }   

    .modalcallfrom .fmodal-content{
        width: 80%;
    }

    .std-enquery .container-fluid{
        padding: 0;
    }

    .std-enquery .modalcallfrom{
        padding: 0;
    }

    .std-enquery .modalcallfrom h4{
        font-size: 20px;
    }

    .std-enquery .modalcallfrom .form-check{
        margin-bottom: 0;
        float: none;
    }

    .std-enquery .modalcallfrom .form-check:last-child{
        margin-bottom: 18px;
    }

    .std-enquery h5{
        line-height: 32px;
        font-size: 22px;
        font-weight: 600;
    }

    .enrolbtn p{
        font-size: 13px;
        line-height: 22px;
    }

    .test-video .circle--rotate{
        left: 97%;
        transform: translate(0px, 10px);
    }

    .test-video .animate-img__in{
        left: 71%;
        top: 85%;
    }

    .std-enquery h3{
        font-size: 24px;
        list-style: 20px;
    }

    .jewel-pn h3{
    font-size: 24px;
    line-height: 23px;
    text-align: center;
    }

    .cont{
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .lightbox img{
        max-width: 80%;
    }

    .std-enquery h5{
        margin-bottom: 16px;
    }

    .std-enquery .container{
        padding-bottom: 20px;
    }

    .jewel-pn{
        margin-top: 15px;
    }

    .voice::after{
        width: 32px;
        background-repeat: no-repeat;
        left: 20%;
    }

    .gurukul-award{
        margin-top: 32px;
    }

    .course-card{
        margin-top: 0;
    }

    .course-menu h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .faq__accordion-content .row{
        margin-top: 0;
    }

    .specialization h4{
        margin-bottom: 22px;
    }

}

@media only screen and (max-width: 376px) {
    .beforeordr ul li a {
        font-size: 9px;
    }

    .studnt-heading h2 {
        padding: 5px 30px 6px 30px;
        font-size: 20px;
    }

    .subheding {
        margin-bottom: 42px;
    }

    .recruiter-inner .recutr-heading h2 {
        padding: 4px 9px;
        border-radius: 0px 0px 10px 10px;
        font-size: 20px;
    }

    .rcutr-slidr .owl-item:not(.active)+.owl-item.active .recutr-bx {
        transform: perspective(800px) rotateY(20deg) translate3d(-5px, 0px, -36px);
    }

    .rcutr-slidr {
        padding-top: 20px;
    }

    .about-cont h1 {
        font-size: 18px;
    }

    .about-cont p {
        font-size: 18px;
        line-height: 32px;
    }

    .video-car .container-fluid {
        padding-bottom: 150px;
    }

    .cut-bg {
        bottom: -2%;
    }

    .about-home .container {
        top: 4%;
    }

    .testimonial-hedng h2 {
        font-size: 20px;
    }

    .quality-education h3 {
        font-size: 20px;
        text-align: center;
        padding: 0px 9px 10px;
        margin-bottom: 23px;
    }

    .about-animate::after {
        top: -6%;
    }

    .campus p {
        font-size: 22px;
    }

    .sw-man {
        top: 22%;
        right: -13px;
    }

    .demo-here a {
        font-size: 16px;
    }

    .callus-bg{
        margin-bottom: 100px !important;
    }

    .test-video .circle--rotate{
        left: 80%;
        transform: translate(0px, 10px);
    }

    .test-video .animate-img__in{
        left: 60%;
        top: 85%;
    }

    .clsbokbtn a{
        font-size: 12px;
        line-height: 37px;
    }
}

@media only screen and (max-width: 350px) {
    
    .test-video .circle--rotate{
        left: 70%;
        transform: translate(0px, 10px);
    }

    .test-video .animate-img__in{
        left: 49%;
        top: 85%;
    }
}

@media screen and (max-width: 767px) and (min-width: 580px) {
    .about-home{
        height: 1790px;
    }
}

@media screen and (max-width: 575px) and (min-width: 425px) {
    .home-maac-course{
        margin-top: 20px;
    }
}

@media screen and (max-width: 425px) and (min-width: 400px) {
    .home-maac-course{
        margin-top: 100px;
    }
}

@media screen and (max-width: 400px) and (min-width: 381px) {
    .home-maac-course{
        margin-top: 188px;
    }
}

@media screen and (max-width: 381px) and (min-width: 358px) {
    .home-maac-course{
        margin-top: 268px;
    }
}

@media screen and (max-width: 358px) and (min-width: 329px) {
    .home-maac-course{
        margin-top: 492px;
    }
}

@media screen and (max-width: 329px) and (min-width: 320px) {
    .home-maac-course{
        margin-top: 550px;
    }
    .abutcontent h3{
        margin-top: 42px;
    }
}

@media screen and (max-width: 320px) and (min-width: 308px) {
    .home-maac-course{
        margin-top: 600px;
    }
}