@media (min-width:992px) and (max-width:1199px) {
    .featured-imagebox-procedure .featured-thumbnail:before {
        right: -65px
    }

    .alumni-card img {
        height: 250px;
        width: 100%
    }

    #Excursion .row .col-lg-6 {
        padding: 1rem !important
    }

    .homemenulist ul li a {
        font-size: 16px;
        padding: .5rem
    }

    .academics-excursionimg,
    .ncc-img img {
        height: auto
    }

    .frame-text {
        top: 180px;
        width: 300px;
        left: 140px
    }

    .textboxbanner {
        top: 80px;
        left: 70px;
        width: 500px
    }

    .textboxbanner h1 {
        font-size: 28px
    }

    .textboxbanner p {
        line-height: 20px;
        font-size: 18px
    }

    .banner-container {
        height: 550px
    }

    .heading-part h1 span {
        font-size: 24px
    }

    .heading-part h1 {
        font-size: 26px !important
    }

    .box_welcome p,
    .heading-part p,
    .textbox_about_home p {
        font-size: 16px !important
    }

    .small-comp-p-0-30 {
        padding: 30px 0 20px !important
    }

    .small-comp-p-20 {
        padding: 20px 0 !important
    }

    .images_about_glry {
        height: 140px
    }

    .primary-img {
        width: 400px
    }

    .cbse_sec-row,
    .stu-concil-img1,
    .stuselect-process {
        margin-top: 3rem
    }

    .tab button {
        font-size: 14px
    }

    .bnar-txt p {
        top: 46%;
        width: 40%;
        left: 10.3%;
        font-size: 22px
    }

    .bnar-txt h2 {
        top: 30%;
        width: 60%;
        left: 10%;
        font-size: 40px
    }

    .example {
        margin-left: -40px
    }

    .newgallerysec {
        margin: 90px 0
    }

    .dps-society-img img {
        width: 70%
    }

    .dps-border-sec,
    .ourmission-img img {
        height: 610px
    }

    .dps-border-first {
        height: 300px !important
    }

    .torch-bearers-container h5,
    .torch-bearers-discription {
        font-size: 16px
    }

    .torch-bearers-sec-1 img,
    .torch-bearers-sec-10 img,
    .torch-bearers-sec-2 img,
    .torch-bearers-sec-3 img,
    .torch-bearers-sec-4 img,
    .torch-bearers-sec-5 img,
    .torch-bearers-sec-6 img,
    .torch-bearers-sec-7 img,
    .torch-bearers-sec-8 img,
    .torch-bearers-sec-9 img {
        width: 180px;
        height: 180px
    }

    .torch-bearers-sec-1,
    .torch-bearers-sec-2,
    .torch-bearers-sec-3 {
        height: 510px
    }

    .tagore-house,
    .tbears,
    .vivekananda-house {
        margin-top: 20px
    }

    .principal-message-sec img {
        height: 500px
    }

    .cloud {
        width: 300px
    }

    .stu-concil-img {
        width: 90%
    }

    .wrappers:before {
        height: 241px;
        width: 100%
    }

    .wrappers .card {
        grid-area: 1/1;
        height: 200px;
        width: 360px
    }

    .card-image,
    .card-image-one,
    .card-image-three,
    .card-image-two {
        width: 440px
    }

    .ashoka-house,
    .patel-house,
    .tagore-house,
    .vivekananda-house {
        height: 330px;
        width: 90% !important
    }

    .ncc-leftside-img {
        width: 100px;
        left: 0;
        top: 0
    }

    .nccbg-left {
        position: relative
    }

    .scout-guid-arrownext {
        right: 0;
        top: 500px;
        left: 70px
    }

    .scout-guid-arrowprev {
        left: 0;
        top: 500px
    }

    .primarywing {
        right: 20px
    }

    #sports-complex .bg-dot1 {
        right: 90px
    }

    .co-curricular-circle1,
    .co-curricular-circle2 {
        width: 350px
    }

    .tabcontent img {
        width: 100%
    }

    .co-curriculr-box {
        height: 260px;
        padding: 20px 10px
    }

    .gallery-box__img {
        left: 103px;
        top: 198px;
        width: 64%
    }

    .gallery-box {
        height: 240px
    }

    .gallery-box:hover .gallery-box__img {
        height: 236px
    }

    .irt-srvcbg {
        padding-top: 30px !important
    }
}

@media (min-width:992px) and (max-width:1599px) {
    .tab button {
        padding: 9px 6px
    }
}

@media (min-width:1200px) and (max-width:1399px) {
    .bnar-txt p {
        top: 50%;
        width: 40%
    }

    .staffimg {
        margin-left: 12%
    }

    .circle-design img {
        height: 270px
    }

    .bnar-txt h2 {
        top: 30%;
        width: 60%;
        left: 10%;
        font-size: 50px
    }

    .newgallerysec section {
        margin: 0;
        width: 100%
    }

    .dps-border-first,
    .dps-border-first img {
        height: 300px !important
    }

    .dps-border-sec,
    .ourmission-img img {
        height: 520px
    }

    .torch-bearers-sec-1 {
        height: 650px
    }

    .torch-bearers-sec-2,
    .torch-bearers-sec-3 {
        height: 620px
    }

    .wrappers:before {
        width: 100%
    }

    .scstru {
        padding-bottom: 2rem
    }

    .per-name h4,
    .torch-bearers-container h5 {
        font-size: 18px
    }

    .ashoka-house,
    .patel-house,
    .tagore-house,
    .vivekananda-house {
        height: 460px;
        width: 230px !important
    }

    .card-image,
    .card-image-one,
    .card-image-three,
    .card-image-two {
        width: 262px
    }

    .card-image-one::after,
    .card-image-three::after,
    .card-image-two::after,
    .card-image::after {
        top: 65px
    }

    .ncc-leftside-img {
        width: 100px;
        left: 0;
        top: 0
    }

    .nccbg-left {
        width: 600px;
        position: relative
    }

    .primarywing {
        right: 70px
    }

    .slider-corner1 {
        left: 5px
    }

    .slider-corner2 {
        right: 5px
    }

    .presentation-venues-img {
        width: 80% !important
    }

    #Counseling-Room img {
        width: 100% !important
    }

    .infirmaryimg1 {
        width: 60%;
        left: 20%;
        top: 0;
        bottom: 0
    }

    .canteen-img {
        left: 14%
    }

    .co-curriculr-box {
        height: 250px
    }

    .transport-txt,
    .transport-txt1 {
        padding: 20px
    }

    .community-out2 {
        margin-top: -79px;
        right: 18px
    }

    .community-out1,
    .community-out11,
    .community-out21,
    .community-out31,
    .community-out41 {
        margin-top: -289px
    }

    .alumni-card img {
        width: 250px
    }

    .co-cbseresult .nav li a,
    .coculam .nav li a,
    .topalumni .nav li a {
        margin: 5px;
        padding: 15px 30px
    }

    .gallery-box__img {
        left: 96px;
        top: 107px;
        width: 65%
    }

    .gallery-box:hover .gallery-box__img {
        height: 300px
    }
}

