@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .slide .carousel-item .test-pic:before {
        display: none
    }

    .slide .carousel-item .test-pic:after {
        display: none
    }
    .slide .carousel-item .test-pic {
        width: 60px;
        padding: 10px 0;
    }
    .centres-testi .controls .btn-outline-light {
        font-size: 10px;
        line-height: 14px;
        width: 30px;
        padding: 5px;
    }
    .carousel-caption {
        top: 5%;
        width: 50%;
        left: 3%;
    }

    .leftheader {
        position: relative;
        padding: 0% 1%;
    }

    .logo > img {
        height: auto;
        float: left;
        width: 40px;
    }

    .year-svg-logo {
        height: 44px !important;
        position: relative;
        top: 15px;
    }

    .yearth-logo {
        background: #d1d1d1;
        width: 1px;
        height: 40px;
        position: relative;
        top: 17px;
        margin-left: 4px;
        margin-right: 11px;
    }

    .logo {
        padding: 0px;
        margin: 0px;
        margin-top: 0px;
        position: relative;
        z-index: 9;
        display: flex;
        width: 100%;
        padding-bottom: 30px;
    }

    .spnLike {
        font-size: 14px;
    }

    .feedback-container {
        background: transparent;
        padding: 0px 28px;
        border: 0px solid #ddd;
    }

    .about-inner ul {
        padding: 0px;
        margin: 0px;
    }

    .ticker-text-link {
        font-size: 12px;
    }

    .marquee-scroll > a {
        font-size: 12px;
    }

    .sitemap h2 {
        font-size: 14px !important;
        width: 200px !important;
    }

    .map-menu {
        font-size: 12px !important;
        padding: 5px 15px !important;
        position: static !important;
        top: 0px;
        right: 0px;
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 160px;
    }

    .table-responsive {
        font-size: 12px;
    }

        .table-responsive p {
            font-size: 12px;
        }

    #table {
        font-size: 12px;
    }

    .inner-grid > p {
        font-size: 12px;
    }

    .testimonial .pic {
        width: 120px;
        height: 120px;
        float: none;
        border: 1px solid #ccc;
        margin: 0px auto;
        display: block;
    }

    .testimonial {
        padding: 20px;
        margin: 0px;
        margin-bottom: 10px;
    }

        .testimonial .testimonial-review p {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 5px;
            text-align: justify;
        }

        .testimonial .testimonial-title {
            text-align: center;
        }

            .testimonial .testimonial-title small {
                font-size: 12px;
                margin-top: 2px;
            }

    .team-area .single-item .item {
        display: block;
    }

    .team-area .item .thumb {
        height: auto;
        width: 134px;
        margin: auto;
    }

    .team-area .info {
        width: 100%;
    }

        .team-area .info .message {
            display: none;
        }

        .team-area .info h4 {
            font-size: 16px;
        }

        .team-area .info span {
            font-size: 12px;
        }

    .team-area .single-item {
        margin-bottom: 20px;
    }

    .grid figure {
        margin: 0px;
        min-width: 100%;
        max-width: none;
        max-height: none;
        width: 100%;
    }

        .grid figure h2 {
            font-size: 18px;
        }

        .grid figure figcaption {
            padding: 0px;
        }

    figure.effect-lily figcaption > div {
        padding: 5px;
        width: 100%;
        height: auto;
    }

    .serviceBox .service-icon {
        font-size: 16px;
        width: 130px;
        height: 130px;
    }

    .serviceBox {
        height: auto;
        margin-bottom: 0px;
    }

    .director-photo-mobile {
        display: block;
        width: 100%;
    }

    .director-signature p {
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .signature-icon {
        width: 100%;
        float: none;
    }

    .signature-details {
        padding: 12px 0px;
        text-align: center;
        font-size: 14px;
        line-height: 11px;
    }

        .signature-details h2 {
            font-size: 14px;
        }

    .director-signature {
        background: #ffd387;
        padding: 0% 10%;
    }

    .header_title {
        font-size: 14px;
    }

    .breadcrumb-grid {
        text-align: center;
        padding: 82px 0px;
    }

    .breadcrumb > li {
        font-size: 10px;
    }

    .breadcrumb > .active {
        font-size: 10px;
    }

    .about-inner > h3 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .about-inner > p {
        font-size: 12px;
        line-height: normal;
        text-align: left;
    }

    .about-inner ul li {
        font-size: 12px;
        margin-bottom: 10px;
        text-align: left;
        list-style: none;
    }

    .social_nav li:nth-child(4) a {
        width: 106px;
        line-height: 20px;
        right: -45px;
        margin-top: 50px;
        border-radius: 10px 10px 0px 0px;
        padding: 0px 14px;
        font-size: 11px;
    }



    .about-grid {
        padding-top: 0px;
    }

    .right-text > h2 {
        font-size: 18px;
        margin-bottom: 5px;
        text-align: center;
        font-weight: 600;
    }

    .titleborder-grid {
        display: none;
    }

    .banner-grid {
        margin-top: 0px;
        position: initial;
    }

    .readmore {
        font-size: 10px;
        padding: 0px 20px;
        margin-top: 0px;
        line-height: 22px;
    }

    .note:before {
        content: "";
        width: 60px;
    }

    .marquee-scroll {
        padding: 8px 10px;
        font-size: 12px;
        margin-top: -13px;
        height: 33px;
    }

    .note > img {
        left: 15px;
    }

    .fixed-top .topashok-icon {
        margin-top: 0px;
        margin-left: 0px;
    }

    .marquee-scroll:before {
        display: none;
    }

    .marquee-top {
        margin-top: -12px;
    }

    .service-grid {
        padding: 40px 0px;
    }

        .service-grid a {
            font-size: 14px;
            padding: 10px;
            margin-bottom: 10px;
        }

    .leadership-div {
        margin-top: 0px;
        width: 24%;
        float: left;
    }

        .leadership-div > article {
            padding: 20px;
        }

            .leadership-div > article > img {
                height: 30px;
            }

        .leadership-div > h2 {
            font-size: 13px;
            margin-top: 10px;
        }

    .centres-border > h2 {
        font-size: 18px;
    }

        .centres-border > h2 > span {
            font-size: 13px;
            line-height: normal;
        }

    .owl-theme .owl-nav {
        display: none;
    }

    .centres-grid {
        padding: 40px 0px;
    }

    .recentlaunched {
        width: 50%;
    }

    .card2 {
        height: 138px;
        padding: 0px 10px;
    }

        .card2 h2 {
            font-size: 12px;
        }

    .leadership-grid {
        padding: 40px 0px;
    }

    .owl-carousel-box > img {
        top: -20px;
        height: 50px;
    }

    .social_nav {
        top: 46%;
    }

    .owl-carousel .owl-item .test-pic {
        width: 100px !important;
        padding: 20px 0;
        margin: 0 6% 0 2%;
        float: none !important;
        position: relative;
        z-index: 1;
        margin: 0px auto !important;
    }

    .owl-carousel-box {
        padding: 10px 30px;
        padding-top: 30px;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        height: 30px !important;
        width: 30px !important;
        font-size: 28px !important;
        border: 1px solid #2f5741 !important;
    }

    .mgmnt_image {
        font-size: 13px;
        line-height: normal;
    }

    .play-btn {
        position: relative;
        bottom: -60px;
        right: auto;
        display: block;
        margin: 0px auto;
    }

    .whylarge-box {
        width: 160px;
        height: 160px;
        padding: 11px 0px;
        margin: auto;
        line-height: 30px;
        position: relative;
    }

        .whylarge-box > span {
            font-size: 11px;
        }

    .whylarge-box-back {
        display: none;
    }

    .why-box {
        display: block;
        margin-top: 0px;
    }

    .why-box1 .why-text1 > h3 {
        font-size: 15px;
    }

    .why-box1 > span {
        display: none;
    }

    .why-box2 > span {
        display: none;
    }

    .why-box3 > span {
        display: none;
    }

    .why-box4 > span {
        display: none;
    }

    .why-box5 > span {
        display: none;
    }

    .owl-theme3 .item {
        margin-top: 0px !important;
        background: #ffffff;
    }

    .fixed-top {
        padding: 0px 6px 0px 6px !important;
        top: 0px !important;
    }

    .companies-grid {
        padding: 40px 0px;
    }

    .why-grid {
        padding: 40px 0px;
    }

    .corner-btn {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .social_nav li a {
        line-height: 25px;
        padding: 2px 4px;
        width: 25px;
        right: -8px;
        font-size: 12px;
    }

    .social_nav li:nth-child(1) a:before {
        border-bottom: 12px solid #4267B2;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li:nth-child(2) a:before {
        border-bottom: 12px solid #ff0000;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li:nth-child(4) a:before {
        border-bottom: 12px solid #4d7850;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li {
        height: 30px;
        margin-bottom: 0px;
    }

        .social_nav li a i {
            width: 17px;
        }

    .social_nav ul li a:hover {
        width: 110px;
    }

    .scroll-top-wrapper {
        width: 24px;
        height: 54px;
        line-height: 41px;
        right: 3%;
        bottom: 6%;
        font-size: 26px;
    }

        .scroll-top-wrapper:before {
            content: "";
            border-right: 40px solid #ec9500;
            border-top: 0px solid transparent;
            border-right: 30px solid #ec9500;
            border-bottom: 30px solid #ec9500;
            right: -4px;
            top: 7px;
        }

    .foot-logo > span {
        float: left;
        width: 79%;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        margin: 6px 0px 0px 5px;
        line-height: normal;
    }

    .foot-logo > img {
        width: 40px;
    }

    .foot-logo > span > b {
        font-size: 10px;
        display: block;
    }

    #footer-grid {
        padding: 40px 0;
    }

    .foot-about {
        font-size: 12px;
        padding: 10px 0px;
        margin-top: 10px;
        text-align: left;
    }

    .footer-text-center {
        padding: 0px;
        padding-bottom: 20px;
    }

    .footer-menu > li {
        width: 48%;
        margin: 2px;
    }

    .footer-title-center {
        border-right: 0px solid #575758;
        border-left: 0px solid #575758;
    }

    .footer-menu > li > a {
        font-size: 8px;
        padding: 5px 2px;
    }

    .footer-title-center > p {
        color: #fff;
        font-size: 12px;
        padding: 20px 0px;
        text-align: left;
    }

    .search-input input {
        font-size: 14px;
        left: 30px;
        top: 40%;
        width: 80%;
    }

    .icon-close > img {
        height: 30px;
    }

    .wrapper input {
        width: 90px;
        height: 9%;
        margin: auto;
        right: 0px;
        left: 0px;
    }

    .total-visitors {
        font-size: 12px;
        padding: 5px 0px;
    }

    .contact-foot {
        padding-top: 0px;
        padding-left: 0px;
    }

    .footer-title p span {
        font-size: 12px;
        line-height: normal;
        width: 80%;
    }

    .footer-title > span, .footer-title ul li a {
        font-size: 12px;
    }

    .footer-title ul li span {
        font-size: 12px;
        width: 80%;
    }

    #pulse-container {
        width: 160px;
        top: -20px;
        right: 0px;
    }

    .baaner-image {
        height: auto;
        background: none;
        background-size: cover;
        background-position-x: 80%;
        margin-top: 30px;
    }

    .about-border > p {
        font-size: 13px;
        padding-bottom: 10px;
        padding-right: 0px;
    }

    .right-text > p {
        display: block;
        font-size: 10px;
        font-weight: 500;
    }

    .about-border > h2 {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .calendar-table {
        border: 0px solid #ccc !important;
    }

        .calendar-table > tbody > tr > td > .calendar-table > tbody > tr > td {
            font-size: 14px;
            padding: 2px 6px;
        }

        .calendar-table > tbody > tr > th {
            font-size: 10px;
        }

    .wel-readmore {
        line-height: 28px;
        font-size: 12px !important;
        margin-top: 0px;
        padding: 4px 30px;
    }

    .right-text {
        text-align: center;
    }

    .news-title {
        font-size: 14px;
        padding: 14px 10px;
        margin-top: 10px;
    }

    .news_box {
        padding: 10px 10px;
        margin-bottom: 20px;
    }

    .ticker li article {
        float: left;
        width: 70% !important;
    }

    .ticker > li > article > p {
        font-size: 12px;
        line-height: normal;
    }

    .news-title > img {
        width: 18px;
    }

    .slider-img-right {
        position: relative;
        z-index: 9;
        top: -350px;
        height: 0px;
        display: none;
    }

    .ticker li aside {
        padding: 6px;
        width: 50px;
        height: 100%;
        margin-right: 8px;
    }

    .ticker li article span {
        font-size: 10px;
    }

    .news-more-btn {
        font-size: 13px;
    }

    .service-box {
        margin-bottom: 20px;
        padding: 10px;
        padding-bottom: 30px;
        width: 49%;
        border-left: none;
        border-bottom: 1px solid #ccc !important;
    }

        .service-box .icon img {
            height: auto;
            width: 40px;
        }

        .service-box .icon {
            width: 90px;
            padding: 24px;
            height: 90px;
        }

    .img-icon-box-content {
        padding: 0 0px;
    }

    .service-box:nth-child(7) {
        border-bottom: 1px solid #ccc;
    }

    .service-box .wasf {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .service-box a.title {
        font-size: 13px;
        margin: 10px auto 25px auto;
        min-height: auto;
    }

    .service-box a.more {
        font-size: 12px;
        font-weight: 400;
        padding: 5px 30px;
        margin-top: 0px;
    }

    .img-tour {
        position: absolute;
        right: 0px;
        z-index: 1;
        left: 0px;
        width: 80px;
        margin: auto;
    }

    .wrapper .video {
        margin-right: 0px;
        width: 0px;
        margin-left: 0px;
    }

    .wrapper {
        --color-invert: #ffffff;
        --clip-path: circle(40px at left);
        --clip-path-hover: circle(150px at left);
        --clip-path-clicked: circle(100vw at left);
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 140px;
        top: 200px;
        position: relative;
    }

    .fullscreen {
        width: 21px;
        height: 20px;
        font-size: 11px;
        line-height: 20px;
        padding: 0px;
        top: -2px;
    }

    .close-btn {
        width: 21px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 0px
    }

    .buttonbtn {
        width: 21px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 0px;
        top: -1px;
        position: relative;
    }

    .demo {
        width: 96%;
        padding: 2%;
    }

    ul[data-menu-style="vertical"], ul[data-menu-style="accordion"], ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }

    .video {
        min-height: auto;
        width: auto;
    }

    .navbar {
        height: auto;
        top: 8px;
    }

    .topheader:before {
        display: none;
    }

    .leftheader:after {
        display: none;
    }

    .topheader {
        padding: 0px 0px;
        height: auto;
        position: relative;
        z-index: 99;
    }

    .buttons {
        top: 0%;
        right: 5px;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none;
    }

    .top_bar_bg {
        display: none;
    }

    .top_bar_content {
        text-align: center;
        padding-right: 0%;
    }

    .calendar-table > tbody > tr > td > a {
        height: 24px;
        display: block;
        padding: 4px;
        font-size: 10px;
    }

    .leftheader:before {
        display: none;
    }

    .testing-right {
        display: none;
    }

    .testing {
        display: none;
    }

    .top_bar_contact_list:before {
        display: none;
    }

    .page-change-sec {
        padding-left: 0px;
    }

    .top_bar_contact_list > li > a {
        font-size: 11px;
    }

    .page-change-sec > li > a {
        /* border: 1px solid #ccc; */
        width: 17px;
        height: 15px;
        line-height: normal;
        font-size: 10px;
    }

    .language {
        padding: 0px 0px !important;
        font-size: 10px !important;
    }

    .copyright {
        font-size: 10px;
        padding: 10px 20px;
    }

    .border-right {
        display: none !important;
    }

    .top-login {
        display: inline-block !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .border-lef {
        display: none !important;
    }

    .left-line {
        display: none !important;
    }

    .right-line {
        display: none !important;
    }

    .respmenu-line-right {
        display: none !important;
    }

    .respmenu-line-left {
        display: none !important;
    }

    .menu-toggle h3 {
    }

    .menu-toggle {
    
    }

    .top_bar_contact_list {
        width: 100%;
    }

    .menu-toggle #menu-btn {
        border-radius: 0px;
        margin: 0px;
    }

    #main_nav:before {
        display: none;
    }

    .topright-icon {
        padding: 0px 0px;
        padding-left: 0px;
        border-bottom: 0px solid #ccc;
        height: 44px;
    }

    .topashok-icon {
        margin-top: 0px;
        margin-left: 0px;
        background: #9fcf94;
        width: 4%;
        text-align: center;
        height: 36px;
        padding: 7px 0px;
        float: right;
        position: relative;
        top: 10px;
    }

    .control .icon-material-search {
        color: #e7f6e3;
        font-size: 16px;
    }

    .top_bar_contact_list > span {
        display: none !important;
    }

    .logo {
        top: 0px;
        padding: 3px 0px;
        padding-bottom: 0px;
        width: 100%;
        display: flex;
        margin: 0px;
        margin-bottom: 12px;
    }

        .logo > img {
            height: 60px;
            float: left;
            width: auto;
        }

    .year-svg-logo {
        height: 38px !important;
        position: relative;
        top: 15px;
    }

    .yearth-logo {
        background: #d1d1d1;
        width: 1px;
        height: 40px;
        position: relative;
        top: 14px;
        margin-left: 4px;
        margin-right: 10px;
    }

    .logo > span {
        font-size: 14px;
        padding: 15px 0px 0px 6px;
        float: left;
        width: 83%;
        font-weight: 600;
        line-height: normal;
        display: block;
        white-space: normal;
        margin: 0px;
        letter-spacing: normal;
    }

    .logo-sub-title {
        font-size: 10px;
        letter-spacing: normal;
        position: relative;
    }

    #main_nav {
        width: 100%;
    }

    .bg-video-wrap {
        position: relative;
        top: -1px;
    }

    .textvideo {
        margin-top: 110px;
        font-size: 12px;
        right: auto;
    }


    .g20-logo {
        display: none;
    }

    .ace-responsive-menu {
        float: left;
        width: 100%;
        position: absolute;
        background: #244840 !important;
        z-index: 1;
        border: 0px;
        top: -1px;
        padding: 0px;
        margin: 0px;
        box-shadow: 0px 5px 12px rgb(0 0 0 / 26%);
        border: 0px solid #ccc;
    }

        .ace-responsive-menu > li > a {
            display: block;
            position: relative;
            margin: 0;
            border: 0px;
            padding: 10px 7px 10px 7px;
            text-decoration: none;
            font-size: 12px;
            color: #e7e7e7;
        }

