﻿


/*#########################################*/
/*------Responsive Style For All Pages-----*/
/*#########################################*/


@media (max-width: 1400px) {


    /*---------Home Page------*/


    .TalentedStd .container-fluid {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .TalentedStd .TalentedTitle {
        padding-left: 20px;
    }
}


@media (max-width: 1200px)
{
    /*---------Layout---------*/
    .nav > li > a {
        padding: 10px 6px !important;
        font-size: 13px !important;
        border-radius: 2px;
    }



    /*---------Home Page------*/

    .dater {
        width: 75px;
        margin-right: 6px;
    }
    .dater-list {
        padding: 5px 0px;
        width: 70%;
    }
    .LinkWord {
        font-size: 12.4px;
    }

    .Speeches-1 {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .TalentedStd .TalentedTitle {
        padding-left: 30px;
    }
}


@media (width: 991px){}
@media (max-width: 991px)
{
    /*---------Layout---------*/
    .header-middle .contact ul {
		padding-right: 4px;
	}
	.header-middle .contact ul li {
		padding: 0 20px;
		font-size: 16px;
	}
    .header-middle .contact ul li a {
        color: #464646;
        transition: 0.2s;
    }
    .header-middle .contact ul li a:hover {
        color: #ff9600;
    }
    .header-middle a.login {
        padding: 5px 14px;
    }

    .nav > li > a {
        padding: 10px 9px !important;
    }


    .foot-link a {
        padding: 0;
    }
    .footer-stat h3 {
        font-size: 16px;
        margin: 12px 0 5px 0px;
    }
    .get-btn {
        padding: 5px 5px;
        font-size: 13px;
        letter-spacing: 0;
    }
    .footer-stat h2 {
        font-size: 17px;
    }
    .footer-stat .foot2 a {
        font-size: 12px;
    }
    .footer-stat p {
        font-size: 13px;
    }
    .footer-stat .foot {
        width: 33.33%;
        padding-left: 10px;
    }
    .footer-stat h3 {
        margin: 0;
    }
    .foot .break {
        clear: both;
        height: 7px;
    }
    .foot2 {
        width: 30%;
    }
    .foot3 {
        width: 100%;
        margin-top: 10px;
        padding-top: 15px;
    }
    .bor2 {
        border-top: 1px solid #00588B;
        border-left: 0;
    }
    .foot3 {
         margin-left: 0; 
         padding-left: 0; 
    }

    #feeter p {
        text-align: center;
        padding: 5px 0 3px 0;
    }
    #feeter .p1 {
        text-align: center;
        padding: 3px 0 5px 0;
    }


    /*--------Home Page------*/
    .banner-outer .Slider {
        height: 450px;
    }

    
    .dater {
        width: 65px;
        margin-right: 6px;
    }
    .LinkDate {
        font-size: 13px;
        padding: 8px;
    }
    .dater-list {
        padding: 5px 0px;
        width: 65%;
    }
    .LinkWord {
        font-size: 12.4px;
    }


    .sponsorMsg {
        padding-bottom: 0px;
    }
    .sponsorMsg .col-sm-4 {
        padding-right: 10px;
    }
    .sponsorMsg .col-sm-4 .sponsorImg {
        height: 80%;
    }

    .Speeches-1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .Speeches-1 .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .Speeches-1 .President-col {
        border-radius: 8px 8px 8px 8px;
    }
    .Speeches-1 .Headmaster-col {
        margin-top: 55px;
        border-left: 0 !important;
        border-radius: 8px 8px 8px 8px;
    }

    .our-impotance .feats {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }
    .our-impotance ul li:last-child {
		margin-bottom: 0px !important;
	}
	.our-impotance ul li {
		border-right: none;
		margin-bottom: 0px;
	}
	.our-impotance ul li:after {
		display: none;
	}


    .TalentedStd .container-fluid {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .TalentedStd .TalentedTitle {
        padding-left: 40px;
    }
    .TalentedStd .TalentedBox img {
        width: 135px;
        height: 160px;
    }
    .TalentedBox .TalentedBoxText1 {
        width: 135px !important;
    }
    .TalentedBox .TalentedBoxText2 {
        width: 135px !important;
    }
    .TalentedStd .TalentedBox a {
        font-weight: bold;
        font-size: 9px;
    }



    /*---------About School----------*/
    ul.our-strength li {
        width: 32%;
    }

    /*---------  Notices  ----------*/
    .NoticesDiv .NoticesInfo {
        margin-bottom: 40px;
    }

    /*-------Online Admission--------*/
    .OAdiv h3 {
        line-height: 1.3;
    }
    .formBigBox .commonBox {
        width: 30%;
        height: 170px;
    }
    .formBigBox .box1 {
        height: 155px;
        font-size: 20px;
    }
    .formBigBox .box2 {
        height: 155px;
        font-size: 20px;
    }
    .formBigBox .box3 {
        height: 155px;
        font-size: 20px;
    }


    /*-----Online Admission Print-----*/
    .AdmissionPrint .col-md-5 {
        display: none;
    }

    /*--------School Result---------*/
    .stdResult .col-md-8 {
        padding-top: 0;
    }


    /*------ClassWise Result-------*/
    .ClasswiseResult .col-md-8 {
        padding-top: 0;
    }
    .ClasswiseResult .col-md-8 form {
        padding-right: 25px;
    }


    /*---------Photo Gallery-------*/
    .PhotoGalleryDiv .PhotoBox {
        width: 33.33%;
        margin: 10px auto;
    }
}


@media (max-width: 767px)
{
    /*--------Besic Elements---------*/
    .padding-lgDiv {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .inner-banner .content .HeaderText {
        font-size: 35px;
    }

    /*--------Layout---------*/
    .header-middle a.login {
        padding: 5px 14px;
    }

    .navbar-header {
        background: #005cc0;
    }
    .navbar-header p {
        display: inline-block;
        font-family: 'Lobster', cursive;
        letter-spacing: 1px;
        width: 120px;
        font-size: 16px;
        padding: 15px 30px;
        margin: 0;
    }

    .announce-bar h4{
        margin-top: 10px;
    }

    .navbar #navbar {
        background: #eaeaea;
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar-nav {
        margin: 0!important;
    }
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #f9f9f9 !important;
        border-radius: 5px;
    }
    .nav > li {
        border-bottom: 1px solid #c6c6c6;
    }
    .nav > li:last-child {
        border-bottom: 0;
    }
    .nav > li > a {
        font-family: 'Kaushan Script', cursive;
        padding: 10px 30px !important;
        color: #414141;
        letter-spacing: 1px;
    }
    .navbar .dropdown-menu:after {
        display: none;
    }    
    .navbar .dropdown-menu {
        margin-left: 0;
    }
    .navbar .dropdown-menu > li > a:focus, .navbar .dropdown-menu > li > a {
        font-family: 'Courgette', cursive;
        font-size: 16px;
        color: #005cc0;
        padding: 5px 15px 5px 8px !important;
        margin-left: 42px !important;
        letter-spacing: 1.3px;
        border-left: 1px solid #c6c6c6;
    }
    .dropdownMenu-right {
        display: block !important;
        position: relative;
        margin-left: 75px;
        margin-top: 5px;
        margin-bottom: 3px;
        border: none;
        box-shadow: none;
        border-radius: 0px;
        border-left: 1px solid #c6c6c6;
        background: #f1f1f1;
    }
    .dropdownMenu-right:after {
        display: none;
    }
    .dropdownMenu-right > li > a:focus, .dropdownMenu-right > li > a {
        font-family: 'Courgette', cursive;
        font-size: 14px;
        letter-spacing: 1.3px;
        color: #464646;
    }
    .dropdownMenu-right > li > a:focus, .dropdownMenu-right > li > a:hover {
        background: #0069db;
        color: #fff;
    }


    .footer-stat h3 {
        margin: 0;
    }
    .foot .break {
        clear: both;
        height: 7px;
    }
    .foot2 {
        width: 30%;
    }
    .foot3 {
        width: 100%;
        margin-top: 10px;
        padding-top: 15px;
    }
    .bor2 {
        border-top: 1px solid #00588B;
        border-left: 0;
    }
    .foot3 {
        margin-left: 0;
        padding-left: 0;
    }
    .footer-stat h3 {
        font-size: 15px;
    }
    .get-btn {
        padding: 5px 5px;
        font-size: 13px;
        letter-spacing: 0;
    }
    .foot-email {
        width: 25px;
    }
    .footer-stat h2 {
        font-size: 16px;
        margin: 12px 0 7px 0px;
    }
    .footer-stat .foot2 a {
         letter-spacing: 0; 
        font-size: 13px;
        transition: 0.2s;
    }
    .footer-stat p {
         padding: 0; 
         letter-spacing: 0; 
        font-size: 13px;
    }


    /*------Home Page--------------*/
    .banner-outer .Slider {
        height: 350px;
    }
    .banner-outer .bx-wrapper .bx-pager {
        bottom: 10px;
    }

    .sponsorMsg .col-sm-4 .sponsorImg {
        height: 80%;
        float: left;
        margin-right: 20px;
    }  

    .dater {
    width: 70px;
    margin-right: 10px;
    }
    .LinkDate {
        font-size: 14px;
        padding: 10px;
    }
    .dater-list {
        padding: 10px 0px;
        width: 70%;
    }
    .LinkWord {
        font-size: 14px;
        text-align: left;
    }


    .Speeches-1 {
        margin-bottom: 20px;
    }
    .Speeches-1 .row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 10px 0;
    }
    .Speeches-1 .President-col {
        border-radius: 8px 8px 8px 8px;
    }
    .Speeches-1 .Headmaster-col {
        margin-top: 55px;
        border-left: 0!important;
        border-radius: 8px 8px 8px 8px;
    }

    .TalentedStd {
        display: none;
    }


    /*---------About School----------*/
    .about .about-right {
    padding-top: 20px;
    }
    .why-choose {
        height: auto;
    }
    ul.our-strength li {
        width: 32%;
    }
    ul.our-strength {
        width: 450px;
    }

    /*-----Physical Infrastructure-----*/
    .phyInfra h2 {
        font-size: 22px;
        padding: 0;
    }
   

    /*- President & Teacher Message -*/
    .messageImg #M-img {
        height: 200px;
        box-shadow: 2px 4px 3px #c2c2c2;
        margin: 10px 20px;
    }

    /*-------Online Admission--------*/
    .OAdiv .box1 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .OAdiv .box2 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .OAdiv .box3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .formBigBox .formInnerBox {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        margin: 0 auto;
    }
    .formBigBox .commonBox {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 200px;
    }
    .formBigBox .box1:hover {
        width: 98%;
        height: 98%;
        color: #17447C;
    }
    .formBigBox .box2:hover {
        width: 98%;
        height: 98%;
        color: #17447C;
    }
    .formBigBox .box3:hover {
        width: 98%;
        height: 98%;
        color: #17447C;
    }
    .OAbtm h5 {
        text-align: left;
    }
    .OAbtm .supHead {
        text-align: right;
    }

    /*----Online Admission Print------*/
    .ACP-login .labelTd {
        width: 25%;
        text-align: right;
    }

    /*--------Photo Gallery--------*/
    .PhotoGalleryDiv .PhotoBox {
        width: 33.33%;
        margin: 10px auto;
    }
    .PhotoGalleryDiv .PhotoBox .PhotoInnerBox {
        height: 200px;
 
    }  
}