@media (min-width:1400px) and (max-width:1599px) {
    .infirmaryimg1 {
        width: 60%;
        left: 20%;
        top: 0;
        bottom: 0
    }

    .newgallerysec {
        margin: 0
    }

    .canteen-img {
        left: 14%
    }

    .torch-bearers-sec-1,
    .torch-bearers-sec-2,
    .torch-bearers-sec-3 {
        height: 590px
    }

    .ncc-leftside-img {
        width: 80px;
        left: 120px;
        top: 42%
    }

    .slider-corner1 .mini-corner1 {
        bottom: 4px;
        left: -7px
    }

    .primarywing {
        display: flex;
        justify-content: center
    }

    .community-out1,
    .community-out11,
    .community-out21,
    .community-out31,
    .community-out41 {
        margin-top: -334px
    }

    .media-slider .next,
    .media-slider .prev {
        top: 115%
    }

    .scstru {
        padding-bottom: 2rem
    }

    .presentation-venues-img {
        width: 80% !important
    }
}

@media (min-width:768px) and (max-width:991px) {

    .circledpsj-1,
    .co-curricular-circle1,
    .compus-prepwing,
    .stu-concil-img1 {
        position: relative
    }

    .why-choose-dps-row {
        padding-top: 10px
    }

    .alumni-discription p {
        font-size: 15px
    }

    .about-sec {
        padding: 70px 0 0
    }

    .courses-bg,
    .courses-bg:before {
        min-height: 850px
    }

    .courses-info {
        padding: 60px 0 40px;
        text-align: center
    }

    .courses-info p {
        padding-right: 0
    }

    .notice {
        padding: 50px 0 20px
    }

    .courses-box {
        padding-left: 0
    }

    .contact-us,
    .learning-area {
        padding: 30px 0
    }

    .learning-area .learning-content h3 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .page-wrapper-two .feature-item {
        border: 2px solid #f5f3f1 !important;
        padding: 25px
    }

    .featured-imagebox-procedure .featured-thumbnail:before,
    .media-slider .next,
    .media-slider .prev {
        display: none
    }

    .secondtophead {
        width: 90%;
        left: 5%
    }

    .textboxbanner p {
        line-height: 30px;
        font-size: 20px
    }

    .textboxbanner h1 {
        font-size: 30px
    }

    .textboxbanner {
        top: 80px;
        left: 70px;
        width: 550px
    }

    .fram-img {
        height: 380px !important
    }

    .frame-text {
        top: 150px;
        width: 350px;
        left: 120px
    }

    .banner-container .carousel-item img {
        height: 600px
    }

    .banner-container {
        height: 600px;
        margin-top: -110px
    }

    .maincontainer {
        margin-top: -85px
    }

    .homemenulist ul li a {
        font-size: 15px;
        padding: 8px 5px
    }

    .tab-p-0 {
        padding: 0 !important
    }

    .tab-p-10 {
        padding: 10px !important
    }

    .heading-part h1 {
        font-size: 20px
    }

    .heading-part h1 span {
        font-size: 24px
    }

    .heading-part p,
    .textbox_about_home p {
        font-size: 18px !important
    }

    .box_welcome {
        min-height: 300px
    }

    .box_welcome p {
        font-size: 16px !important
    }

    .images_about_glry {
        height: 90px
    }

    .images_about_glry figure figcaption {
        padding: 1em .5em;
        font-size: 14px !important
    }

    .images_about_glry figure p {
        letter-spacing: .5px;
        font-size: 10px;
        padding: .2rem .4rem
    }

    .images_about_glry figure figcaption h6 {
        font-size: 12px !important
    }

    .benifit-section {
        padding: 20px
    }

    .section-title h2 {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .faq-img {
        width: 320px
    }

    .page-wrapper-two .feature-icon {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px
    }

    .imgbox_home_about {
        padding-bottom: 30px
    }

    .section-mission {
        margin-top: 30px
    }

    .tab button {
        font-size: 15px;
        padding: 9px 4px
    }

    .bnar-txt h2 {
        width: 70%;
        font-size: 38px
    }

    .bnar-txt p {
        top: 46%;
        width: 60%
    }

    .newgallerysec {
        margin: 20px 0 !important
    }

    .cbse-card,
    .dps-border-sec,
    .tagore-house,
    .torch-bearers-sec-1,
    .vivekananda-house {
        margin-top: 20px
    }

    .primarywing-campus .container,
    .seaction1 .row,
    .seniorwing-container {
        margin-top: 0 !important
    }

    .cloud,
    .dps-society-img img {
        width: 100%
    }

    .mandla-road-dps img {
        height: 290px;
        margin-top: 20px
    }

    .ncc-img,
    .ourmission .sub-title,
    .stu-council {
        padding-top: 0 !important
    }

    .ourmission-img img {
        height: 400px;
        margin-top: 20px
    }

    .socialmedia img {
        width: 20%
    }

    .footer_list-text,
    .socialmedia {
        margin-top: 2rem
    }

    .torch-bearers-sec-1 img,
    .torch-bearers-sec-10 img,
    .torch-bearers-sec-2 img,
    .torch-bearers-sec-3 img,
    .torch-bearers-sec-4 img,
    .torch-bearers-sec-5 img,
    .torch-bearers-sec-6 img,
    .torch-bearers-sec-7 img,
    .torch-bearers-sec-8 img,
    .torch-bearers-sec-9 img {
        width: 170px;
        height: 170px
    }

    .principal-message-sec img {
        height: 400px;
        object-position: 0px
    }

    .sub-title .w-50 {
        width: 90% !important
    }

    .cloud::before {
        width: 100px;
        height: 100px;
        top: -30px;
        left: 110px
    }

    .cloud::after {
        width: 60px;
        height: 60px;
        top: -30px;
        left: 70px
    }

    .wrappers:before {
        width: 83%
    }

    .carousel-control-next i,
    .carousel-control-prev i {
        font-size: 30px;
        height: 50px;
        width: 50px
    }

    .campus-text-two,
    .carousel.pointer-event {
        margin-top: 4rem
    }

    .schoolaccolades p,
    .stu-registrationfrm label,
    .table-striped tbody tr td {
        font-size: 16px
    }

    .nccbg-left {
        width: 100%;
        padding: 2rem
    }

    .ncc-leftside-img {
        width: 80px;
        left: 7px;
        top: 13%
    }

    .enrichment-bg-img,
    .ncc-txt-leftside,
    .scholar-card-img {
        height: auto
    }

    .ncc-txt-rightside {
        margin-top: 0;
        height: 550px;
        margin-bottom: 2rem
    }

    .scout-guide-sec {
        margin-top: 0
    }

    .scout-guid-arrowprev {
        left: 0;
        top: 10px;
        position: relative
    }

    .scout-guid-arrownext {
        right: 0;
        top: 420px;
        left: 90px
    }

    .primarywing-campus {
        margin-top: 0;
        margin-bottom: 0 !important
    }

    .tabcontent img {
        width: 80%;
        margin-left: 10%
    }

    .circle-design img {
        height: 350px;
        width: 100% !important;
        margin-left: 0 !important
    }

    .canteen-img {
        left: 9%
    }

    .staffimg {
        margin-left: 18% !important
    }

    .co-cbseresult .nav li a,
    .coculam .nav li a,
    .topalumni .nav li a {
        padding: 15px
    }

    .co-cbseresult .Portfolios img,
    .coculam .Portfolios img,
    .topalumni .Portfolios img {
        height: 200px
    }

    .co-curriculr-row {
        padding-top: 0
    }

    .co-curriculr-box {
        height: 280px;
        font-size: 16px;
        padding: 30px 10px
    }

    .internationalismimg {
        margin-left: 0 !important
    }

    #Excursion .row .col-md-12 {
        padding: 1rem !important
    }

    .transport-img img {
        width: 100%;
        height: 320px
    }

    .transport-txt,
    .transport-txt1 {
        padding: 10px;
        height: 320px;
        font-size: 16px
    }

    .schoolaccolades h3 {
        font-size: 22px
    }

    .topplace-bg h6 {
        font-size: 18px
    }

    .top-placement-box {
        padding: 10px;
        height: 150px
    }

    .co-cbseresult .Portfolio img,
    .coculam .Portfolio img,
    .topalumni .Portfolio img {
        height: 300px
    }

    .assembly-card,
    .assembly-card img {
        height: 230px
    }

    .community-out1 .mini-co2,
    .community-out11 .mini-co2,
    .community-out21 .mini-co2,
    .community-out31 .mini-co2,
    .community-out41 .mini-co2 {
        bottom: 57px;
        right: 31px
    }

    .community-out1,
    .community-out11,
    .community-out21 {
        border-top: 63px solid transparent;
        border-left: 50px solid #673022;
        left: 5px;
        margin-top: 0;
        top: -16px
    }

    .community-out12 .mini-cout2,
    .community-out2 .mini-cout2,
    .community-out22 .mini-cout2,
    .community-out32 .mini-cout2,
    .community-out42 .mini-cout2 {
        bottom: 65px;
        left: -54px
    }

    .community-out12,
    .community-out2,
    .community-out22,
    .community-out32,
    .community-out42 {
        border-top: 74px solid transparent;
        border-left: 45px solid #673022;
        margin-top: -51px;
        right: 15px
    }

    .community-out31,
    .community-out41 {
        border-top: 63px solid transparent;
        border-left: 50px solid #673022;
        left: 5px;
        margin-top: 0;
        top: 32px
    }

    .mspeaks .column img {
        width: 42%;
        height: 140px;
        margin: 7px
    }

    .admission-table {
        width: 60%
    }

    .dpsjglyimg4 img {
        height: auto;
        width: 80%;
        margin-top: -40px
    }

    .circledpsj-1 {
        top: -20px;
        width: 40px;
        left: -20px
    }

    .swiper {
        padding-bottom: 0 !important;
        height: 600px
    }

    .alumni-discription h5 {
        font-size: 17px
    }

    .stu-registrationfrm .form-check {
        padding-left: .5em
    }

    .alumni-card img {
        height: 200px;
        width: 100%
    }

    .swiper .next {
        left: 12%
    }

    .alumni-card-swiper .swiper-slide {
        color: #141313
    }

    .administrativeimg {
        margin-right: 20%
    }

    .compus-prepwing {
        left: 20% !important
    }

    .slider-corner1 {
        left: 5px
    }

    .slider-corner2 {
        right: 6px
    }

    .stuselect-process {
        left: 17%;
        position: absolute
    }

    .presentation-venues-img {
        border-radius: 38% 62% 64% 36%/33% 55% 65% 57%;
        position: relative
    }

    .gallery-box {
        height: 280px;
        margin-top: 20px !important
    }

    .gallery-box__img {
        left: 93px;
        top: 150px;
        width: 65%
    }

    .gallery-box:hover .gallery-box__img {
        height: 276px
    }

    .gallery-modal .carousel-inner img {
        width: 100%;
        height: 400px;
        margin-top: 0
    }
}

