
@media screen and (min-width:1600px) and (max-width:1700px) {
}
@media screen and (min-width:1440px) and (max-width:1599px) {
    .events-dtl h5{font-size:1.4rem;}
    .events-holder h3{font-size:1rem;padding:0.85rem 1rem}
}
@media screen and (min-width:1300px) and (max-width:1439px) {
    .address-phone p{font-size:1.1rem}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:0.95rem;}
    .events-dtl h5{font-size:1.3rem;}
    .events-holder h3{font-size:0.95rem;padding:0.85rem 1rem}
}
@media screen and (min-width:1200px) and (max-width:1299px) {
    header{padding-top:25px}
    .nis span{width:100px;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:0.93rem;}
    .address-phone p{font-size:0.95rem;}
    .navbar-expand-lg .navbar-nav > li{padding-left:7px;padding-right:7px;}
    .about-card{border-width:20px;}
    .about-card h2{bottom:-11px;}
    .events-dtl h5{font-size:1.3rem;}
    .events-holder h3{font-size:0.85rem;padding:0.85rem 1rem}
    .criteria-list ul li{font-size:1.35rem;}
    .pt-association h3{font-size:1.5rem;}
}
@media screen and (min-width:1024px) and (max-width:1199px) {
    header{padding-top:25px}
    header.smaller::before{height:70%;}
    .nis span{width:95px;}
    header.smaller{padding-top:15px}
    .navbar-expand-lg .navbar-nav .nav-link,header.smaller .navbar-expand-lg .navbar-nav .nav-link{font-size:13px;}
    header.smaller .nis span{width:80px;}
    .address-phone p{font-size:16px;}
    .navbar-expand-lg .navbar-nav > li{padding-left:5px;padding-right:5px;}
    .about-card{border-width:15px;}
    
    .innerpages{padding-top:150px;padding-bottom:25px;}
    .copyrights .col-12 p{font-size:16px;}

    .events-dtl h5{font-size:1.15rem;}
    .events-holder h3{font-size:0.8rem;padding:0.8rem 1rem}
    .criteria-list ul li{font-size:1.3rem;}

    .pt-association h3{font-size:22px;}

    .services-box{display:block;}
    .services-box .services-dtl{padding:15px 0;}
}
@media screen and (min-width:992px) and (max-width:1023px) {
    header{padding-top:25px;}
    header.smaller{padding-top:5px;}
    .nis span,header.smaller .nis span{width:75px;}
    .navbar-expand-lg .navbar-nav .nav-link,header.smaller .navbar-expand-lg .navbar-nav .nav-link{font-size:13px;}
    .navbar-expand-lg .navbar-nav > li,header.smaller .navbar-expand-lg .navbar-nav > li{padding-left:4px;padding-right:4px;}
    .navbar-social{padding-top:10px;padding-bottom:10px;}
    .about-card{padding:30px 30px 100px 30px;border-width:20px;}
    .about-card h2{font-size:30px;margin-bottom:8px;}
    .address-phone p{font-size:16px;}
    
    .innerpages{padding-top: 150px;padding-bottom:25px;}
    .copyrights .col-12 p{font-size:16px;}

    .table-main{margin:15px 0;}
    .table-main .fees-table{margin:10px 0 10px 0;}
    .fees-table tr th,.fees-table tr td{font-size:14px;}

    .address li label{font-size:16px;}
    .address li div{font-size:16px;}

    .events-dtl h5{font-size:18px;margin-top:30px;margin-bottom:10px;}
    .events-holder h3{font-size:13px;padding:10px 10px}

    .criteria-list ul li{font-size:1.25rem;}

    .pt-association h3{font-size:20px;}
}
@media screen and (min-width:300px) and (max-width:1023px) {
     .about-col{width:100%;}
     .about-col-img{display:flex;width:100%;padding:5px;}
     .about-col-img .about-img{flex:0 0 50%;}

     .services-box{display:block;}
    .services-box .services-dtl{padding:15px 0 0 0;}

    .registration-form{padding:50px 0;}
}
@media screen and (min-width:300px) and (max-width:991px) {
    header{padding-top:0;padding-bottom:5px;}
    header.smaller::before{height:100%;opacity:1;}    
    .nis{margin-top:10px;}
    .nis span{width:50px;}
    .topbar-right{flex:0 0 calc(100% - 70px);}
    .address-log-tele,.address-phone{display:block!important;}    
    .address-phone p{font-size:14px;margin:10px 0;}
    .address-phone p:first-child{margin-right:0px;margin-top:10px;margin-bottom:3px;}
    .address-phone p:last-child{display:none;}
    .login-register{text-align:left;}
    .address-phone p img{height:20px;}
    .login-register a{font-size:14px;}
    .login-register a .user{width:18px;}
    .address-log-tele{padding-bottom:0;}
    .header-social{}
    .header-social li a{width:25px;height:25px;}
    .navbar-expand-lg{position:fixed;top:0px;right:0px;z-index:88;width:55px;z-index:99;}
    .address-log-tele{border-bottom:none}
    .navbar-social{padding-top:5px;}
    
    .navbar-toggler,.navbar-toggler:focus{background-color:var(--clr-yellow);border-radius:0;border:2px solid var(--clr-brown);box-shadow:none;top:10px;right:10px;position:absolute;z-index:99;padding:5px 8px;}
 
    .navbar-toggler span{width:25px;height:20px;}
    .navbar-collapse{width:100vw;top:0;right:0;position:absolute;background-color:var(--clr-brown);}
    .navbar-nav{height:100vh;padding-top:25px;overflow:auto;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size:15px;color:var(--clr-yellow);}
    .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus{color:var(--clr-white);}
    .navbar-nav .dropdown-menu{border-radius:0;background-color:rgba(255,255,255,0.05);border:none;}
    .navbar-nav .dropdown-menu li{padding:5px 10px 5px 15px;}
    .navbar-nav li .dropdown-menu li a{font-size:15px;color:var(--clr-yellow)}
    .navbar-expand-lg .dropdown .dropdown-menu ul{padding-left:10px;}
    .navbar-nav .dropdown-menu li li{padding:5px 10px 5px 0px;}
    .navbar-expand-lg .dropdown .dropdown-menu ul li a{padding:2px 5px 2px 15px;position:relative;}
    .navbar-expand-lg .dropdown .dropdown-menu ul li a::before{top:7px;}

    .banner{margin-top:60px}
    .banner-contents{top:20px;}
    .banner-text h1{font-size:19px}
    .banner-left{width:53%;}
    .banner-sub{margin:5px 0;}
    .banner-sub h4{font-size:12px;}
    .banner-text p{font-size:11px;}
    .banner-text{padding-top:20px}
    .event-dtl h4{font-size:25px;margin-bottom:10px}
    .our-events h2{font-size:35px;}
    .foot-contact-card {padding:15px;}
    .foot-contact-card h3{font-size:25px;margin-bottom:15px}
    .foot-contact-card p{font-size:18px;}
    .events-holder h3{font-size:15px;padding:10px 15px;bottom:-17px;}
    .myFacilities .swiper-slide{padding-bottom:15px;}
    .facilities-dtl p{font-size:15px;}
    .service-button-prev,.event-button-prev{left:0px}
    .service-button-next,.event-button-next{right:0px}
    .copyrights .col-12 p{font-size:14px;}

    .innerpages{padding-top:100px;}
    .breadcrumb li{font-size:12px;padding-top:2px;padding-bottom:2px;}
    .breadcrumb-main{margin-bottom:25px}

    .niss-facilities-row .col-12 .row .col-lg-6 {width:100%;max-width:100%;}

    .affiliate p{font-size:18px}
    .foundation-stage{text-align:left;padding:15px}

    .address{padding-left:0;}
    .address > li{display:block;}
    .address li label{display:block;font-size:16px;padding-bottom:10px;}
    .address li div{display:block;font-size:16px;}

    .criteria-list ul li{font-size:20px;}
    
}
@media screen and (min-width:768px) and (max-width:991px) {
    .h1, h1 {font-size: calc(1rem + 1.5vw);}
    
    .about-card{padding:30px 30px 100px 30px;border-width:20px;}
    .about-card h2{font-size:30px;margin-bottom:8px;}

    .services-card h3{font-size:22px;}
    .niss-facilities-row h3{font-size:calc(1rem + .6vw);}
    .facilities-card{padding:15px;}
    .facilities-list .sf-card h4{font-size:calc(1.1rem + .3vw);}

    .table-main{margin:15px 0;overflow:auto;}
    .table-main .fees-table{margin:10px 0 10px 0;}
    .fees-table tr th{font-size:13px;padding:10px;}
    .fees-table tr td{font-size:13px;padding:10px;}

    .photos-row li{width:33.333%;max-width:33.333%;flex:0 0 33.333%;padding:10px;}

    .events-dtl h5{font-size:18px;margin-top:30px;margin-bottom:10px;}
    .events-holder h3{font-size:13px;}
    
    .parent-teacher-row .col-lg-4,.steps-row .col-lg-4{width:50%;}
    .pt-association h3{font-size:20px;}
}
@media screen and (min-width:300px) and (max-width:767px) {
    .vision-card{padding:15px 5px;}
    .vision-card p, .vision-statement ul li{font-size:16px;}
    .services-card h3{font-size:20px;}

    .list-item li{font-size:16px;}
    .table-main{overflow:auto;}
    
    .event-calendar{display:block!important}
    .event-wrapper{height:150px;padding-left:15px;}
    .event span{font-size:18px;}

    .photos-row li{width:50%;max-width:50%;flex:0 0 50%;padding:10px;}

    .videos-row .col-lg-3{width:50%;max-width:50%;padding:10px;}
    .videos-row .col-lg-3:nth-child(odd),.photos-row li:nth-child(odd){padding-bottom:0;padding-right:5px;}
    .videos-row .col-lg-3:nth-child(even),.photos-row li:nth-child(even){padding-bottom:0;padding-left:5px;}
    .photos-row li:last-child{padding-bottom:10px;}
    .video-card-holder::before{width:35px;height:35px;}
    .niss-facilities-row h3{font-size:20px;}
}
@media screen and (min-width:576px) and (max-width:767px) {
    .about-card{padding:20px 20px 100px 20px;border-width:15px;}
    .about-card h2{font-size:25px;margin-bottom:8px;}

    .table-main{margin:15px 0;}
    .table-main .fees-table{margin:10px 0 10px 0;}
    .fees-table tr th{font-size:13px;padding:5px;}
    .fees-table tr td{font-size:13px;padding:10px 0;}

    .events-dtl h5{font-size:18px;margin-top:30px;margin-bottom:10px;}
    .event-col{width:50%;}
    .parent-teacher-row .col-lg-4,.steps-row .col-lg-4{width:50%;}
    .niss-services-row .col-lg-6{width:100%;}
    .pt-association h3{font-size:20px;}
}
@media screen and (min-width:500px) and (max-width:767px) {
     
}
@media screen and (min-width:300px) and (max-width:575px) {
    .banner-right{width:100%;}
    .banner-contents{position:static!important;width:100%;}
    .banner-left{width:100%;}
    .btn{font-size:13px}
    .our-stuff{padding:25px 0;}
    .event-dtl{padding:20px 0 15px 25px;width:90%}
    .event-dtl p{line-height: normal;}
    .event-img{padding-bottom:175%}
    .facilities-holder{width:calc(100% - 60px);margin-left:30px}
    .swiper-button-prev,.swiper-button-next{width:40px;height:40px;top:19%;}
    .facilities-button-prev{left:-12px}
    .facilities-button-next{left:auto;right:-12px}
    .facilities-holder::before{left:-30px;top:-30px;width:calc(100% + 60px);height:calc(100% + 60px);}
    .circle4{width:5.375rem;height:5.375rem;left:69.5%;top:3%;}
    .circle2{top:16rem;left:76%;}
    .circle3{top:5%;width:5rem;height:5rem;bottom:auto}
    .our-events{padding-top:50px;padding-bottom:50px;}
    .facilities-dtl{padding:45px 15px 0 15px;}
    .facilities-dtl h3{font-size:25px;margin-bottom:15px}
    .circle5{display:none;}
    .facilities-dtl .btn{margin-top:5px;}
    .our-events h2{font-size:30px;}
    .events-dtl h5{margin-top:20px;font-size:20px}
    .events-dtl .event-readmore{margin-top:20px;}
    .service-button-prev,.service-button-next{top:50%;}
    .h1, h1{font-size:calc(1.2rem + 1.5vw);line-height:1.25;}
    .h1 br, h1 br{display:none;}

    .about-card{padding:20px 20px 100px 20px;border-width:10px;}
    .about-card h2{font-size:20px;margin-bottom:8px;}
    .about-col-img{display:block;}
    .about-col-img .about-img{flex:0 0 100%;}

    .Dr-Nora-Writing{display:block;margin-left:0;width:100%;}

    .niss-facilities-row .col-12 .row .col-lg-6{text-align:left;}
    .facilities-card{padding:15px;}
    
    .niss-facilities-row .col-12 .row .col-lg-6 ol{display:block;}
    .niss-facilities-row .col-12 .row .col-lg-6 ol li{text-align:left;font-size:18px;}
    .facilities-list .sf-card h4{font-size:18px;}
    .criteria-list ul li{font-size:18px;}

    .h3, h3{font-size:22px}
    .h4, h4{font-size:20px}

    .table-main{margin:15px 0;}
    .table-main .fees-table{margin:10px 0 10px 0;}
    .fees-table tr th{font-size:13px;padding:5px;}
    .fees-table tr td{font-size:13px;padding:10px 5px;}

    #calendar{padding:25px 0;}
    .day-number{font-size:16px;}

    .title h1{font-size:25px;}
    
    .events-row .col-lg-3{width:50%}
}
@media screen and (min-width:401px) and (max-width:575px) {
    .facilities-button-prev,.facilities-button-next{top:225px;}
}
@media screen and (min-width:375px) and (max-width:400px) {
    .facilities-button-prev,.facilities-button-next{top:200px;}
}
@media screen and (min-width:300px) and (max-width:390px) {
     
}
@media screen and (min-width:300px) and (max-width:374px) {
    .facilities-button-prev,.facilities-button-next{top:200px;}
}
 