@media(max-width:668px) {
        .navbar-brand img {
            width: 65px;
            height: 70px;
        }

        .navbar-brand {
            color: maroon;
            font-size: 15px;
            font-weight: 800;
        }

        .container-fluid h5 {
            font-size: 16px;
            margin: 0%;
        }

        .container-fluid h6 {
            margin-left: -20px;
            font-size: 17px;
        }

        .container-fluid .v-j-modha-main-title {
            position: relative;
            left: 25px;
        }

        .main-logo-title {
            position: relative;
            left: 0px;
        }


        #logo-title {
            color: maroon;
            font-size: 10px;
        }

        #logo-heading {
            color: maroon;
            font-size: 15px;
            font-weight: bolder;
        }

        .logo {
            text-decoration: none;
            font-size: 15px;

        }

        .hero .carousel-item img {
            height: 250px;
        }

        .hero .carousel-contenet-container h2 {
            font-size: 18px;
        }

        .hero .carousel-contenet-container p {
            display: none;
        }

        .buttons .button1 button {
            font-weight: 600;
            font-size: 9px;
            letter-spacing: 1px;
            text-transform: capitalize;
            display: inline-block;
            padding: 10px 10px;
            line-height: 1;
            margin: 10px 10px;
            color: white;
            background-color: maroon;
            border: 2px solid white;
            border-radius: 50px;
            cursor: pointer;

        }

        .buttons .button2 button {
            font-weight: 600;
            font-size: 8px;
            letter-spacing: 1px;
            text-transform: capitalize;
            display: inline-block;
            padding: 8px 8px;
            line-height: 1;
            margin: 8px 0px;
            color: white;
            background-color: maroon;
            border: 2px solid white;
            border-radius: 50px;
            cursor: pointer;

        }

        /* counter Section */
        .counts .counters span {
            font-size: 30px;
        }

        /* Main Schools List and Photos Section */
        #container2 h2 {
            margin-top: 20px;
            margin-left: 70px;
            margin-right: 70px;
            margin-bottom: 20px;
            font-size: 22px;

        }

        #container2 {
            background-color: maroon;
            height: 90%;
            width: 90%;
            padding: 20px;
            border-radius: 10px;
        }


        .card img {
            height: 150px;
            width: 135px;
            margin-left: 0px;
        }


        /* Design Divider Section */
        .design-img img {
            height: 230px;
            width: 230px;
            margin: 0;
            padding: 0%;
            margin-left: 55px;
            margin-right: 55px;
        }

        .card-header img {
            height: "110px";
            width: "110px";
        }

        #container2 .img-title1 {
            color: white;

            font-size: 18px;
            border-bottom: 3px solid goldenrod;
        }

        #container2 .img-title2 {
            color: white;
            margin-left: 12px;
            font-size: 14px;
            border-bottom: 3px solid goldenrod;
            margin-right: 18px;
        }

        /* Gallery Section */
        .gallery-title1 {
            font-size: 17px;
           display: flex;
           justify-content: center;
           align-items: center;
        }

        .gallery-title2 {
            font-size: 13px;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            font-weight: bolder;
            margin: 0px;
            margin-top: 15px;
            margin-left: 0vw;
            margin-right: 0vw;
        }

        .gallery-title3 {

            color: maroon;

            font-size: 15px;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            font-weight: bolder;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        /* Gallery Section End*/

        /* Founder Section */
        #container2 h1 {
            font-size: 16px;
            margin-left: 0vw;
            margin-right: 0vw;
            margin-top: 20px;

        }

        .founder {
            font-size: 20px;
            margin-left: 29vw;
            margin-right: 29vw;
        }

        .a-box {
            display: inline-block;
            width: 240px;
            text-align: center;
            position: relative;
            left: 4.8vw;
            top: 0vw;
            margin-bottom: 24px;
        }

        .section-title p {
            margin: 0;
            margin: 0;
            font-size: 21px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: "Poppins", sans-serif;
            color: #37423b;
        }

        .img-container img {
            transform: skew(0deg, -5deg);
            height: 250px;
            margin: -21px 0px 0px -5px;
            width: 211px;
        }

        /* New Founder Section  */
        .team-area {
            position: relative;
            left: 0px;
        }

        /* New Founder Section  End*/


        /* ******************************************************************************************************************* */

        /* __________________________________________________________________________________________________________________ */
        /* Main Trust Contact Page css Start */
        /* ----------------------------------------------------------------------------------------- */
        /*  Form Section   */
        .location-item {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .location-item2 {
          display: flex;
          justify-content: center;
          align-items: center;
        }

        .map {
            margin: 15px;
        }

        .contact .php-email-form {
            margin-left: 3px;
        }

        /* Contact Section End*/
        /*  Form Section   End*/
        /* ----------------------------------------------------------------------------------------- */
        /* Main Trust Contact Page css End */
        /* __________________________________________________________________________________________________________________ */
        /* ******************************************************************************************************************* */
        /* ******************************************************************************************************************* */
        /* __________________________________________________________________________________________________________________ */
        /* Main About Page css Start */
        /* ----------------------------------------------------------------------------------------- */
        .about-us-title {
            font-size: 18px;
            margin-left: 8vw;
            margin-right: 8vw;
            margin-top: 40px;

        }

        .about-us-title2 {
            color: maroon;
            font-size: 15px;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            font-weight: bold;
            margin: 15px;
            border-bottom: 4px solid goldenrod;
            margin-left: 4vw;
            margin-right: 4vw;
        }

        .about-us-title3 {
            font-size: 17px;
            border-bottom: 3px solid goldenrod;
            margin-left: 29vw;
            margin-right: 30vw;
            margin-top: 20px;
        }

        .about-us-title4 {
            font-size: 17px;
            border-bottom: 3px solid goldenrod;
            margin-left: 35vw;
            margin-right: 36vw;
            margin-top: 20px;
        }

        .about-us-title5 {
            font-size: 17px;
            border-bottom: 3px solid goldenrod;
            margin-left: 15vw;
            margin-right: 13vw;
            margin-top: 20px;
        }

        .about-img-title {
            color: maroon;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            font-weight: bold;
            font-size: 15px;
            margin: 15px;
            position: relative;
            left: 10vw;
            margin-bottom: 30px;

        }

        /* ----------------------------------------------------------------------------------------- */
        /* Main About Page css End */
        /* __________________________________________________________________________________________________________________ */
        /* ******************************************************************************************************************* */



        /* ******************************************************************************************************************* */
        /* __________________________________________________________________________________________________________________ */


        /* Sanskrit Mahavidhyalay school css Start */
        /* ----------------------------------------------------------------------------------------- */
        /* Navigation Section */
        #Aadmission {
            display: none;
        }

        #donation-section .nav-link {
            font-size: 14px;
            margin-left: 0px;
        }

        #donation {
            margin-top: 5px;
        }

        /* Navigation Section End*/
        /* Main Course Title */
        .section-title {
            margin: 25px;
            margin-left: 30px;
            margin-top: 45px;
        }

        /* Main Course Title End */
        #course-card {
            margin-left: -0px;
        }

        .main-course-card {
            display: flex;
            justify-content: center;
            align-content: center;
        }

        /* Gallery page */
        #gallery-btn {
            margin: 20px;
            position: relative;
            top: 15px;
            /*left: 16vw; */
            font-size: 10px;
        }

        .gallery-btn {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Gallery page End*/

        /* Thamnail Secation */
        .container2 {
            padding-top: 0;
            padding-left: 30px;
            padding-right: 30px;
        }

        .thumbanail.right {
            float: none;
            margin-left: 0px;
        }

        .thumbanail.left {
            float: none;
            margin-right: 0px;
        }

        .thumbanail {
            width: 100%;
        }

        #first-img-card {
            font-size: 15px;
        }

        #first-img {
            height: 50vw;
        }

        /*Thamnail Secation End*/

        #vision-mission-title {
            font-size: 18x;

        }

        /* Middel Description Section */
        .blockquote p {
            padding-left: 5px;
            padding-right: 0px;
            padding-top: 0;
        }

        /* Middel Description Section End*/
        /* ----------------------------------------------------------------------------------------- */

        /* Course Section */
        #course-card {

            margin-top: 20px;
            margin-left: -1.7px;
        }

        /* Course Section End*/

        table {
            border: 0;
        }

        table caption {
            font-size: 1.3em;
        }

        table thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table tr {
            border-bottom: 3px solid #ddd;
            display: block;
            margin-bottom: .625em;
        }

        table td {
            border-bottom: 1px solid #ddd;
            display: block;
            font-size: .8em;
            text-align: center;

        }

        table td::before {
            /*
            * aria-label has no advantage, it won't be read inside a table
            content: attr(aria-label);
            */
            content: attr(data-label);
            float: left;
            font-weight: bold;
            text-transform: uppercase;
        }

        table td:last-child {
            border-bottom: 0;
        }

        /* More Course Section */
        .more-course-card {
            margin-left: 0vw;
        }

        /* More Course Section End*/


        /* Gallery Title */
        #main-gallery-img-card {
            margin-top: 50px;
            margin-bottom: 50px;
        }

        .gallery-img-title {
            font-size: 13px;

        }


        /* Gallery Title End*/

        /* Video Page Section */
        .popup-video video {
            width: 95%;
        }

        .popup-video span {
            position: absolute;
            top: 110px;
            left: 300px;
            font-size: 45px;
        }

        .video-container .video {
            height: 150px;
            width: 230px;
            margin: 10px;
        }

        /* Video Page Section End*/
        /* Modal Css Start*/
        #small-text-close-btn {
            position: relative;
            left: 8vw;
        }

        .modal-body img {
            height: 350px;
            width: 500px;
        }

        .modal-body .img2 {
            height: 349px;
            width: 335px;
        }

        /* Modal Css End*/


        .preloader-title h2 {
            font-size: 23px;
            position: relative;
            top: 60%;
        }

        /* Donation QR Code section */
        .qr-image img
        {
            height: 300px;
            width: 300px;
        }





    }


    /* Sanskrit Mahavidhyalay school css End */
    /* __________________________________________________________________________________________________________________ */
    /* ******************************************************************************************************************* */