@media (min-width:576px) and (max-width:767px) {
    .why-choose-dps-row {
        padding-top: 10px
    }

    .heading-part h1 span,
    .intro h2,
    .mob-menuicon {
        font-size: 24px
    }

    .about-sec {
        padding: 70px 0 0
    }

    .courses-bg,
    .courses-bg:before {
        min-height: 850px
    }

    .courses-info {
        padding: 50px 0 40px;
        text-align: center
    }

    .courses-info p {
        padding-right: 0
    }

    .notice {
        padding: 50px 0 0
    }

    .intro h2 {
        margin-bottom: 25px;
        padding-top: 25px
    }

    .learning-area {
        padding: 50px 0 50px 200px
    }

    .learning-area .learning-content h3 {
        font-size: 25px;
        margin-bottom: 10px;
        text-align: end
    }

    .learning-area .learning-content p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px;
        text-align: end
    }

    .btn-hvr {
        float: right
    }

    .page-wrapper-two .feature-item {
        border: 2px solid #f5f3f1 !important
    }

    .featured-imagebox-procedure .featured-thumbnail:before,
    .mob-none {
        display: none
    }

    .primary-img {
        width: 500px;
        padding-bottom: 30px
    }

    .mob-visible {
        display: block !important
    }

    .logobox {
        width: 40px
    }

    .mob-menuicon {
        float: right;
        color: #1c2a44;
        padding-top: 5px
    }

    .maincontainer {
        margin-top: 0
    }

    .banner-container {
        height: 100%;
        margin-top: 0
    }

    .banner-container .carousel-item img {
        height: 300px
    }

    .fram-img {
        height: 230px !important;
        object-fit: fill !important
    }

    .frame-text {
        top: 20px;
        width: 60%;
        left: 10px
    }

    .textboxbanner h1 {
        font-size: 20px
    }

    .textboxbanner p {
        font-weight: 400;
        line-height: 20px;
        font-size: 14px
    }

    .textboxbanner {
        top: 40px;
        left: 60px;
        width: 300px
    }

    .mob-p-10 {
        padding: 10px !important
    }

    .heading-part {
        text-align: left !important
    }

    .heading-part h1 {
        font-size: 18px
    }

    .box_welcome p,
    .heading-part p,
    .textbox_about_home p {
        font-size: 16px !important
    }

    figure.effect-ruby img {
        width: 100%
    }
}