/*
        .ace-responsive-menu > li {
            border-bottom: 1px solid #ccc;
            float: none;
        }

        .ace-responsive-menu li ul.first-sub-menu:before {
            display: none;
        }

        .ace-responsive-menu > li > ul.sub-menu li > a > .arrow-right:before {
            transform: rotate(90deg);
        }

        .ace-responsive-menu li a:hover {
            background: #272727 !important;
            color: #fff !important;
        }

        .ace-responsive-menu > li:first-child {
            border-top: 2px solid #ccc;
        }

        .ace-responsive-menu > li > a i {
            padding-right: 10px;
            color: #FF5737;
        }

        .ace-responsive-menu > li > a > .arrow:before {
            float: right;
            content: " \276F";
            font-weight: 300;
            text-shadow: none;
            width: 10px;
            display: inline-block;
            transform: rotate(90deg);
        }

    li.menu-active > a > .arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }

    .ace-responsive-menu > li > a {
        padding: 8px 13px 8px 12px;
        font-size: 13px;
        color: #000;
    }

    .ace-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }

    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 30px;
    }

    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px;
    }

    .ace-responsive-menu > li > ul.sub-menu {
        position: static;
    }

        .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
            position: static;
        }

            .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
                position: static;
            }

    .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }
*/
    .social_nav li:nth-child(3) a:before {
        content: '';
        border-bottom: 8px solid #244840;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        top: 10px;
        left: -10px;
        transform: rotate(270deg);
    }

    .calendarclearfix {
        clear: both;
        margin-bottom: 10px;
    }

    .training-grid {
        padding: 20px 0px;
    }

    .azadi-logo {
        display: flex;
        width: 100%;
        top: 20%;
        left: 0%;
        white-space: normal;
        position: relative;
        text-align: center;
        padding: 0px;
        margin: auto;
        float: none;
        padding-left: 0px;
    }

        .azadi-logo > img {
            display: none;
        }

    .fpo-btn {
        padding: 6px 25px;
        font-size: 12px;
        font-weight: 500;
        float: none;
        white-space: nowrap;
    }

    .pay-btn {
        padding: 6px 15px;
        font-size: 12px;
        font-weight: 500;
        float: none;
        white-space: nowrap;
    }

    .row {
        --bs-gutter-x: 5px;
    }
}