@media (width: 640px) {}
@media (max-width: 640px) {
    /*-------Layout-------------*/


    .footer-stat .foot {
        width: 100%;
        padding-left: 10px;
    }
    .foot .break {
        clear: both;
        height: 12px;
    }
    .foot2 {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #00588B;
    }
    .bor {
        border-left: 0;
    }
    .foot2 a {
        font-size: 12px;
    }
    .foot3 {
        width: 100%;
        margin-top: 10px;
        padding-top: 15px;
        margin-left: 0;
        padding-left: 0;
    }
    .bor2 {
        border-top: 1px solid #00588B;
        border-left: 0;
    }


    /*---------Home Page---------*/

    .sponsorMsg .col-sm-8 h2 {
        font-size: 25px;
    }

    /*---------About School----------*/
    ul.our-strength {
        width: 420px;
    }


    /*-------Vission & Mission-------*/
    .vmcover {
        height: 200px;
    }

    /*---------  Notices  ----------*/
    .NoticesDiv h2 {
        font-size: 20px;
    }
    .NoticesDiv h3 {
        font-size: 18px;
    }
    .NoticesDiv .NoticesInfo {
        margin-bottom: 40px;
    }


    /*--President & Teacher Message--*/
    .messageDiv {
        margin: 0 auto;
    }

    /*-------Online Admission--------*/
    .OAdiv h3 {
        font-size: 21px;
        line-height: 1.3;
    }
    .OAbtm h5 {
        font-size: 14px;
        text-align: left;
    }
    .OAbtm p {
        font-size: 13px;
        transform: translate(0px, 8px);
    }

    /*----Online Admission Print------*/
    .ACP-login {
        padding: 45px 30px;
    }


    /*---------School Result---------*/
    .stdResult .col-md-8 {
        padding-top: 0;
    }
    .stdResult .col-xs-5 {
        display: none;
    }
    .stdResult .col-xs-7 {
        width: 100%!important;
        height: 300px;
    }
    .stdResult .text4box {
        width: 20%;
    }
    .stdResult .textbox {
        width: 50%;
    }
    .stdResult .col-xs-7 p {
        text-align: left;
        padding-right: 0;
        padding-left: 10px;
    }


    /*-------ClassWise Result---------*/

    .ClasswiseResult .text4box {
        width: 35%;
    }


    /*---------Photo Gallery----------*/
    .PhotoGalleryDiv {
        margin: 20px auto;
    }
    .PhotoGalleryDiv .PhotoBox .PhotoInnerBox {
        width: 95%;
        height: 150px;
        padding: 0;
    }
    .PhotoGalleryDiv .PhotoBox .PhotoInnerBox p {
        font-size: 10px;
        padding: 3px 0 5px 0;
    }
}