@media (min-width:480px) and (max-width:575px) {
    .why-choose-dps-row {
        padding-top: 10px
    }

    .box_img_faq,
    .courses-info,
    .learning-content {
        text-align: center
    }

    .heading-part h1 span,
    .intro h2,
    .mob-menuicon {
        font-size: 24px
    }

    .about-sec {
        padding: 70px 0 0
    }

    .courses-bg,
    .courses-bg:before {
        min-height: 1300px
    }

    .courses-info {
        padding: 50px 0 40px
    }

    .courses-info p {
        padding-right: 0
    }

    .courses-box,
    .notice {
        padding: 0
    }

    .benifit-section .about-us-section .about-sec .row .col-lg-6:nth-child(2),
    .benifit-section .about-us-section .about-sec .row .col-lg-6:nth-child(4) {
        top: 0
    }

    .intro h2 {
        margin-bottom: 25px;
        padding-top: 25px
    }

    .faq-img {
        width: 300px
    }

    .learning-area {
        padding: 30px 0;
        background-position: right
    }

    .learning-area .learning-content h3 {
        font-size: 25px;
        margin-bottom: 10px
    }

    .learning-area .learning-content p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 25px
    }

    .page-wrapper-two .feature-item {
        border: 2px solid #f5f3f1 !important
    }

    .featured-imagebox-procedure .featured-thumbnail:before,
    .mob-none {
        display: none
    }

    .banner-container .carousel-item img {
        height: 250px
    }

    .maincontainer {
        margin-top: 0
    }

    .frame-text {
        top: 20px;
        width: 60%;
        left: 10px
    }

    .textboxbanner {
        top: 40px;
        left: 20px;
        width: 300px
    }

    .textboxbanner h1 {
        font-size: 20px
    }

    .textboxbanner p {
        font-weight: 400;
        line-height: 20px;
        font-size: 14px
    }

    .heading-part {
        text-align: left !important
    }

    .heading-part h1 {
        font-size: 18px
    }

    .box_welcome p,
    .heading-part p,
    .textbox_about_home p {
        font-size: 16px !important
    }

    .fram-img {
        height: 210px !important;
        object-fit: fill !important
    }

    .banner-container {
        height: 100%;
        margin-top: 0
    }

    .logobox {
        width: 40px
    }

    .mob-menuicon {
        float: right;
        color: #1c2a44;
        padding-top: 5px
    }

    .mob-p-0 {
        padding: 0 !important
    }

    .mob-p-10 {
        padding: 10px !important
    }

    .mob-visible {
        display: block !important
    }

    .images_about_glry {
        height: 140px
    }

    .images_about_glry figure {
        height: 200px
    }

    .images_about_glry img {
        width: 100%
    }

    .primary-img {
        width: 450px;
        padding-bottom: 30px
    }

    .cbse-card {
        height: auto;
        margin-top: 20px
    }
}