@media only screen and (max-width: 768px) {
    .slide .carousel-item .test-pic:before {
        display: none
    }

    .slide .carousel-item .test-pic:after {
        display: none
    }
    .slide .carousel-item .test-pic {
        width: 60px;
        padding: 10px 0;
    }
    .centres-testi .controls .btn-outline-light {
        font-size: 10px;
        line-height: 14px;
        width: 30px;
        padding: 5px;
    }
    .carousel-caption {
        top: 5%;
        width: 50%;
        left: 3%;
    }

    .leftheader {
        position: relative;
        padding: 0% 1%;
    }

    .logo > img {
        height: auto;
        float: left;
        width: 40px;
    }

    .year-svg-logo {
        height: 44px !important;
        position: relative;
        top: 15px;
    }

    .yearth-logo {
        background: #d1d1d1;
        width: 1px;
        height: 40px;
        position: relative;
        top: 17px;
        margin-left: 4px;
        margin-right: 11px;
    }

    .logo {
        padding: 0px;
        margin: 0px;
        margin-top: 0px;
        position: relative;
        z-index: 9;
        display: flex;
        width: 100%;
        padding-bottom: 30px;
    }

    .spnLike {
        font-size: 14px;
    }

    .feedback-container {
        background: transparent;
        padding: 0px 28px;
        border: 0px solid #ddd;
    }

    .about-inner ul {
        padding: 0px;
        margin: 0px;
    }

    .ticker-text-link {
        font-size: 12px;
    }

    .marquee-scroll > a {
        font-size: 12px;
    }

    .sitemap h2 {
        font-size: 14px !important;
        width: 200px !important;
    }

    .map-menu {
        font-size: 12px !important;
        padding: 5px 15px !important;
        position: static !important;
        top: 0px;
        right: 0px;
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 160px;
    }

    .table-responsive {
        font-size: 12px;
    }

        .table-responsive p {
            font-size: 12px;
        }

    #table {
        font-size: 12px;
    }

    .inner-grid > p {
        font-size: 12px;
    }

    .testimonial .pic {
        width: 120px;
        height: 120px;
        float: none;
        border: 1px solid #ccc;
        margin: 0px auto;
        display: block;
    }

    .testimonial {
        padding: 20px;
        margin: 0px;
        margin-bottom: 10px;
    }

        .testimonial .testimonial-review p {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 5px;
            text-align: justify;
        }

        .testimonial .testimonial-title {
            text-align: center;
        }

            .testimonial .testimonial-title small {
                font-size: 12px;
                margin-top: 2px;
            }

    .team-area .single-item .item {
        display: block;
    }

    .team-area .item .thumb {
        height: auto;
        width: 134px;
        margin: auto;
    }

    .team-area .info {
        width: 100%;
    }

        .team-area .info .message {
            display: none;
        }

        .team-area .info h4 {
            font-size: 16px;
        }

        .team-area .info span {
            font-size: 12px;
        }

    .team-area .single-item {
        margin-bottom: 20px;
    }

    .grid figure {
        margin: 0px;
        min-width: 100%;
        max-width: none;
        max-height: none;
        width: 100%;
    }

        .grid figure h2 {
            font-size: 18px;
        }

        .grid figure figcaption {
            padding: 0px;
        }

    figure.effect-lily figcaption > div {
        padding: 5px;
        width: 100%;
        height: auto;
    }

    .serviceBox .service-icon {
        font-size: 16px;
        width: 130px;
        height: 130px;
    }

    .serviceBox {
        height: auto;
        margin-bottom: 0px;
    }

    .director-photo-mobile {
        display: block;
        width: 100%;
    }

    .director-signature p {
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .signature-icon {
        width: 100%;
        float: none;
    }

    .signature-details {
        padding: 12px 0px;
        text-align: center;
        font-size: 14px;
        line-height: 11px;
    }

        .signature-details h2 {
            font-size: 14px;
        }

    .director-signature {
        background: #ffd387;
        padding: 0% 10%;
    }

    .header_title {
        font-size: 14px;
    }

    .breadcrumb-grid {
        text-align: center;
        padding: 72px 0px;
    }

    .breadcrumb > li {
        font-size: 10px;
    }

    .breadcrumb > .active {
        font-size: 10px;
    }

    .about-inner > h3 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .about-inner > p {
        font-size: 12px;
        line-height: normal;
        text-align: left;
    }

    .about-inner ul li {
        font-size: 12px;
        margin-bottom: 10px;
        text-align: left;
        list-style: none;
    }

    .social_nav li:nth-child(4) a {
        width: 106px;
        line-height: 20px;
        right: -45px;
        margin-top: 50px;
        border-radius: 10px 10px 0px 0px;
        padding: 0px 14px;
        font-size: 11px;
    }



    .about-grid {
        padding-top: 0px;
    }

    .right-text > h2 {
        font-size: 18px;
        margin-bottom: 5px;
        text-align: center;
        font-weight: 600;
    }

    .titleborder-grid {
        display: none;
    }

    .banner-grid {
        margin-top: 0px;
        position: initial;
    }

    .readmore {
        font-size: 10px;
        padding: 0px 20px;
        margin-top: 0px;
        line-height: 22px;
    }

    .note:before {
        content: "";
        width: 60px;
    }

    .marquee-scroll {
        padding: 8px 10px;
        font-size: 12px;
        margin-top: -13px;
        height: 33px;
    }

    .note > img {
        left: 15px;
    }

    .fixed-top .topashok-icon {
        margin-top: 0px;
        margin-left: 0px;
    }

    .marquee-scroll:before {
        display: none;
    }

    .marquee-top {
        margin-top: -12px;
    }

    .service-grid {
        padding: 40px 0px;
    }

        .service-grid a {
            font-size: 14px;
            padding: 10px;
            margin-bottom: 10px;
        }

    .leadership-div {
        margin-top: 0px;
        width: 24%;
        float: left;
    }

        .leadership-div > article {
            padding: 20px;
        }

            .leadership-div > article > img {
                height: 30px;
            }

        .leadership-div > h2 {
            font-size: 13px;
            margin-top: 10px;
        }

    .centres-border > h2 {
        font-size: 18px;
    }

        .centres-border > h2 > span {
            font-size: 13px;
            line-height: normal;
        }

    .owl-theme .owl-nav {
        display: none;
    }

    .centres-grid {
        padding: 40px 0px;
    }

    .recentlaunched {
        width: 50%;
    }

    .card2 {
        height: 138px;
        padding: 0px 10px;
    }

        .card2 h2 {
            font-size: 12px;
        }

    .leadership-grid {
        padding: 40px 0px;
    }

    .owl-carousel-box > img {
        top: -20px;
        height: 50px;
    }

    .social_nav {
        top: 46%;
    }

    .owl-carousel .owl-item .test-pic {
        width: 100px !important;
        padding: 20px 0;
        margin: 0 6% 0 2%;
        float: none !important;
        position: relative;
        z-index: 1;
        margin: 0px auto !important;
    }

    .owl-carousel-box {
        padding: 10px 30px;
        padding-top: 30px;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        height: 30px !important;
        width: 30px !important;
        font-size: 28px !important;
        border: 1px solid #2f5741 !important;
    }

    .mgmnt_image {
        font-size: 13px;
        line-height: normal;
    }

    .play-btn {
        position: relative;
        bottom: -60px;
        right: auto;
        display: block;
        margin: 0px auto;
    }

    .whylarge-box {
        width: 160px;
        height: 160px;
        padding: 11px 0px;
        margin: auto;
        line-height: 30px;
        position: relative;
    }

        .whylarge-box > span {
            font-size: 11px;
        }

    .whylarge-box-back {
        display: none;
    }

    .why-box {
        display: block;
        margin-top: 0px;
    }

    .why-box1 .why-text1 > h3 {
        font-size: 15px;
    }

    .why-box1 > span {
        display: none;
    }

    .why-box2 > span {
        display: none;
    }

    .why-box3 > span {
        display: none;
    }

    .why-box4 > span {
        display: none;
    }

    .why-box5 > span {
        display: none;
    }

    .owl-theme3 .item {
        margin-top: 0px !important;
        background: #ffffff;
    }

    .fixed-top {
        padding: 0px 6px 0px 6px !important;
        top: 0px !important;
    }

    .companies-grid {
        padding: 40px 0px;
    }

    .why-grid {
        padding: 40px 0px;
    }

    .corner-btn {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .social_nav li a {
        line-height: 25px;
        padding: 2px 4px;
        width: 25px;
        right: -8px;
        font-size: 12px;
    }

    .social_nav li:nth-child(1) a:before {
        border-bottom: 12px solid #4267B2;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li:nth-child(2) a:before {
        border-bottom: 12px solid #ff0000;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li:nth-child(4) a:before {
        border-bottom: 12px solid #4d7850;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li {
        height: 30px;
        margin-bottom: 0px;
    }

        .social_nav li a i {
            width: 17px;
        }

    .social_nav ul li a:hover {
        width: 110px;
    }

    .scroll-top-wrapper {
        width: 24px;
        height: 54px;
        line-height: 41px;
        right: 3%;
        bottom: 6%;
        font-size: 26px;
    }

        .scroll-top-wrapper:before {
            content: "";
            border-right: 40px solid #ec9500;
            border-top: 0px solid transparent;
            border-right: 30px solid #ec9500;
            border-bottom: 30px solid #ec9500;
            right: -4px;
            top: 7px;
        }

    .foot-logo > span {
        float: left;
        width: 79%;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        margin: 6px 0px 0px 5px;
        line-height: normal;
    }

    .foot-logo > img {
        width: 40px;
    }

    .foot-logo > span > b {
        font-size: 10px;
        display: block;
    }

    #footer-grid {
        padding: 40px 0;
    }

    .foot-about {
        font-size: 12px;
        padding: 10px 0px;
        margin-top: 10px;
        text-align: left;
    }

    .footer-text-center {
        padding: 0px;
        padding-bottom: 20px;
    }

    .footer-menu > li {
        width: 48%;
        margin: 2px;
    }

    .footer-title-center {
        border-right: 0px solid #575758;
        border-left: 0px solid #575758;
    }

    .footer-menu > li > a {
        font-size: 8px;
        padding: 5px 2px;
    }

    .footer-title-center > p {
        color: #fff;
        font-size: 12px;
        padding: 20px 0px;
        text-align: left;
    }

    .search-input input {
        font-size: 14px;
        left: 30px;
        top: 40%;
        width: 80%;
    }

    .icon-close > img {
        height: 30px;
    }

    .wrapper input {
        width: 90px;
        height: 9%;
        margin: auto;
        right: 0px;
        left: 0px;
    }

    .total-visitors {
        font-size: 12px;
        padding: 5px 0px;
    }

    .contact-foot {
        padding-top: 0px;
        padding-left: 0px;
    }

    .footer-title p span {
        font-size: 12px;
        line-height: normal;
        width: 80%;
    }

    .footer-title > span, .footer-title ul li a {
        font-size: 12px;
    }

    .footer-title ul li span {
        font-size: 12px;
        width: 80%;
    }

    #pulse-container {
        width: 160px;
        top: -20px;
        right: 0px;
    }

    .baaner-image {
        height: auto;
        background: none;
        background-size: cover;
        background-position-x: 80%;
        margin-top: 30px;
    }

    .about-border > p {
        font-size: 13px;
        padding-bottom: 10px;
        padding-right: 0px;
    }

    .right-text > p {
        display: block;
        font-size: 10px;
        font-weight: 500;
    }

    .about-border > h2 {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .calendar-table {
        border: 0px solid #ccc !important;
    }

        .calendar-table > tbody > tr > td > .calendar-table > tbody > tr > td {
            font-size: 14px;
            padding: 2px 6px;
        }

        .calendar-table > tbody > tr > th {
            font-size: 10px;
        }

    .wel-readmore {
        line-height: 28px;
        font-size: 12px !important;
        margin-top: 0px;
        padding: 4px 30px;
    }

    .right-text {
        text-align: center;
    }

    .news-title {
        font-size: 14px;
        padding: 14px 10px;
        margin-top: 10px;
    }

    .news_box {
        padding: 10px 10px;
        margin-bottom: 20px;
    }

    .ticker li article {
        float: left;
        width: 70% !important;
    }

    .ticker > li > article > p {
        font-size: 12px;
        line-height: normal;
    }

    .news-title > img {
        width: 18px;
    }

    .slider-img-right {
        position: relative;
        z-index: 9;
        top: -350px;
        height: 0px;
        display: none;
    }

    .ticker li aside {
        padding: 6px;
        width: 50px;
        height: 100%;
        margin-right: 8px;
    }

    .ticker li article span {
        font-size: 10px;
    }

    .news-more-btn {
        font-size: 13px;
    }
    .service-box {
        margin-bottom: 20px;
        padding: 10px;
        padding-bottom: 30px;
        width: 49%;
        border-left: none;
        border-bottom: 1px solid #ccc !important;
    }

        .service-box .icon img {
            height: auto;
            width: 40px;
        }

        .service-box .icon {
            width: 90px;
            padding: 24px;
            height: 90px;
        }

    .img-icon-box-content {
        padding: 0 0px;
    }

    .service-box:nth-child(7) {
        border-bottom: 1px solid #ccc;
    }

    .service-box .wasf {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .service-box a.title {
        font-size: 13px;
        margin: 10px auto 25px auto;
        min-height: auto;
    }

    .service-box a.more {
        font-size: 12px;
        font-weight: 400;
        padding: 5px 30px;
        margin-top: 0px;
    }

    .img-tour {
        position: absolute;
        right: 0px;
        z-index: 1;
        left: 0px;
        width: 80px;
        margin: auto;
    }

    .wrapper .video {
        margin-right: 0px;
        width: 0px;
        margin-left: 0px;
    }

    .wrapper {
        --color-invert: #ffffff;
        --clip-path: circle(40px at left);
        --clip-path-hover: circle(150px at left);
        --clip-path-clicked: circle(100vw at left);
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 140px;
        top: 200px;
        position: relative;
    }

    .fullscreen {
        width: 21px;
        height: 20px;
        font-size: 11px;
        line-height: 20px;
        padding: 0px;
        top: -2px;
    }

    .close-btn {
        width: 21px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 0px
    }

    .buttonbtn {
        width: 21px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 0px;
        top: -1px;
        position: relative;
    }

    .demo {
        width: 96%;
        padding: 2%;
    }

    ul[data-menu-style="vertical"], ul[data-menu-style="accordion"], ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }

    .video {
        min-height: auto;
        width: auto;
    }

    .navbar {
        height: auto;
        top: 8px;
    }

    .topheader:before {
        display: none;
    }

    .leftheader:after {
        display: none;
    }

    .topheader {
        padding: 0px 0px;
        height: auto;
        position: relative;
        z-index: 99;
    }

    .buttons {
        top: 0%;
        right: 5px;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none;
    }

    .top_bar_bg {
        display: none;
    }

    .top_bar_content {
        text-align: center;
        padding-right: 0%;
    }

    .calendar-table > tbody > tr > td > a {
        height: 24px;
        display: block;
        padding: 4px;
        font-size: 10px;
    }

    .leftheader:before {
        display: none;
    }

    .testing-right {
        display: none;
    }

    .testing {
        display: none;
    }

    .top_bar_contact_list:before {
        display: none;
    }

    .page-change-sec {
        padding-left: 0px;
    }

    .top_bar_contact_list > li > a {
        font-size: 11px;
    }

    .page-change-sec > li > a {
        /* border: 1px solid #ccc; */
        width: 17px;
        height: 15px;
        line-height: normal;
        font-size: 10px;
    }

    .language {
        padding: 0px 0px !important;
        font-size: 10px !important;
    }

    .copyright {
        font-size: 10px;
        padding: 10px 20px;
    }

    .border-right {
        display: none !important;
    }

    .top-login {
        display: inline-block !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .border-lef {
        display: none !important;
    }

    .left-line {
        display: none !important;
    }

    .right-line {
        display: none !important;
    }

    .respmenu-line-right {
        display: none !important;
    }

    .respmenu-line-left {
        display: none !important;
    }

    .menu-toggle h3 {
    }

    .menu-toggle {
    }

    .top_bar_contact_list {
        width: 100%;
    }

    .menu-toggle #menu-btn {
        border-radius: 0px;
        margin: 0px;
    }

    #main_nav:before {
        display: none;
    }

    .topright-icon {
        padding: 0px 0px;
        padding-left: 0px;
        border-bottom: 0px solid #ccc;
        height: 44px;
    }

    .topashok-icon {
        margin-top: 0px;
        margin-left: 0px;
        background: #9fcf94;
        width: 4%;
        text-align: center;
        height: 36px;
        padding: 7px 0px;
        float: right;
        position: relative;
        top: 10px;
    }

    .control .icon-material-search {
        color: #e7f6e3;
        font-size: 16px;
    }

    .top_bar_contact_list > span {
        display: none !important;
    }

    .logo {
        top: 0px;
        padding: 3px 0px;
        padding-bottom: 0px;
        width: 100%;
        display: flex;
        margin: 0px;
        margin-bottom: 12px;
    }

        .logo > img {
            height: 60px;
            float: left;
            width: auto;
        }

    .year-svg-logo {
        height: 38px !important;
        position: relative;
        top: 15px;
    }

    .yearth-logo {
        background: #d1d1d1;
        width: 1px;
        height: 40px;
        position: relative;
        top: 14px;
        margin-left: 4px;
        margin-right: 10px;
    }

    .logo > span {
        font-size: 14px;
        padding: 15px 0px 0px 6px;
        float: left;
        width: 83%;
        font-weight: 600;
        line-height: normal;
        display: block;
        white-space: normal;
        margin: 0px;
        letter-spacing: normal;
    }

    .logo-sub-title {
        font-size: 10px;
        letter-spacing: normal;
        position: relative;
    }

    #main_nav {
        width: 100%;
    }

    .bg-video-wrap {
        position: relative;
        top: -1px;
    }

    .textvideo {
        margin-top: 110px;
        font-size: 12px;
        right: auto;
    }


    .g20-logo {
        display: none;
    }

    .ace-responsive-menu {
        float: left;
        width: 100%;
        position: absolute;
        background: #fff !important;
        z-index: 1;
        border: 0px;
        top: 36px;
        padding: 0px;
        margin: 0px;
        box-shadow: 0px 5px 12px rgb(0 0 0 / 26%);
        border: 1px solid #ccc;
    }

        .ace-responsive-menu > li {
            border-bottom: 1px solid #ccc;
            float: none;
        }

        .ace-responsive-menu li ul.first-sub-menu:before {
            display: none;
        }

        .ace-responsive-menu > li > ul.sub-menu li > a > .arrow-right:before {
            transform: rotate(90deg);
        }

        .ace-responsive-menu li a:hover {
            background: #272727 !important;
            color: #fff !important;
        }

        .ace-responsive-menu > li:first-child {
            border-top: 2px solid #ccc;
        }

        .ace-responsive-menu > li > a i {
            padding-right: 10px;
            color: #FF5737;
        }

        .ace-responsive-menu > li > a > .arrow:before {
            float: right;
            content: " \276F";
            font-weight: 300;
            text-shadow: none;
            width: 10px;
            display: inline-block;
            transform: rotate(90deg);
        }

    li.menu-active > a > .arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }

    .ace-responsive-menu > li > a {
        padding: 8px 13px 8px 12px;
        font-size: 13px;
        color: #000;
    }

    .ace-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }

    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 30px;
    }

    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px;
    }

    .ace-responsive-menu > li > ul.sub-menu {
        position: static;
    }

        .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
            position: static;
        }

            .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
                position: static;
            }

    .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }

    .social_nav li:nth-child(3) a:before {
        content: '';
        border-bottom: 8px solid #244840;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        top: 10px;
        left: -10px;
        transform: rotate(270deg);
    }

    .calendarclearfix {
        clear: both;
        margin-bottom: 10px;
    }

    .training-grid {
        padding: 20px 0px;
    }

    .azadi-logo {
        display: flex;
        width: 100%;
        top: -1px;
        left: 0%;
        white-space: normal;
        position: relative;
        text-align: center;
        padding: 0px;
        margin: auto;
        float: none;
        padding-left: 20%;
    }

        .azadi-logo > img {
            display: none;
        }

    .fpo-btn {
        padding: 6px 25px;
        font-size: 12px;
        font-weight: 500;
        float: none;
        white-space: nowrap;
    }

    .pay-btn {
        padding: 6px 15px;
        font-size: 12px;
        font-weight: 500;
        float: none;
        white-space: nowrap;
    }

    .row {
        --bs-gutter-x: 5px;
    }
}