@media (width: 480px){}
@media (max-width: 480px) {
    /*---------Layout-------------*/




    /*---------About School----------*/
    .about .about-right {
        padding-top: 10px;
    }
    ul.our-strength {
        width: 100%;
    }
    ul.our-strength li {
        width: 49%;
        margin-bottom: 20px;
    }
    ul.our-strength li:last-child {
        margin-bottom: 0;
    }

    /*-----Online Admission Print----*/
    .ACP-login {
        padding: 45px 10px;
    }
    .ACP-login p {
        padding-left: 10px;
    }
    .ACP-login .input-medium {
        width: 95%;
    }
    .ACP-login .subBtn {
        padding-right: 15px;
    }

    /*---------School Result---------*/
    .stdResult .col-xs-7 p {
        text-align: right;
        padding-right: 10px;
        padding-left: 0;
        font-size: 14px;
    }


}

@media (max-width: 440px) {
    /*------Layout--------*/

    #footer-wrapper {
        padding: 0px 0 20px;
    }

    /*-----Physical Infrastructure-----*/
    .phyInfra .col-sm-5 {
        display: none;
    }

    /*-------Vission & Mission-------*/
    .vmcover {
        height: 150px;
    }

    /*---------  Notices  ----------*/
    .NoticesDiv .NoticesInfo {
        padding-right: 15px;
    }


    /*--President & Teacher Message--*/
    .messageImg #M-img {
        height: 150px;
        margin: 10px 20px 10px 10px;
    }
    .messageDiv p {
        line-height: 30px;
        letter-spacing: 1px;
        white-space: pre-line;
    }


    /*-------Photo Gallery----------*/
    .PhotoGalleryDiv .PhotoBox .PhotoInnerBox {
        height: 130px;
        padding: 0;
    }
}