@media (min-width:320px) and (max-width:479px) {
    .why-choose-dps-row {
        padding-top: 10px
    }

    .box_img_faq,
    .courses-info,
    .learning-area {
        text-align: center
    }

    .about-sec {
        padding: 30px 0 0
    }

    .courses-bg,
    .courses-bg:before {
        min-height: 1100px
    }

    .courses-info {
        padding: 50px 0 40px
    }

    .courses-info p {
        padding-right: 0
    }

    .courses-box,
    .notice {
        padding: 0
    }

    .benifit-section .about-us-section .about-sec .row .col-lg-6:nth-child(2),
    .benifit-section .about-us-section .about-sec .row .col-lg-6:nth-child(4) {
        top: 0
    }

    .banner-container .carousel-item img,
    .person-dt .box-fm {
        height: 250px
    }

    .cover-bg1,
    .cover-bg2,
    .cover-bg3,
    .cover-bg4,
    .cover-bg5,
    .cover-bg6,
    .cover-bg7,
    .cover-bg8 {
        height: 250px;
        background-size: cover;
        background-position: center
    }

    .alumni-img {
        width: 300px
    }

    .section-title h2 {
        font-size: 30px
    }

    .intro h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }

    .faq-img {
        width: 250px
    }

    .learning-area {
        padding: 40px 0;
        background-position: right
    }

    .learning-area .learning-content h3 {
        font-size: 25px
    }

    .page-wrapper-two .feature-item {
        border: 2px solid #f5f3f1 !important;
        padding: 20px
    }

    .featured-imagebox-procedure .featured-thumbnail:before,
    .mob-none {
        display: none
    }

    .isotope-item {
        width: 120px !important
    }

    .maincontainer {
        margin-top: 0
    }

    .frame-text {
        top: 20px;
        width: 60%;
        left: 10px
    }

    .textboxbanner {
        top: 40px;
        left: 20px;
        width: 300px
    }

    .textboxbanner h1 {
        font-size: 20px
    }

    .textboxbanner p {
        font-weight: 400;
        line-height: 20px;
        font-size: 14px
    }

    .heading-part {
        text-align: left !important
    }

    .heading-part h1 {
        font-size: 24px;
        font-weight: 600
    }

    .heading-part h1 span {
        font-size: 24px
    }

    .box_welcome p,
    .heading-part p {
        font-size: 16px !important
    }

    .banner-container {
        height: 100%;
        margin-top: 0
    }

    .logobox {
        width: 40px
    }

    .mob-menuicon {
        float: right;
        font-size: 24px;
        color: #1c2a44;
        padding-top: 5px
    }

    .mob-p-0 {
        padding: 0 !important
    }

    .mob-p-10 {
        padding: 10px !important
    }

    .mob-visible {
        display: block !important
    }

    .images_about_glry {
        height: 140px
    }

    .fram-img {
        height: 210px !important;
        object-fit: fill !important
    }

    .btn-cont i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        left: 15px
    }

    .btn-cont {
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        padding: 0 30px 0 45px
    }

    .event_date {
        width: 60px
    }

    .event-date-wrap {
        margin: 5px;
        padding: 2px 0
    }

    .event-date-wrap p {
        font-size: 16px;
        font-weight: 700
    }

    .event-date-wrap span {
        font-weight: 500;
        font-size: 12px
    }

    .date-description {
        margin-left: 75px
    }

    .event_line {
        margin: 30px 0
    }

    .expl-courses {
        min-height: 150px
    }

    .expl-right {
        padding-left: 30px
    }

    .vertical-text span {
        font-size: 14px;
        line-height: 30px;
        padding-left: 14px
    }

    .expl-courses .expl-right i {
        font-size: 36px
    }

    .expl-courses h2 {
        font-size: 16px;
        line-height: 20px
    }

    .breadcrumbs {
        padding: 30px 0 20px
    }

    .breadcrumbs .breadcrumbs-content .page-title {
        font-size: 24px;
        padding-bottom: 15px;
        line-height: 20px
    }

    .breadcrumbs .breadcrumbs-content p {
        font-size: 16px;
        margin-top: 10px
    }

    .page-wrapper-two .feature-icon {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 20px
    }

    .slick-initialized .slick-slide {
        display: inline-block;
        height: 300px;
        float: left
    }

    .mob-px-1rem {
        padding: 1rem !important
    }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
        display: flex
    }

    .slick-slide img {
        width: 100%;
        height: 300px
    }

    .contact-us {
        padding: 50px 0
    }

    .contact-us .single-head {
        padding: 20px
    }

    .contact-us .single-info {
        margin-bottom: 12px;
        padding-left: 30px
    }

    .contact-us .single-info i {
        font-size: 20px;
        top: -3px
    }

    .contact-us .single-info ul li {
        font-weight: 400;
        font-size: 16px
    }

    .contact-us .form-main {
        padding: 30px 30px 30px 20px
    }

    .contact-us .form .form-group input {
        height: 40px;
        line-height: 40px;
        padding: 0 10px
    }

    .contact-us .form .button .btn {
        height: 40px;
        font-size: 14px;
        padding: 8px 20px
    }

    .ln-height {
        line-height: 1.5;
        font-size: 16px !important
    }

    .imgbox_home_about {
        padding: 20px 0
    }

    .primary-img {
        width: 300px;
        padding-bottom: 30px
    }

    .cbse-card {
        height: auto;
        margin-top: 20px
    }
}