@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .slide .carousel-item .test-pic:before {
        display: none
    }

    .slide .carousel-item .test-pic:after {
        display: none
    }
    .slide .carousel-item .test-pic {
        width: 60px;
        padding: 10px 0;
    }
    .centres-testi .controls .btn-outline-light {
        font-size: 10px;
        line-height: 14px;
        width: 30px;
        padding: 5px;
    }
    .carousel-caption {
        top: 0%;
        width: 50%;
        left: 3%;
    }

    .leftheader {
        position: relative;
        padding: 0% 1%;
    }

    .logo > img {
        height: auto;
        float: left;
        width: 40px;
    }

    .year-svg-logo {
        height: 44px !important;
        position: relative;
        top: 15px;
    }

    .yearth-logo {
        background: #d1d1d1;
        width: 1px;
        height: 40px;
        position: relative;
        top: 17px;
        margin-left: 4px;
        margin-right: 11px;
    }

    .logo {
        padding: 0px;
        margin: 0px;
        margin-top: 0px;
        position: relative;
        z-index: 9;
        display: flex;
        width: 100%;
        padding-bottom: 30px;
    }

    .spnLike {
        font-size: 14px;
    }

    .feedback-container {
        background: transparent;
        padding: 0px 28px;
        border: 0px solid #ddd;
    }

    .about-inner ul {
        padding: 0px;
        margin: 0px;
    }

    .ticker-text-link {
        font-size: 12px;
    }

    .marquee-scroll > a {
        font-size: 12px;
    }

    .sitemap h2 {
        font-size: 14px !important;
        width: 200px !important;
    }

    .map-menu {
        font-size: 12px !important;
        padding: 5px 15px !important;
        position: static !important;
        top: 0px;
        right: 0px;
        display: block;
        margin: 10px auto;
        text-align: center;
        width: 160px;
    }

    .table-responsive {
        font-size: 12px;
    }

        .table-responsive p {
            font-size: 12px;
        }

    #table {
        font-size: 12px;
    }

    .inner-grid > p {
        font-size: 12px;
    }

    .testimonial .pic {
        width: 120px;
        height: 120px;
        float: none;
        border: 1px solid #ccc;
        margin: 0px auto;
        display: block;
    }

    .testimonial {
        padding: 20px;
        margin: 0px;
        margin-bottom: 10px;
    }

        .testimonial .testimonial-review p {
            font-size: 12px;
            line-height: 20px;
            margin-bottom: 5px;
            text-align: justify;
        }

        .testimonial .testimonial-title {
            text-align: center;
        }

            .testimonial .testimonial-title small {
                font-size: 12px;
                margin-top: 2px;
            }

    .team-area .single-item .item {
        display: block;
    }

    .team-area .item .thumb {
        height: auto;
        width: 134px;
        margin: auto;
    }

    .team-area .info {
        width: 100%;
    }

        .team-area .info .message {
            display: none;
        }

        .team-area .info h4 {
            font-size: 16px;
        }

        .team-area .info span {
            font-size: 12px;
        }

    .team-area .single-item {
        margin-bottom: 20px;
    }

    .grid figure {
        margin: 0px;
        min-width: 100%;
        max-width: none;
        max-height: none;
        width: 100%;
    }

        .grid figure h2 {
            font-size: 18px;
        }

        .grid figure figcaption {
            padding: 0px;
        }

    figure.effect-lily figcaption > div {
        padding: 5px;
        width: 100%;
        height: auto;
    }

    .serviceBox .service-icon {
        font-size: 16px;
        width: 130px;
        height: 130px;
    }

    .serviceBox {
        height: auto;
        margin-bottom: 0px;
    }

    .director-photo-mobile {
        display: block;
        width: 100%;
    }

    .director-signature p {
        font-size: 12px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .signature-icon {
        width: 100%;
        float: none;
    }

    .signature-details {
        padding: 12px 0px;
        text-align: center;
        font-size: 14px;
        line-height: 11px;
    }

        .signature-details h2 {
            font-size: 14px;
        }

    .director-signature {
        background: #ffd387;
        padding: 0% 10%;
    }

    .header_title {
        font-size: 14px;
    }

    .breadcrumb-grid {
        text-align: center;
        padding: 57px 0px;
    }

    .breadcrumb > li {
        font-size: 10px;
    }

    .breadcrumb > .active {
        font-size: 10px;
    }

    .about-inner > h3 {
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .about-inner > p {
        font-size: 12px;
        line-height: normal;
        text-align: left;
    }

    .about-inner ul li {
        font-size: 12px;
        margin-bottom: 10px;
        text-align: left;
        list-style: none;
    }

    .social_nav li:nth-child(4) a {
        width: 106px;
        line-height: 20px;
        right: -45px;
        margin-top: 50px;
        border-radius: 10px 10px 0px 0px;
        padding: 0px 14px;
        font-size: 11px;
    }



    .about-grid {
        padding-top: 0px;
    }

    .right-text > h2 {
        font-size: 12px;
        margin-bottom: 10px;
        text-align: center;
        font-weight: 600;
    }

    .titleborder-grid {
        display: none;
    }

    .banner-grid {
        margin-top: 0px;
        position: initial;
    }

    .readmore {
        font-size: 10px;
        padding: 0px 20px;
        margin-top: 0px;
        line-height: 22px;
    }

    .note:before {
        content: "";
        width: 60px;
    }

    .marquee-scroll {
        padding: 8px 10px;
        font-size: 12px;
        margin-top: -13px;
        height: 33px;
    }

    .note > img {
        left: 15px;
    }

    .fixed-top .topashok-icon {
        margin-top: 0px;
        margin-left: 0px;
    }

    .marquee-scroll:before {
        display: none;
    }

    .marquee-top {
        margin-top: -12px;
    }

    .service-grid {
        padding: 40px 0px;
    }

        .service-grid a {
            font-size: 14px;
            padding: 10px;
            margin-bottom: 10px;
        }

    .leadership-div {
        margin-top: 20px;
        width: 50%;
        float: left;
    }

        .leadership-div > article {
            padding: 20px;
        }

            .leadership-div > article > img {
                height: 40px;
            }

        .leadership-div > h2 {
            font-size: 13px;
            margin-top: 10px;
        }

    .centres-border > h2 {
        font-size: 18px;
    }

        .centres-border > h2 > span {
            font-size: 13px;
            line-height: normal;
        }

    .owl-theme .owl-nav {
        display: none;
    }

    .centres-grid {
        padding: 40px 0px;
    }

    .recentlaunched {
        width: 50%;
    }

    .card2 {
        height: 138px;
        padding: 0px 10px;
    }

        .card2 h2 {
            font-size: 12px;
        }

    .leadership-grid {
        padding: 40px 0px;
    }

    .owl-carousel-box > img {
        top: -20px;
        height: 50px;
    }

    .social_nav {
        top: 46%;
    }

    .owl-carousel .owl-item .test-pic {
        width: 100px !important;
        padding: 20px 0;
        margin: 0 6% 0 2%;
        float: none !important;
        position: relative;
        z-index: 1;
        margin: 0px auto !important;
    }

    .owl-carousel-box {
        padding: 10px 30px;
        padding-top: 30px;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        height: 30px !important;
        width: 30px !important;
        font-size: 28px !important;
        border: 1px solid #2f5741 !important;
    }

    .mgmnt_image {
        font-size: 13px;
        line-height: normal;
    }

    .play-btn {
        position: relative;
        bottom: -60px;
        right: auto;
        display: block;
        margin: 0px auto;
    }

    .whylarge-box {
        width: 160px;
        height: 160px;
        padding: 11px 0px;
        margin: auto;
        line-height: 30px;
        position: relative;
    }

        .whylarge-box > span {
            font-size: 11px;
        }

    .whylarge-box-back {
        display: none;
    }

    .why-box {
        display: block;
        margin-top: 0px;
    }

    .why-box1 .why-text1 > h3 {
        font-size: 15px;
    }

    .why-box1 > span {
        display: none;
    }

    .why-box2 > span {
        display: none;
    }

    .why-box3 > span {
        display: none;
    }

    .why-box4 > span {
        display: none;
    }

    .why-box5 > span {
        display: none;
    }

    .owl-theme3 .item {
        margin-top: 0px !important;
        background: #ffffff;
    }

    .fixed-top {
        padding: 0px 6px 0px 6px !important;
        top: 0px !important;
    }

    .companies-grid {
        padding: 40px 0px;
    }

    .why-grid {
        padding: 40px 0px;
    }

    .corner-btn {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .social_nav li a {
        line-height: 25px;
        padding: 2px 4px;
        width: 25px;
        right: -8px;
        font-size: 12px;
    }

    .social_nav li:nth-child(1) a:before {
        border-bottom: 12px solid #4267B2;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li:nth-child(2) a:before {
        border-bottom: 12px solid #ff0000;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li:nth-child(4) a:before {
        border-bottom: 12px solid #4d7850;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: 8px;
        left: -15px;
        z-index: -1;
    }

    .social_nav li {
        height: 30px;
        margin-bottom: 0px;
    }

        .social_nav li a i {
            width: 17px;
        }

    .social_nav ul li a:hover {
        width: 110px;
    }

    .scroll-top-wrapper {
        width: 24px;
        height: 54px;
        line-height: 41px;
        right: 3%;
        bottom: 6%;
        font-size: 26px;
    }

        .scroll-top-wrapper:before {
            content: "";
            border-right: 40px solid #ec9500;
            border-top: 0px solid transparent;
            border-right: 30px solid #ec9500;
            border-bottom: 30px solid #ec9500;
            right: -4px;
            top: 7px;
        }

    .foot-logo > span {
        float: left;
        width: 79%;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        margin: 6px 0px 0px 5px;
        line-height: normal;
    }

    .foot-logo > img {
        width: 40px;
    }

    .foot-logo > span > b {
        font-size: 10px;
        display: block;
    }

    #footer-grid {
        padding: 40px 0;
    }

    .foot-about {
        font-size: 12px;
        padding: 10px 0px;
        margin-top: 10px;
        text-align: left;
    }

    .footer-text-center {
        padding: 0px;
        padding-bottom: 20px;
    }

    .footer-menu > li {
        width: 48%;
        margin: 2px;
    }

    .footer-title-center {
        border-right: 0px solid #575758;
        border-left: 0px solid #575758;
    }

    .footer-menu > li > a {
        font-size: 8px;
        padding: 5px 2px;
    }

    .footer-title-center > p {
        color: #fff;
        font-size: 12px;
        padding: 20px 0px;
        text-align: left;
    }

    .search-input input {
        font-size: 14px;
        left: 30px;
        top: 40%;
        width: 80%;
    }

    .icon-close > img {
        height: 30px;
    }

    .wrapper input {
        width: 90px;
        height: 9%;
        margin: auto;
        right: 0px;
        left: 0px;
    }

    .total-visitors {
        font-size: 12px;
        padding: 5px 0px;
    }

    .contact-foot {
        padding-top: 0px;
        padding-left: 0px;
    }

    .footer-title p span {
        font-size: 12px;
        line-height: normal;
        width: 80%;
    }

    .footer-title > span, .footer-title ul li a {
        font-size: 12px;
    }

    .footer-title ul li span {
        font-size: 12px;
        width: 80%;
    }

    #pulse-container {
        width: 160px;
        top: -20px;
        right: 0px;
    }

    .baaner-image {
        height: auto;
        background: none;
        background-size: cover;
        background-position-x: 80%;
        margin-top: 30px;
    }

    .about-border > p {
        font-size: 13px;
        padding-bottom: 10px;
        padding-right: 0px;
    }

    .right-text > p {
        display: none;
    }

    .about-border > h2 {
        font-size: 16px;
        padding-bottom: 5px;
    }

    .calendar-table {
        border: 0px solid #ccc !important;
    }

        .calendar-table > tbody > tr > td > .calendar-table > tbody > tr > td {
            font-size: 14px;
            padding: 2px 6px;
        }

        .calendar-table > tbody > tr > th {
            font-size: 10px;
        }

    .wel-readmore {
        line-height: 28px;
        font-size: 12px !important;
        margin-top: 0px;
        padding: 4px 30px;
    }

    .right-text {
        text-align: center;
    }

    .news-title {
        font-size: 14px;
        padding: 14px 10px;
        margin-top: 10px;
    }

    .news_box {
        padding: 10px 10px;
        margin-bottom: 20px;
    }

    .ticker li article {
        float: left;
        width: 70% !important;
    }

    .ticker > li > article > p {
        font-size: 12px;
        line-height: normal;
    }

    .news-title > img {
        width: 18px;
    }

    .slider-img-right {
        position: relative;
        z-index: 9;
        top: -350px;
        height: 0px;
        display: none;
    }

    .ticker li aside {
        padding: 6px;
        width: 50px;
        height: 100%;
        margin-right: 8px;
    }

    .ticker li article span {
        font-size: 10px;
    }

    .news-more-btn {
        font-size: 13px;
    }

    .service-box {
        margin-bottom: 20px;
        padding: 10px;
        padding-bottom: 30px;
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #ccc !important;
    }

        .service-box .icon img {
            height: auto;
            width: 40px;
        }

        .service-box .icon {
            width: 90px;
            padding: 24px;
            height: 90px;
        }

    .img-icon-box-content {
        padding: 0 0px;
    }

    .service-box:nth-child(7) {
        border-bottom: 1px solid #ccc;
    }

    .service-box .wasf {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .service-box a.title {
        font-size: 13px;
        margin: 10px auto 25px auto;
        min-height: auto;
    }

    .service-box a.more {
        font-size: 12px;
        font-weight: 400;
        padding: 5px 30px;
        margin-top: 0px;
    }

    .img-tour {
        position: absolute;
        right: 0px;
        z-index: 1;
        left: 0px;
        width: 80px;
        margin: auto;
    }

    .wrapper .video {
        margin-right: 0px;
        width: 0px;
        margin-left: 0px;
    }

    .wrapper {
        --color-invert: #ffffff;
        --clip-path: circle(40px at left);
        --clip-path-hover: circle(150px at left);
        --clip-path-clicked: circle(100vw at left);
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 140px;
        top: 200px;
        position: relative;
    }

    .fullscreen {
        width: 21px;
        height: 20px;
        font-size: 11px;
        line-height: 20px;
        padding: 0px;
        top: -2px;
    }

    .close-btn {
        width: 21px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 0px
    }

    .buttonbtn {
        width: 21px;
        height: 20px;
        font-size: 14px;
        line-height: 20px;
        padding: 0px;
        top: -1px;
        position: relative;
    }

    .demo {
        width: 96%;
        padding: 2%;
    }

    ul[data-menu-style="vertical"], ul[data-menu-style="accordion"], ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }

    .video {
        min-height: auto;
        width: auto;
    }

    .navbar {
        height: auto;
        top: 8px;
    }

    .topheader:before {
        display: none;
    }

    .leftheader:after {
        display: none;
    }

    .topheader {
        padding: 0px 0px;
        height: auto;
        position: relative;
        z-index: 99;
    }

    .buttons {
        top: 0%;
        right: 5px;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none;
    }

    .top_bar_bg {
        display: none;
    }

    .top_bar_content {
        text-align: center;
        padding-right: 0%;
    }

    .calendar-table > tbody > tr > td > a {
        height: 24px;
        display: block;
        padding: 4px;
        font-size: 10px;
    }

    .leftheader:before {
        display: none;
    }

    .testing-right {
        display: none;
    }

    .testing {
        display: none;
    }

    .top_bar_contact_list:before {
        display: none;
    }

    .page-change-sec {
        padding-left: 0px;
    }

    .top_bar_contact_list > li > a {
        font-size: 11px;
    }

    .page-change-sec > li > a {
        /* border: 1px solid #ccc; */
        width: 17px;
        height: 15px;
        line-height: normal;
        font-size: 10px;
    }

    .language {
        padding: 0px 0px !important;
        font-size: 10px !important;
    }

    .copyright {
        font-size: 10px;
        padding: 10px 20px;
    }

    .border-right {
        display: none !important;
    }

    .top-login {
        display: inline-block !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .border-lef {
        display: none !important;
    }

    .left-line {
        display: none !important;
    }

    .right-line {
        display: none !important;
    }

    .respmenu-line-right {
        display: none !important;
    }

    .respmenu-line-left {
        display: none !important;
    }

    .menu-toggle h3 {
    }

    .menu-toggle {
    }

    .top_bar_contact_list {
        width: 100%;
    }

    .menu-toggle #menu-btn {
        border-radius: 0px;
        margin: 0px;
    }

    #main_nav:before {
        display: none;
    }

    .topright-icon {
        padding: 0px 0px;
        padding-left: 0px;
        border-bottom: 0px solid #ccc;
        height: 44px;
    }

    .topashok-icon {
        margin-top: 0px;
        margin-left: 0px;
        background: #9fcf94;
        width: 4%;
        text-align: center;
        height: 36px;
        padding: 7px 0px;
        float: right;
        position: relative;
        top: 10px;
    }

    .control .icon-material-search {
        color: #e7f6e3;
        font-size: 16px;
    }

    .top_bar_contact_list > span {
        display: none !important;
    }

    .logo {
        top: 0px;
        padding: 3px 0px;
        padding-bottom: 0px;
        width: 100%;
        display: flex;
        margin: 0px;
        margin-bottom: 12px;
    }

        .logo > img {
            height: 60px;
            float: left;
            width: auto;
        }

    .year-svg-logo {
        height: 38px !important;
        position: relative;
        top: 15px;
    }

    .yearth-logo {
        background: #d1d1d1;
        width: 1px;
        height: 40px;
        position: relative;
        top: 14px;
        margin-left: 4px;
        margin-right: 10px;
    }

    .logo > span {
        font-size: 14px;
        padding: 2px 0px 0px 6px;
        float: left;
        width: 83%;
        font-weight: 600;
        line-height: normal;
        display: block;
        white-space: normal;
        margin: 0px;
        letter-spacing: normal;
    }

    .logo-sub-title {
        font-size: 10px;
        letter-spacing: normal;
        position: relative;
    }

    #main_nav {
        width: 100%;
    }

    .bg-video-wrap {
        position: relative;
        top: -1px;
    }

    .textvideo {
        margin-top: 110px;
        font-size: 12px;
        right: auto;
    }



    .g20-logo {
        display: none;
    }

    .ace-responsive-menu {
        float: left;
        width: 100%;
        position: absolute;
        background: #fff !important;
        z-index: 1;
        border: 0px;
        top: 36px;
        padding: 0px;
        margin: 0px;
        box-shadow: 0px 5px 12px rgb(0 0 0 / 26%);
        border: 1px solid #ccc;
    }

        .ace-responsive-menu > li {
            border-bottom: 1px solid #ccc;
            float: none;
        }

        .ace-responsive-menu li ul.first-sub-menu:before {
            display: none;
        }

        .ace-responsive-menu > li > ul.sub-menu li > a > .arrow-right:before {
            transform: rotate(90deg);
        }

        .ace-responsive-menu li a:hover {
            background: #272727 !important;
            color: #fff !important;
        }

        .ace-responsive-menu > li:first-child {
            border-top: 2px solid #ccc;
        }

        .ace-responsive-menu > li > a i {
            padding-right: 10px;
            color: #FF5737;
        }

        .ace-responsive-menu > li > a > .arrow:before {
            float: right;
            content: " \276F";
            font-weight: 300;
            text-shadow: none;
            width: 10px;
            display: inline-block;
            transform: rotate(90deg);
        }

    li.menu-active > a > .arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }

    .ace-responsive-menu > li > a {
        padding: 8px 13px 8px 12px;
        font-size: 13px;
        color: #000;
    }

    .ace-responsive-menu li ul.sub-menu > li {
        width: 100%;
    }

    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 30px;
    }

    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px;
    }

    .ace-responsive-menu > li > ul.sub-menu {
        position: static;
    }

        .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {
            position: static;
        }

            .ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
                position: static;
            }

    .ace-responsive-menu li ul.sub-menu li.menu-active > a > .arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }

    .social_nav li:nth-child(3) a:before {
        content: '';
        border-bottom: 8px solid #244840;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        top: 10px;
        left: -10px;
        transform: rotate(270deg);
    }

    .calendarclearfix {
        clear: both;
        margin-bottom: 10px;
    }

    .training-grid {
        padding: 20px 0px;
    }

    .azadi-logo {
        display: flex;
        width: 100%;
        top: -1px;
        left: 0%;
        white-space: normal;
        position: relative;
        text-align: center;
        padding: 0px;
        margin: auto;
        float: none;
        padding-left: 20%;
    }

        .azadi-logo > img {
            display: none;
        }

    .fpo-btn {
        padding: 6px 25px;
        font-size: 12px;
        font-weight: 500;
        float: none;
        white-space: nowrap;
    }

    .pay-btn {
        padding: 6px 15px;
        font-size: 12px;
        font-weight: 500;
        float: none;
        white-space: nowrap;
    }

    .row {
        --bs-gutter-x: 5px;
    }
    .Services-to-Clients {
        width: 100%
    }
    .clients-div .price {
        padding: 8px;
        width: 70px;
        height: 70px;
        margin-top: -40px;
    }
    .clients-div .name {
        font-size: 15px;
        padding: 4px 10px;
    }
    .features li {
        margin: 0px;
        padding: 5px 15px 5px 10px;
        width: 100%;
        line-height: normal !important;
    }
    .clients-div .header {
        padding: 5px;
    }
    .joint-signature-icon {
        float: none;
        width: 90%;
        margin: 0px auto;
        display: block;
        text-align: center;
        padding-right: 0px;
        padding: 20px;
    }
    #table2 tbody tr td .form-control {
        width: auto;
    }
    .tl-title {
        top: 2px;
    }
    .dataTables_length {
        padding: 0px 0px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: auto;
        padding: 6px;
        font-size: 12px;
        min-height: auto;
    }
    .pricingTable {
        display: block;
        background: #e4f7e0;
        padding: 0px;
    }
    .demo-gallery h5 {
        font-size: 13px;
        line-height: normal;
    }
}