@media (width: 414px){}
@media (max-width: 414px) {
    /*----------Layout------------*/




    /*--------Home Page-------------*/

    .sponsorMsg .col-sm-4 .sponsorImg {
        height: 120px;
    }

    /*---------School Result---------*/
    .stdResult .col-xs-7 {
        width: 100% !important;
        height: 250px;
    }
    .stdResult .textbox {
        width: 45%;
    }
}


@media (width: 375px){}
@media (max-width: 375px) {
    /*-----------Layout------------*/
    .header-middle a.login {
        padding: 2px 8px;
    }

    /*--------Home Page-------------*/

    .sponsorMsg .col-sm-4 .sponsorImg {
        height: 105px;
    }

    /*-----Online Admission Print----*/
    .AdmissionPrint .topText {
        padding: 7px 5px;
    }
    .AdmissionPrint .topText p {
        font-size: 15px;
    }
    .AdmissionPrintForm h3 {
        width: 210px;
        transform: translate(35px, 20px);
    }
    .ACP-login .labelTd {
        width: 35%;
    }

    /*---------School Result---------*/
    .stdResult .col-xs-7 p {
        font-size: 12px;
    }
    .stdResult .textbox {
        width: 35%;
    }
}

@media (max-width: 340px) {
    /*--------Layout--------*/


    .footer-stat h3 {
        font-size: 13px;
        letter-spacing: normal;
        margin: 12px 0px 0px;
    }
    .foot-email {
        width: 22px;
    }
    .footer-stat h2 {
        font-size: 13px;
        margin: 12px 0 7px 0px;
    }

    /*---------  Notices  ----------*/
    .NoticesDiv .NoticesInfo {
        padding-right: 15px;
    }


    /*--President & Teacher Message--*/
    .messageDiv {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .messageDiv p {
        line-height: 25px;
        letter-spacing: 1px;
        white-space: pre-line;
    }

    /*-----Online Admission---------*/
    .OAMain h2 {
        font-size: 22px;
    }
    .OAbtm p {
        letter-spacing: 0;
    }

    /*---------Photo Gallery------*/
    .PhotoGalleryDiv .PhotoBox .PhotoInnerBox {
        height: 100px;
    }
}

@media (width: 320px){}
@media (max-width: 320px) 
{


    /*---------About School----------*/
    ul.our-strength li {
        width: 100%;
    }

    /*-----Online Admission Print----*/
    .ACP-login .subBtn {
        padding-right: 5px;
    }

    /*---------School Result---------*/
    .stdResult .col-xs-7 {
        height: 230px;
    }
    .stdResult .Stdheader {
        font-size: 24px;
        margin: 0;
    }
}


/*################################*/
/*-Responsiv Only For Quick Point-*/
/*################################*/
@media (max-width: 768px) {
    .news-section {
        float: left;
        width: 100%;
    }
    .vis-mis {
        width: 50%;
        height: 200px;
        margin-top: 0px;
    }
    .news {
        width: 50%;
        height: 200px;
        margin-top: 0px;
    }
    .gallery {
        float: left;
        width: 100%;
        height: auto;
    }
    .circular {
        float: left;
        width: 100%;
    }
}
@media (max-width: 550px) {
    .news, .vis-mis {
        width: 100%;
        height: auto;
        margin-top: 0px;
    }
}
@media (max-width: 340px) {
    .dater-list {
        width: 68%;
    }
}