@media (min-width:320px) and (max-width:767px) {

    .alumni-portal-img,
    .cloud {
        width: 100%
    }

    .mob-none {
        display: none
    }

    .cloud {
        margin-top: 110px !important
    }

    .table-responsive tr td {
        font-size: 14px
    }

    .text-green {
        font-size: 22px
    }

    .td-upload-doc::before {
        content: 'Upload Document'
    }

    .td-info::before {
        content: 'Information'
    }

    .td-details::before {
        content: 'Details'
    }

    .td-year::before {
        content: 'Year'
    }

    .td-reg-student::before {
        content: 'No. Of Registered Students'
    }

    .td-stud-pas::before {
        content: 'No. Of Students Passed'
    }

    .td-pas-perc::before {
        content: 'Pass Percentage'
    }

    .td-remark::before {
        content: 'Remark'
    }

    .heading-mob {
        font-size: 18px !important
    }

    .cbse_sec-row {
        margin-top: 2rem
    }

    .cbse-card {
        height: auto;
        margin-top: 20px
    }

    .cbse_sec-row-sec {
        margin-top: 0 !important
    }

    .icon-bar .facebook,
    .icon-bar .instagram,
    .icon-bar .linkedin {
        padding: 0 6px
    }

    .facebook img,
    .instagram img,
    .linkedin img {
        width: 5%
    }

    body {
        font-size: 16px
    }

    ul {
        padding-left: 1rem !important
    }

    #Internationalism .col-lg-6 {
        padding: 0 !important
    }

    .tc-bg {
        padding: 0
    }
}

@media (max-width:991px) and (min-width:320px) {

    .desk-header,
    .header-bg {
        display: none !important
    }

    .accordion-button,
    .accordion-button:not(.collapsed) {
        background-color: #faf5f9
    }

    .mob-header {
        margin-top: 0;
        box-shadow: 6px 4px 10px rgba(0, 0, 0, .3);
        position: sticky;
        top: 0;
        z-index: 111;
        background-color: #fff;
        display: block
    }

    .dps-logo {
        width: 60px;
        padding: 7px
    }

    .header-bg::before {
        height: 173px
    }

    .mob-header i {
        font-size: 30px
    }

    .sticky {
        z-index: 1
    }

    .accordion-body,
    .accordion-body ul li a {
        color: #000 !important;
        background: #faf5f9
    }

    .mob-header ul li a {
        text-transform: uppercase !important
    }
}

@media (min-width:320px) and (max-width:575px) {
    .why-dps-1 {
        height: auto;
        object-position: 0px;
        position: relative;
        z-index: 1
    }

    .co-curriculrrow-block .co-curricular-circle1,
    .co-curriculrrow-block .co-curricular-circle2 {
        width: 60% !important;
        left: 75px !important;
        height: 100% !important
    }

    .co-curriculr-img {
        height: 250px !important;
        width: 250px !important
    }

    .coculam {
        top: 22rem !important
    }

    .admission-pop-img {
       width: 100%;
       height: auto !important;
    }
    .btn-admissionpopup {
       top: 0px;
       right: 0px;
    }
    
}

@media (max-width:767px) {

    .academics-excursionimg img,
    .coculam .Portfolios img,
    .dpsj-img-4,
    .why-dps-3 {
        height: 250px
    }

    .mandla-road-dps img {
        height: 230px
    }

    .bg-banner-home1 h5,
    .bnar-txt h2,
    .bnar-txt p,
    .carousel-caption h2,
    .carousel-control-next,
    .carousel-control-prev,
    .desk-banner,
    .desk-banner .carousel-inner,
    .desk-block,
    .media-slider .next,
    .media-slider .prev,
    .mob-none,
    .section2-desk,
    .sport-carousel .carousel-inner .carousel-item>div,
    .swiper .next,
    .swiper .prev {
        display: none
    }

    .sport-carousel .carousel-inner .carousel-item>div:first-child {
        display: block
    }

    .campus-desk-mob,
    .mob-banner,
    .mob-block,
    .section2-mob {
        display: block !important
    }

    .ashoka-house p,
    .imgbox_home_about,
    .patel-house p,
    .tagore-house p,
    .vivekananda-house p {
        padding-bottom: 20px
    }

    .newgallerysec {
        margin: 90px 0;
        padding-left: 30px
    }

    .newgallerysec section {
        margin: 0
    }

    #myModal01 .close,
    #myModal02 .close1,
    #myModal03 .close2,
    #myModal04 .close3,
    .close {
        position: relative;
        z-index: 1111
    }

    .seaction1 .row,
    .stu-registrationfrm {
        margin-top: 0 !important
    }

    #Art-Craft-Lab .sub-title,
    #Cultural-lab .sub-title,
    #Dance-Lab .sub-title,
    #Music-Lab .sub-title,
    #Staff-Room .sub-title,
    #sports-complex .sub-title,
    .ncc-txt-rightside .ncc-img,
    .seaction1 .heading-part,
    .student-council-block {
        padding-top: 0 !important
    }

    .bg-banner-home1::before,
    .bg-banner-home2::before,
    .bg-banner-home3::before {
        background-color: transparent
    }

    .why-dps-3 {
        width: 50% !important;
        object-fit: cover;
        top: -14rem;
        right: -10px;
        float: right
    }

    .why-dps-2 {
        width: 50% !important;
        height: 150px;
        top: -1rem
    }

    .why-dps-circle-3 {
        height: 50px;
        width: 50px;
        top: -30px;
        left: 0;
        z-index: -1
    }

    .why-dps-circle-2 {
        top: -39px;
        left: 49%
    }

    .whychoose-dpsblg {
        height: 650px
    }

    .enrichment-box,
    .enrichment-box2,
    .enrichment-box3,
    .enrichment-box4,
    .enrichment-box5,
    .enrichment-box6,
    .exm-mob-5,
    .torch-bearers-sec-1,
    .torch-bearers-sec-3 {
        margin-top: 20px
    }

    .principal-message-sec img {
        height: 300px;
        object-position: 0px 0px
    }

    .w-50 {
        width: 90% !important
    }

    .table-striped thead tr th {
        font-weight: 600;
        padding-left: 20px;
        font-size: 16px
    }

    .table-bordered {
        overflow-y: scroll;
        display: block;
        overflow-x: auto;
        white-space: nowrap
    }

    .ashoka-house,
    .patel-house,
    .tagore-house,
    .vivekananda-house {
        margin: 20px auto auto;
        height: auto
    }

    .house-system {
        width: 80%;
        left: 10%
    }

    .housesystemrow,
    .primarywing-campus,
    .scout-guide-sec,
    .scoutguide-img {
        margin-top: 0
    }

    .wrappers .card,
    .wrappers:before {
        height: auto;
        width: 100%
    }

    .nccbg-left {
        width: 100%;
        padding: 1rem
    }

    .ncc-leftside-img01 {
        width: 100px;
        float: right;
        left: -40px;
        top: 28px
    }

    .ncc-txt-rightside {
        margin-top: 2rem;
        height: 400px;
        margin-bottom: 2rem
    }

    .scout-guid-cardimg {
        height: 250px !important
    }

    .scout-guid-arrownext,
    .scout-guid-arrowprev {
        top: 320px
    }

    .ncc-leftside-img {
        width: 80px;
        left: 10px;
        top: 12%
    }

    .ncc-txt-leftside {
        height: auto;
        padding: 3rem 1rem !important
    }

    .tab .lab-btn button {
        font-size: 14px;
        padding: 9px 0;
        width: 100%
    }

    .tab .lab-btn button.active,
    .tabcontent img {
        width: 100%
    }

    #Counseling-Room img {
        width: 100% !important
    }

    .circle-design img {
        height: 60%
    }

    .administrative-img {
        margin-right: 50%;
        width: 250px;
        height: 250px
    }

    .pre-pwing {
        width: 100%;
        height: 300px
    }

    .compus-prepwing {
        padding: 30px 0 30px 30px;
        width: 90%;
        height: 300px
    }

    .primarywingimg {
        height: 350px
    }

    .primarywing {
        right: 0;
        left: 20px;
        height: 84%;
        width: 80%;
        border-radius: 38% 62% 44% 36%/43% 35% 65% 57%
    }

    .co-curricular-circle1,
    .co-curricular-circle2 {
        width: 80%;
        left: 13px;
        height: 80%;
        overflow: hidden
    }

    .dpsj-img-5,
    .senior-sec {
        height: 280px
    }

    .slider-corner2 {
        right: 5px
    }

    .slider-corner1 {
        left: 5px
    }

    .stuselect-process {
        height: 250px;
        width: 250px
    }

    .campus-circle-bg1 {
        width: 100%;
        height: 100px;
        left: 20%;
        padding: 30px;
        top: 150px
    }

    .campus-circle-bg {
        width: 140px;
        padding: 50px;
        height: 140px;
        left: 90%
    }

    .sub-title h2 {
        font-size: 24px
    }

    .infrastru-btn {
        margin: 3px 5px
    }

    #Art-Craft-Lab,
    #Atal-Tinkering-Lab .col-lg-6,
    #Biology-lab .col-lg-6,
    #Canteen .col-lg-6,
    #Chemistry-lab .col-lg-6,
    #Composite-science-lab .col-lg-6,
    #Computer-lab .col-lg-6,
    #Counseling-Room .col-lg-6,
    #Cultural-lab,
    #Dance-Lab,
    #Excursion .col-lg-6,
    #Hostel .col-lg-6,
    #Infirmary .col-lg-6,
    #Infirmary .sub-title,
    #Maths-lab .col-lg-6,
    #Music-Lab .col-lg-6,
    #Physics-lab .col-lg-6,
    #Presentation-venues .col-lg-6,
    #Staff-Room .col-lg-6,
    .campus-text-one {
        padding: 0 !important
    }

    .co-curriculr-row {
        padding-top: 0
    }

    .co-cbseresult .nav li a,
    .coculam .nav li a,
    .topalumni .nav li a {
        padding: 5px;
        font-size: 15px
    }

    .coculam {
        top: 30rem
    }

    .cocurricular-activities {
        margin-top: 37rem
    }

    .co-curriculr-box {
        height: auto;
        margin-top: 20px !important
    }

    .transport-txt,
    .transport-txt1 {
        padding: 20px;
        height: auto;
        margin: 10px
    }

    .exemplary-performance-block .exemplary-performance {
        border: 4px solid #cb7373;
        margin-top: 20px
    }

    .academics-excursionimg,
    .career-banner,
    .ourmission-img img,
    .scholar-card-img,
    .swiper,
    .torch-bearers-sec-1,
    .torch-bearers-sec-2,
    .torch-bearers-sec-3 {
        height: auto
    }

    .assembly-card {
        margin-top: 70px
    }

    .communioutre-img1,
    .communioutre-img2,
    .communioutre-img3 {
        margin-top: 17px
    }

    .community-out1,
    .community-out11,
    .community-out21,
    .community-out31,
    .community-out41 {
        margin-top: 0 !important;
        top: 0
    }

    .community-imgsec .communioutre-img4,
    .community-imgsec .communioutre-img5 {
        margin-top: 17px !important
    }

    .mspeaks .column img {
        width: 85%;
        height: 45px
    }

    .msmySlides img {
        height: 450px
    }

    .alumni-card-swiper .swiper .swiper-slide {
        border-radius: 5px;
        border: 1px solid #fff;
        transition: .2s
    }

    .swiper .prev {
        left: 95px
    }

    .contact-us {
        padding: 30px 0
    }

    .frm-bg {
        width: 90%
    }

    .details h5 {
        font-size: 14px;
        top: 20%
    }

    .carousel-control-next i,
    .carousel-control-prev i {
        font-size: 20px;
        height: 30px;
        width: 30px
    }

    .gallery-modal .carousel-inner img {
        height: 300px;
        margin-top: 0
    }

    .why-dps-circle-1 {
        top: -10px;
        z-index: -1;
        left: 0
    }

    .dps-society-img img {
        padding: 0 !important;
        width: 35%
    }

    #accordion .card-header h5,
    .admission-note,
    .alumni-discription h5,
    .committie-heading,
    .mandatory-note,
    .tc-bg h4,
    .tc-bg h5 {
        font-size: 16px
    }

    .stu-concil-img1 {
        height: 250px;
        width: 250px;
        position: relative
    }

    .scout-guid-txt {
        margin-top: 100px
    }

    .primarywing-campus {
        margin-top: 4rem
    }

    #labs .tab .lab-btn {
        margin-top: 10px
    }

    .infirmaryimg {
        height: 350px;
        width: 70% !important;
        object-position: -71px 0px
    }

    .infirmaryimg1 {
        height: 350px;
        width: 40%
    }

    .canteen-img {
        height: 320px;
        width: 320px !important;
        left: 3%
    }

    .presentationvenuesblock,
    .staffimg {
        height: 300px
    }

    .staffimg {
        width: 300px !important;
        position: absolute;
        margin-left: 6%;
        float: none
    }

    .presentation-venues-img {
        height: auto;
        width: 80% !important
    }

    .staffroomblock {
        height: 390px
    }

    .co-curriculrrow-block .co-curricular-circle1,
    .co-curriculrrow-block .co-curricular-circle2 {
        width: 80%;
        left: 30px;
        height: 45%;
        overflow: hidden
    }

    .co-curriculr-img {
        height: 320px;
        width: 320px;
        position: relative
    }

    .comnity-imgsec,
    .transport-img {
        margin: 0 10px
    }

    .alumni-card,
    .alumni-card img {
        height: 150px;
        width: 100%
    }

    .card-image-one::after,
    .card-image-three::after,
    .card-image-two::after,
    .card-image::after {
        top: 70px
    }

    #Campus .container,
    #accordion .card-header {
        padding: 0
    }

    .comutyflip,
    .footer_list-text,
    .socialmedia {
        margin-top: 2rem
    }

    .footer-svg iframe {
        height: 300px;
        margin-top: 2rem
    }

    .wrapper {
        width: 80% !important
    }

    .academics-slider .carousel-inner {
        height: 300px;
        width: 100%
    }

    .topplace-bg {
        background-size: auto;
        background-repeat: repeat
    }

    .parentsapp h4 {
        font-size: 18px
    }

    .heading-part h3 span {
        font-size: 30px
    }

    .dpsjglyimg4 img {
        height: auto;
        width: 30%;
        position: absolute
    }

    .circledpsj-3 {
        height: 50px;
        width: 50px;
        top: -12px;
        left: 10px
    }

    .dpsjglyimg7 img {
        width: 45%;
        float: right
    }

    .dpsjglyimg8 {
        width: 50%
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        width: 3px !important
    }

    ::-webkit-scrollbar-thumb {
        background: #cacaca;
        border-radius: 4px;
        width: 3px !important
    }

    .gallery-box__img {
        left: 18%;
        top: 31%;
        width: 69%;
        border-radius: 10px;
        height: 273px
    }

    .gallery-box:hover .gallery-box__img {
        height: 295px
    }

    .gallery-box {
        margin-top: 20px !important
    }

    .mob-example img {
        width: 100%;
        border-radius: 10px;
        border: 2px solid #e3bfbf
    }

    .exm-mob-1 {
        height: 150px;
        margin-top: 20px
    }

    .exm-mob-2,
    .exm-mob-3 {
        margin-bottom: 20px;
        height: 125px
    }

    .exm-mob-6 {
        height: 245px
    }

    .exm-mob-4,
    .exm-mob-5 {
        height: 120px
    }

    .top-placement-box-1,
    .top-placement-box-10,
    .top-placement-box-11,
    .top-placement-box-12,
    .top-placement-box-13,
    .top-placement-box-14,
    .top-placement-box-15,
    .top-placement-box-16,
    .top-placement-box-17,
    .top-placement-box-18,
    .top-placement-box-19,
    .top-placement-box-2,
    .top-placement-box-20,
    .top-placement-box-3,
    .top-placement-box-4,
    .top-placement-box-5,
    .top-placement-box-6,
    .top-placement-box-7,
    .top-placement-box-8,
    .top-placement-box-9 {
        transform: rotate(0);
        margin-top: 20px !important
    }

    .box-stuconcil::after {
        width: 66%;
        height: 70%;
        left: 69px
    }

    .stu-concil-img {
        height: 200px
    }

    .bg-dot11 {
        top: auto
    }

    #library .col-lg-6,
    .tabcontent {
        padding: 0 10px
    }

    .accordion-body {
        padding: 1rem .25rem
    }

    .mspeaks {
        background: 0 0
    }

    .torch-bearers-container h5 {
        font-size: 17px
    }

    .stu-council,
    .torch-bearers-container {
        padding: 1rem !important
    }

    .stu-registrationfrm .form-control,
    .stu-registrationfrm .form-select {
        height: 40px;
        font-size: 14px
    }

    .alumni-discription {
        text-align: center
    }

    .alumni-discription p {
        font-size: 14px
    }

    .circle-welcmdps {
        background: linear-gradient(to bottom, #fdc12a, #f37335);
        height: 90px;
        width: 90px;
        position: relative;
        transform: rotate(45deg);
        top: 15px;
        left: 40px;
        z-index: -1
    }

    .carousel-indicators {
        bottom: -30%
    }

    .aashoka-house-img .carousel-inner,
    .newgallerypopup .carousel-inner {
        left: 0;
        top: 50px;
        width: 100% !important
    }
}

@media (min-width:768px) {

    .sport-carousel .carousel-inner .carousel-item-end.active,
    .sport-carousel .carousel-inner .carousel-item-next {
        transform: translateX(25%)
    }

    .sport-carousel .carousel-inner .carousel-item-prev,
    .sport-carousel .carousel-inner .carousel-item-start.active {
        transform: translateX(-25%)
    }
}

@media (min-width:992px) {
    .mob-header {
        display: none !important
    }
}

@media (min-width:1800px) and (max-width:1999px) {

    .nccbg-left,
    .newgallerysec {
        position: relative
    }

    .newgallerysec {
        margin: 2rem 180px 180px;
        display: inline-block;
        padding: 0;
        box-sizing: border-box;
        border: 0
    }

    .ncc-leftside-img {
        width: 120px;
        left: 0;
        top: 0
    }
}