/*  Responsive Css */

:root {
  --main-color-one: rgb(244, 35, 70);         /*** rgb(152,202,58) ****/
  --main-color-one-a: rgba(244, 35, 70,1);         /*** rgba(152,202,58,1) ****/


  --main-color-two: rgba(255,209,0,1);        /*** rgba(255,209,0,1) ****/
}

@media only screen and (max-width: 5000px){
  
  .boxed_wrapper{
    overflow-x: hidden;
  }
 
}
@media only screen and (max-width: 5000px) and (min-width: 2201px){
	section.section11 {
		width: calc(100% - 60px);
	}
} 
@media only screen and (max-width: 2200px) and (min-width: 1800px){
	section.section11 {
		width: calc(100% - 56px);
	}
} 
@media only screen and (max-width: 1800px) and (min-width: 1681px){
	section.section11 {
		width: calc(100% - 56px);
	}
} 

@media only screen and (max-width: 1680px) and (min-width: 1500px){
	section.section11 {
		width: calc(100% - 40px);
	}
}
@media only screen and (max-width: 1500px) and (min-width: 1400px){
	section.section11 {
		width: calc(100% - 31px);
	}
}

@media only screen and (max-width: 1200px){

  .main-footer{
    background-position: center;
    background-size: 97%;
    min-width: none;
  }
  .main-menu .navigation > li > a{
    font-size: 13px;
    font-weight: 400;
  }
  .main-menu .navigation > li{
    margin: 0 11px;
  }
  .banner-text{
    top: 62%;
  }
  .image-box{
    margin-left: 0;
  }
  .img-box1, .img-box2, .img-box3, .img-box4{
    height: auto;
    width: auto;
  }
  .main-slider h1 {
    font-size: 50px;
    line-height: 54px;
}
  .anim-icon{
    display: none !important;
  }
  .principal-img {
    margin: -110px 0 0 0;
    position: absolute;
    right: -122px;
	}
  .principal-img img {
	  width: 76%;
	}
   .computer-lab ul li {
	  width: 49%;
	}
   .admissionn-section .white-bg img{
	   height: 100%;
	}
  .service-section .inner-content{
    margin: 0px;
  }

  .service-section .owl-nav{
    left: -324px;
  }

  .classes-section .inner-block .lower-content .info-box li:before,
  .feature-section .image-column{
    display: none;
  }

  .event-block-one .inner-box{
    padding-right: 15px;
  }

  .event-block-one .inner-box .content-box{
    padding-left: 250px;
  }

  .faq-content{
    margin-left: 0px;
  }

  .gallery-section{
    padding-left: 30px;
    padding-right: 30px;
  }

  .news-block-one .inner-box .lower-content{
    padding-left: 25px;
  }

  .main-footer .footer-top .link-widget{
    margin-left: 30px;
  }

  .main-footer .footer-bottom .right-content .footer-logo:before,
  .activities-section .image-box .image:before{
    display: none;
  }

  .main-footer .footer-bottom .right-content .footer-logo{
    margin-right: 120px;
  }

  .fact-counter .counter-block{
    padding-left: 70px;
  }

  .activities-section .image-box {
    margin-left: 0px;
  }

  .testimonial-video .testimonial-column .testimonial-content {
    padding-left: 30px;
  }

  .main-header.style-two .main-menu .navigation > li{
    margin: 0px 35px;
  }

  .classes-section.style-three .owl-nav{
    left: -405px;
  }

  .activities-section.style-two .image-box{
    margin-left: 0px;
    margin-right: 0px;
  }

  .news-block-two .inner-box{
    margin-bottom: 30px;
  }

  .about-section.style-two .image-box{
    margin-left: 160px;
  }

  .faq-page-section .faq-content{
    margin-top: 30px;
  }

  .classes-section .inner-block .lower-content {
    padding: 34px 30px 37px 30px;
  }

  .class-details .inner-box .info-box li:first-child:before, 
  .class-details .inner-box .info-box li:nth-child(2):before{
    display: none;
  }

  .class-details .inner-box .info-box{
    padding: 27px 15px 23px 15px;
  }

  .class-details .inner-box .info-box li{
    margin-right: 20px;
  }

  .class-details .inner-box .info-box li .theme-btn{
    padding: 17px 30px;
  }

  .teachers-block-one{
    margin-bottom: 30px;
  }

  .our-teachers{
    padding-bottom: 120px;
  }

  .pricing-section .pricing-table .table-header{
    padding: 49px 30px 43px 30px;
  }

  .pricing-section .pricing-table .table-header:before{
    display: none;
  }

  .pricing-section .pricing-table .table-content{
    padding: 30px 20px 19px 20px;
  }

  .pricing-section .pricing-table .table-footer{
    padding-left: 20px;
  }

  .event-details .event-details-content .countdown-box h3{
    display: block;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .shop-details .content-box{
    margin-left: 0px;
  }

  .countdown-box{
    text-align: center;
  }

  .shop-section .shop-sidebar{
    margin-bottom: 40px;
  }

  .blog-page-section .news-block-one .more-btn{
    left: 25px;
  }

}

@media only screen and (max-width: 991px) and (min-width: 768px){
	.tab-pane .msg-box-descpt {
		float: left;
		padding:0 0 34px 0
	}
	section.section11 {
		width: 100%;
		margin: 0 0 0 43px;
}
.ach-text span {
    max-width: 100%;
}
.mobile-story a {
    margin-left: 10px;
    margin-right: 10px;
}
}
@media only screen and (max-width: 991px){

.tab-pane .msg-box-descpt {
		padding:0 0 34px 0
	}
  .sticky-header, .main-header .header-top{
    display: none;
  }

  .main-header .logo-box{
    position: relative;
    display: block;
    float: none;
    text-align: left;
    z-index: 99;
  }

	.main-header .nav-outer, .main-header .menu-area {
	    position: relative;
        float: none;
        background: linear-gradient(90deg, var(--main-color-one-a) 46%, rgba(255, 209, 0, 1) 100%);
        margin: 0;
        height: 45px;
        top: 0;
        padding:5px 0 0 0;
        border-radius: 5px;
	}

  .main-header .outer-box{
    position: absolute;
    top: -2px;
    right: 0px;
    margin: 0px;
  }
  .main-slider{
    height: auto;
  }
  .main-slider{
    margin-top: 20%;
  }
  .banner-text{
    top: 0;
    transform: inherit;
    position: relative;
  }
  .notice .owl-theme .owl-nav .owl-prev{
    left: 0;
  }
  .notice .owl-theme .owl-nav .owl-next{
    right: -20px;
  }
  .main-header .logo-box .logo:before,
  .about-section .image-box:before{
    display: none;
  }

  .about-section .image-box .image-2{
    position: relative;
    left: 0px;
    top: 0px;
  }

  .about-section .image-box{
    margin: 0px;
    margin-bottom: 40px;
    justify-content: center;
  }
  .profile-bx{
    width: 100%;
    left: 0;
  }
  .tab-pane .msg-box-descpt {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
  .principal-img {
    margin: 0;
    position: relative;
    right: 0;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .principal-img img {
    width: 100%;
    margin: 0px;
  }
  .computer-lab ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .computer-lab ul li {
    width: 48%;
    margin-bottom: 13px;
  }

  .topper-section .achievements {
      padding: 0;
  }
  .gallery-section .ach-text {
    padding: 10px 30px 0px;
    position: relative;
    transform: inherit;
    top: 0;
    left: 0;
    width: 100%;
}
.main-footer{
  background-size: auto;
  background-position: center;
  min-width: auto;
}
.computer-lab ul li{
  width: 100%;
}
  .about-section .image-box .image-1{
    margin-bottom: 30px;
  }

  .service-section .inner-content{
    margin-bottom: 40px;
  }

  .service-section .carousel-content{
    margin: 0px;
  }

  .classes-section .inner-block{
    margin-bottom: 30px;
  }

  .classes-section{
    padding-bottom: 120px;
  }

  .testimonial-content{
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .news-block-one .inner-box{
    margin-bottom: 70px;
  }

  .news-section{
    padding-bottom: 118px;
  }

  .main-footer .footer-top .about-widget,
  .main-footer .footer-top .link-widget{
    margin: 0px 0px 30px 0px;
  }

  .main-footer .footer-top .contact-widget{
    margin-left: 0px;
  }

  .main-footer .footer-bottom .left-content,
  .main-footer .footer-bottom .right-content{
    float: none;
    display: block;
    text-align: center;
  }

  .main-footer .footer-bottom .right-content .footer-logo{
    margin: 15px 0px;
    display: block;
    text-align: center;
  }

  .main-menu .navigation > li > ul > li{
    padding: 0px;
  }

  .main-menu .navigation > li > ul > li:hover{
    background: #0187CC !important;
    border-color:#96bd20;
  }

  .main-menu .navigation > li > ul > li > ul > li > a{
    padding: 0 0 0 10px !important;
  }

  .offer-section .single-offer-block{
    margin-bottom: 30px;
  }

  .offer-section{
    padding-bottom: 120px;
  }

  .fact-counter .counter-block{
    margin: 15px 0px;
  }

  .activities-section .image-box{
    margin-top: 0px;
  }

  .activities-section .image-box .image{
    float: none;
  }

  .testimonial-video .video-column{
    width: 100%;
  }

  .testimonial-video .video-column,
  .testimonial-video .video-column .video-inner{
    position: relative;
  }

  .testimonial-video .testimonial-column{
    float: none;
    width: 100%;
  }

  .testimonial-video .testimonial-column .testimonial-content{
    max-width: 100%;
  }

  .service-style-two .service-block-one{
    margin-bottom: 30px;
  }

  .main-header.style-two .main-menu .navigation > li.logo-box{
    display: none;
  }

  .main-header.style-two .main-menu .navbar-header{
    padding-top: 15px;
  }

  .classes-section.style-three .inner-content{
    margin: 0px 0px 30px 0px;
  }

  .classes-section.style-three .owl-nav,
  .service-section .owl-nav{
    display: none;
  }

  .classes-section.style-three .carousel-content{
    margin: 0px;
  }

  .parallax-icon{
    display: none !important;
  }

  .activities-section.style-two .image-box{
    margin: 0px;
    margin-bottom: 50px;
  }

  .teachers-block-two .inner-box{
    margin-bottom: 30px;
  }

  .contact-section .outer-container .contact-column{
    position: relative;
    width: 100%;
  }

  .contact-section .outer-container .map-column{
    float: none;
    width: 100%;
  }

  .about-section.style-two .image-box{
    margin: 0px;
  }

  .about-section.style-two .content-box,
  .class-details .class-details-content{
    margin: 0px 0px 30px 0px;
  }

  .about-section.style-two .image-box .image-2{
    left: 0px;
    bottom: 0px;
  }

  .about-section.style-two{
    padding-bottom: 150px;
  }

  .testimonial-video .testimonial-column .testimonial-content{
    margin: 0px;
  }

  .testimonial-video .video-column .video-inner{
    padding: 216px 0px 215px 0px;
  }

  .class-details .inner-box .info-box li{
    margin-right: 50px;
  }

  .pricing-section .pricing-table{
    margin-bottom: 30px;
  }

  .pricing-section{
    padding-bottom: 120px;
  }

  .event-details .event-details-content{
    margin: 0px 0px 50px 0px;
  }

  .shop-details .product-details-content .image-box,
  .blog-details .blog-details-content{
    margin: 0px 0px 30px 0px;
  }

  .cart-section .table-outer .othre-content .coupon-box input{
    max-width: 100%;
    margin-bottom: 15px;
    margin-right: 0px;
  }

  .checkout-section .additional-info,
  .contact-info-section .single-info-box .inner-box{
    margin-bottom: 30px;
  }

  .contact-info-section{
    padding-bottom: 120px;
  }

  .blog-page-section .news-block-one .inner-box{
    margin-bottom: 30px;
  }

  .main-header .menu-area{
    margin-right: 0px;
  }
  ul.emblem-ul li p {
		width: 100%;
  }
  ul.emblem-ul li{
	  width:100%;
  }
.header-bottom.inner-header-bottom {
	margin: 10px 0 0;
	}
.main-innerpage {
    padding: 15px 0;
}
	
}


@media only screen and (max-width: 767px){
	.topper-table tr td {
		height: auto;
		font-size: 13px;
		line-height: 16px;
	}
	.modal.fade.show.fly-box {
      background: rgb(0 0 0 / 82%);
    }
	.main-header .logo-box .logo {
      display:none
    }
	.main-footer .footer-top .contact-widget .widget-content .info-list li{
		padding:0 0px 16px 25px;
	}
	.main-header .logo-box .logo-mobile {
		position: absolute;
		display: inline-block;
		padding: 6px 6px;
		top: -34px;
	}
	.main-header .logo-box .logo-mobile img {
		width: 125px;
	}
	.container{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.row{
		margin-right: -10px !important;
		margin-left: -10px !important;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.main-header .header-top .social-links{
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }

  .main-header .header-top .header-info{
    float: none;
    display: block;
    text-align: center;
  }
	section.section11 {
		width: 100%;
		padding: 26px 17px;
	}
  .about-section,
  .feature-section{
    padding: 70px 0px;
  }

  .sec-pad,
  .testimonial-faq,
  .cta-section,
  .main-footer .footer-top,
  .activities-section{
    padding: 64px 0px 70px 0px;
  }

  .event-section,
  .news-section{
    padding: 64px 0px 40px 0px;
  }

  .main-footer .footer-top .contact-widget{
    margin-bottom: 30px;
  }

  .main-slider.style-two .slide{
    padding-bottom: 175px;
  }

  .fact-counter .counter-block{
    margin: 15px auto;
    max-width: 210px;
    width: 100%;
  }

  .fact-counter{
    padding: 50px 0px;
  }

  .testimonial-video .testimonial-column .testimonial-content{
    padding: 65px 30px 20px 30px;
  }

  .main-header.style-two .header-top .header-info{
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .main-header.style-two .outer-content{
    float: none;
    display: block;
    text-align: center;
  }

  .about-style-two .image-inner .image-box{
    margin-bottom: 30px;
  }

  .about-style-two .image-inner{
    margin-bottom: 0px;
  }

  .classes-section.style-three{
    padding: 64px 0px 40px 0px;
  }

  .activities-section.style-two{
    padding-bottom: 25px;
  }

  .testimonial-style-two{
    padding: 65px 0px;
  }

  .news-section.style-two,
  .about-section.style-two,
  .faq-page-section,
  .class-details,
  .blog-details{
    padding: 65px 0px 70px 0px;
  }
.tab-pane .msg-box-descpt p
  .contact-section .outer-container .contact-column .content-box{
    padding: 65px 15px 70px 15px;
  }

  .contact-section .outer-container .contact-column .content-box{
    max-width: 100%;
  }

  .main-footer .footer-bottom .left-content{
    margin-top: 0px;
  }

  .class-details .inner-box .info-box li{
    width: 50%;
    margin: 0px;
  }

  .class-details .inner-box .info-box{
    padding-left: 80px;
  }

  .class-details .inner-box .info-box li .thumb-box{
    left: -65px;
  }

  .class-details .inner-box .info-box li:first-child{
    padding-left: 0px;
  }

  .class-details .inner-box .info-box li{
    margin: 5px 0px;
  }

  .gallery-page-section{
    padding: 62px 0px 40px 0px;
  }

  .our-teachers.teachers-page-section .block-column:last-child .teachers-block-one{
    margin-bottom: 0px;
  }

  .event-block-one .inner-box{
    padding: 20px 15px 28px 0px;
  }

  .event-page-section,
  .shop-details{
    padding: 70px 0px 40px 0px;
  }

  .event-details,
  .shop-section,
  .cart-section,
  .checkout-section{
    padding: 70px 0px;
  }

  .contact-info-section{
    padding-bottom: 40px;
  }

  .classes-page-section,
  .classes-section,
  .our-teachers{
    padding-bottom: 40px;
  }

  .offer-section{
    padding: 64px 0px 40px 0px;
  }
  .main-foote{
  min-width: 100%;
  }
  .modal-content {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 96% !important;
		pointer-events: auto;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 45px;
		outline: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
  .tab-pane .msg-box-descpt p{
    width: 100%;
  }
  .scroll-top.open { bottom: 68px; right: 9px;}
  .annoucements .NoticeLeft {
	background: #ebdfd7;
	padding: 12px 20px;
	width: 95px;
	height: 95px;
  }
  .annoucements .Noticeright{
	   width: calc(100% - 106px);
  }
  .annoucements .month {   
    font-size: 16px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 4px;
  }
  .annoucements .NoticeHead{
	  font-size:18px;
	  line-height:16px;
	  font-family: 'Asap Condensed';
	  
  }
	.line-height {
		line-height: 16px;
		font-size: 16px;
		font-weight: 400;
		font-family: 'Ubuntu';
		padding: 5px 0 0 0;
	}
	.main-slider .online::after{
		left: 0;
	}
	.annoucements {
    padding: 34px 0 0 0;
}

	.topper-section .achievements {
    padding: 56px 0 14px 0;
}
	img.border_co {
		max-width: 80%;
	}
	.admissionn-section{
     	padding:20px 0 0 0;
	}
	.admissionn-section.home-admission{
	     padding:20px 0 90px 0;
	}
	
	.gallery-section{
		margin-bottom:30px
	}
	img.object-img {
		display: block;
		float: none;
		padding: 0 0 10px 0;
		text-align: center;
		margin: auto;
    }
	.uniform-bx{
		flex-wrap:wrap;
	}
	input.tc-input{
	   width:96%
	}
	.virtual-bx a{
		font-size: 17px;
	 line-height: 18px;
	}
	.virtual-bx img {
		width: 55px;
	}
	.virtual-bx a span {
      padding: 0 0 0 8px;
    }
	.new1 .online span{
		left:0px
	}
	.mobile-fr-rozimon{
		display:block
	}
    .principal-bg-right{
		display:none;
	}
}

@media only screen and (max-width: 599px){
	.peShiner canvas {
	   width: 116px;
	}
	.boxed_wrapper {
		background: #e0f7fa;
		background: linear-gradient(0deg, #e0f7fa 46%, #e0f7fa 100%);
	}
	  
	  section.main-slider .container, section.main-slider .container .row, section.main-slider .container .row .col-md-12 {
		padding: 0px !important;
		width: 100% !important;
		margin: 0px !important;
	}
 .main-slider .owl-nav{
  display: none;
 }
 .main-slider{
  margin-top: 32% !important;
 }
.main-slider .vprofile {
    bottom: 35px;
    right: 15px;
    z-index: 100;
}
figure.image.vprofile img {
  width: 76%;
}
.main-slider .banner-heading p {
  font-size: 14px;
  color: #E1D1C6;
  padding-top: 30px;
  font-weight: 300;
  letter-spacing:0.4px
}
.main-slider h1 {
    background: transparent;
    -webkit-text-fill-color: #0187CC;
    color: #0187CC;
    font-size: 39px;
    line-height: 37px;
    font-weight: 900;
}
.new1 {
    padding: 16px 0 0 0;
}

.main-slider .new {
    width: 100%;
    position: absolute;
    margin-top: 0;
    top: 0;
}
.main-slider .online {
    padding: 24px 0 20px 0;
    width: 80%;
    position: relative;
    left: 23px;
}
.main-slider .banner-heading h5:after {
    width:80px ;
    bottom: -27px;
}
.banner-text{
  top: 4%;
  padding-right: 0px; 
  margin-bottom: 60px; 
  z-index:1
}
.slider-descpt {
    padding: 0px 20px 0 20px;
}
.banner-text p {
    font-size: 16px;
    width: 65%;
    line-height: 20px;
    font-family: 'Ubuntu';
	margin-bottom: 7px
}
.desktop-banner{display:none;}
.mobile-banner{ display: block
}
.bottom-btn a {
    margin: 12px 3px;
}
.bottom-btn a img{
   margin:0px;
}
.annoucements .slick-slide{
  padding: 10px 2px 10px 0 ;
}
section.notice.annoucements .container {
    padding: 0px 0 0 9px !important;
}
.annoucements{
  padding: 0px;
}

section.notice.annoucements .view-all {
    height: 41px;
    margin-top: 0;
}
.notice .owl-nav {
    position: relative;
    width: 292px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    align-items: center;
    left: 0;
    top: -50px;
}
.notice .owl-theme .owl-nav .owl-next {
    right: 0px
}
.img-box3, .img-box4{
  margin-right:0;
}
.content-box .text h3, .content-box .text p{
  width: 100%;
}
.content-box .text h3{
	display:none;
}
section.about-section .title {
    margin-bottom: 37px;
}
section.about-section .title p {
    width: 61%;
    margin: auto;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0 0 0;
}
section.about-section .container, section.about-section .container .row, section.about-section .container .row .col-md-12 {
    padding: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}
.mobile-about-title {
    display: block;
    text-align: left;
    font: normal normal bold 29px/32px Ubuntu;
    letter-spacing: 0px;
    color: #0187CC;
    opacity: 1;
    width: 90%;
    line-height: 31px;
    padding: 0 0 20px 0;
    margin: 0px;
}
.about-section .image-box {
    flex-direction: column;
    padding: 0 16px;
    margin-bottom: 14px; 
}
.text.mobile-text-profile {
    padding: 22px 14px 0 27px;
}
.text.mobile-text-profile p {
    font-size: 17px;
    font-weight: 400;
    font-family: 'Ubuntu';
    width: 313px;
    line-height: 26px;
}
.content-box ul {
    padding: 10px 0 26px 17px;
}

.about-view {
    margin: 0 0 0 24px;
}
.profile-bx {
  width: 100%;
  left: 0;
  overflow-y: scroll;
  display: -webkit-inline-box;
  display:none
}
.profile-bx.mobile-profile{
	display:block;
	width: 100%;
  left: 0;
  overflow-y: scroll;
  display: -webkit-inline-box;
}


.student-btn {
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.student-btn img {
  width: 100%;
}
.virtual-tour-box {
  padding: 28px 0 50px 0;
}
.main-slider .banner-heading h1{
  font-size: 32px;
}
.virtual-tour-box .col-md-3.col-sm-6.col-6 a {
    display: flex;
    align-items: center;
	justify-content:center;
    height: 100%;
}
.virtual-tour-box .col-md-3.col-sm-6.col-6 img {
  max-width:  100%;
}
.virtual-tour-box .col-md-3.col-sm-6.col-6 {
  margin: 0 0 30px 0;
}

.about-section, .feature-section {
  padding: 70px 0px 22px 0px;
}
.virtual-tour-box {
  padding: 28px 0 22px 0;
}

.message-box {
    padding: 39px 0px;
}
.tab-pane .msg-box-descpt p {
    font-size: 17px;
    line-height: 29px;
    font-weight: 400;
    padding: 8px 0 17px 0;
    /* width: 98%; */
}
.msg-box-descpt div{
    padding:0px;
}

.message-box .nav-tabs {
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.tab-pane .msg-box-descpt{
  width: 100%;
}
.name-pricl{
  padding: 27px 0 13px 0;
}
.topper-section{
  padding: 0px;
}
.computer-lab {
  padding: 6px 0px;
}
.computer-lab ul li a img {
  width: 47px;
}
.computer-lab ul li a{
	font-size:17px;
	line-height:16px;
}
.topper-block-two .topper-name{
	white-space:nowrap;
	font-size:16px;
	padding:15px 0px 3px 0;
}
.computer-lab ul li {
    width: 48.5%;
    min-height: 105px;
    padding: 22px 0;
    height: auto;
    margin: 5px 0 5px 0;
}

.topper-section .achievements img {
  width: auto;
}
.topper-section .btn-all{
  align-items: center;
}
.topper-section .achievements .ach-text {
  padding:10px 15px 34px 0;
}
.topper-section .achievements .ach-text p{
  margin-bottom: 0px;
}
.gallery-section {
    padding: 53px 0px;
}
.gallery-section .gallery-box {
    padding: 0 8px;
}
.gallery-section .subgallery h4 {
    text-align: center;
    color: #312F2C;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 21px;
    width: 81%;
    margin: 12px auto;
}
.gallery-section .ach-text{
  padding: 10px 20px;
}
.gallery-section .ach-text h6 {
  color: #18293B;
  font-weight: 700;
  font-size: 20px;
  font-family: 'Asap Condensed';
  width: 100%;
  line-height: 23px;
}
.gallery-section .ach-text .span {
  padding: 4px 0px 0;
  font: normal normal normal 12px/13px Ubuntu;
  letter-spacing: 0.6px;
  color: #18293B;
  opacity: 1;
}
.gallery-section .ach-text p {
  font-weight: 400;
  margin-bottom: 20px;
  color: #18293B;
  font-size: 16px;
  font-family: 'Ubuntu';
  line-height: 23px;
  padding:14px 0 0 0;
}
.gallery-section .subgallery {
  padding: 7px 0 0px 0px;
}
.gallery-section .owl-theme .owl-nav .owl-next{
	right:-11px
}
.gallery-section .owl-theme .owl-nav .owl-prev{
	left: -11px
}
.flex-nowrap, .scrolling-wrapper1.row.flex-row {
    flex-wrap: nowrap !important;
    overflow-y: scroll;
}
.testimonial-section .birthday{
  padding: 0px;
}
.testimonial-section .balloon-left img {
  margin-top: -14px;
  position: relative;
  left: -28px;
}
.testimonial-section .balloon-right {
  position: absolute;
  top: 72px;
  right: -21px;
}
.testimonial-section .owl-theme .owl-nav .owl-next {
  top: 26%;
  right: -44px;
  height: 38px;
  width: 38px;
}
.testimonial-section .owl-theme .owl-nav .owl-prev {
  top: 26%;
  left: -44px;
  height: 38px;
  width: 38px;
}
.testimonial-section {
  padding: 50px 0;
}
.testimonial-section .student-slide{
  padding-bottom: 50px;
}
.birthday-block-two.testimonial-image-bx{
  width: 100%;
}
.birthday-block-two.testimonial-image-bx img {
  width: 84%;
  text-align: center;
  margin: auto;
}
.testimonial-section .parent p {
  padding: 26px 10px 14px 8px;
  text-align: left;
}
.testimonial-section h4, .testimonial-section h3{
  padding: 0 0 10px 10px;
  text-align: left;
}
.testimonial-section .owl-dots {
  width: 100%;
  bottom: -20px;
  text-align: left;
}
.admissionn-section .work {
   bottom: -7px;
  font-size: 16px;
  line-height: 22px;
}
.main-footer {
  background-size: auto;
  background-position: center 0;
  min-height: 816px;
  min-width: auto;
  background-size: 1500px;
}
.patron-img {
  text-align: center;
  margin-top: -108px;
}
.patron-img p {
    font-size: 14px;
    padding: 21px 0 0 0;
    line-height: 18px;
    width: 64%;
    text-align: center;
    margin: auto;
}
.patron-img a {
    font-size: 13px;
    padding: 8px 0 20px 0;
}
.widget-section {
    width: 80%;
    margin: auto;
}
.main-footer .footer-top .link-widget .widget-content ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
}
.main-footer .footer-top .link-widget .widget-content li{
  width: 50%;
}
.main-footer .footer-top .link-widget .widget-content li a{
  padding-left: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
}
.ft-school-bg {
  object-fit: cover;
  min-height: 100%;
}
.bottom-btn{
	 width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-content a img {
  width: 48%;
}

.computer-lab ul li a::before{
  bottom: -8px;
}
.message-box .nav-tabs .nav-link{
  white-space: nowrap;
}
.main-slider .banner-heading h5{
  font-size: 29px;
  line-height: 12px;
}
.main-slider .banner-heading{
  bottom: 62px;
}
 .main-slider .slide,
 .main-slider.style-two .slide{
  padding: 95px 0px 100px 0px;
 }
 .main-slider .new .flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  overflow-y: scroll;
  flex-wrap: nowrap !important;
}
.main-slider .new .flex-nowrap .col-lg-12.col-md-12.col-sm-12.col-9 {
  width: 0;
  display: table;
}

 .testimonial-video .video-column .video-inner{
  padding: 150px 0px;
 }

 .main-slider.style-three .slide{
  padding: 100px 0px 200px 0px;
 }

 .testimonial-style-two .owl-dots{
  display: none;
 }

 /* .page-title{
  padding: 93px 0px 100px 0px;
 } */

 .blog-details .blog-details-content .comments-area .comment.replay-comment{
  margin-left: 0px;
 }

 .faq-content{
  height: auto;
 }

 .faq-page-section .faq-content{
  height: auto;
 }

 .countdown-box{
  padding-left: 15px;
  padding-right: 15px;
 }

 .sec-title h1{
  font-size: 35px;
  line-height: 40px;
 }

.page-title .content-box h1 {
    font-size: 33px;
    line-height: 45px;
    width: 100%;
    letter-spacing: 0;
}

 .error-section .content-box h1{
  font-size: 160px;
 }
 .main-footer .footer-top{
  padding-bottom: 20px !important;
 }
.main-footer .copyright p {
    width: 100%;
    margin: auto;
    font-weight: 500;
    font-size: 11px;
}
.main-footer .copyright p a{
    color:#393531;
}
 ul.emblem-ul li{
   flex-direction:column;
   justify-content:center
 }
 ul.emblem-ul li img{
	 margin: 12px auto;
	 width: auto;
 }
 .admissionn-section .title h1{
	 font-weight:700;
	 font-size:30px
 }
 .admissionn-section .adg {
    font-size: 16px;
    font-style: italic;
    color: #312F2C;
    font-family: 'Ubuntu';
}
.admissionn-section .work {
    bottom: -13px;
    font-size: 26px;
    line-height: 29px;
    font-family: 'Asap Condensed';
}
.admissionn-section .work span {
    display: block;
}
 a.btn-words-wisdom{
	 top:16%
 }
 
}


@media only screen and (max-width: 499px){

  .main-header .header-top .header-info li:before{
    display: none;
  }

  .event-block-one .inner-box .image-box{
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 30px;
    margin-bottom: 20px;
  }

  .event-block-one .inner-box .content-box{
    padding-left: 15px;
  }

  .event-block-one .inner-box{
    padding: 0px 0px 30px 0px;
  }

  .class-details .inner-box .info-box li{
    width: 100%;
  }

  .gallery-page-section .filter-tabs li{
    margin: 5px 12px;
  }

  .countdown-timer .counter-column{
    margin-bottom: 10px;
  }

  .countdown-box{
    padding-top: 40px;
  }

  .shop-section .item-sorting .result-column,
  .shop-section .item-sorting .select-box{
    float: none;
    display: block;
  }

  .shop-section .item-sorting .result-column{
    top: 0px;
    margin-bottom: 10px;
  }

  .shop-section .item-sorting .select-box .ui-state-default{
    width: 100% !important;
  }

  .cart-section .table-outer .othre-content .theme-btn{
    width: 100%;
    margin-bottom: 10px;
  }

  .cart-section .table-outer .othre-content .update-btn{
    float: none;
    display: block;
    width: 100%;
  }

  .blog-details .blog-details-content .comments-area .comment .replay-btn{
    position: relative;
    top: 0px;
    margin-top: 10px;
  }

  .main-header .header-top .header-info li{
    margin: 0px 15px;
  }

  .cta-section .content-box h1{
    font-size: 45px;
    line-height: 50px;
  }

  .testimonial-block-two .inner-box{
    padding-left: 15px;
    padding-right: 15px;
  }

  .news-block-two .inner-box .lower-content{
    padding-left: 30px;
    padding-right: 15px;
  }

  .news-block-two .inner-box .lower-content .info-box li{
    margin-right: 20px;
  }

  .news-block-two .inner-box .lower-content .info-box li:before{
    right: -12px;
  }

  .event-details .event-details-sidebar .inner-box{
    padding-left: 20px;
    padding-right: 15px;
  }

  .blog-details .sidebar .sidebar-widget{
    padding-left: 20px;
    padding-right: 20px;
  }

}

@media only screen and (max-width: 399px){

  .accordion-box .block .acc-btn h4{
    padding-right: 30px;
  }

  .testimonial-block .inner-box{
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial-faq .owl-carousel .owl-item{
    margin-right: 0px !important;
  }

  .testimonial-content .client-thumb-outer .owl-item.active .thumb-item{
    width: 90px;
    top: 0px;
  }

  .testimonial-content .owl-item.active .thumb-item .thumb-box{
    width: 90px;
    height: 90px;
  }

  .pagination li{
    margin: 0px 3px;
  }

  .checkout-section .order-info .text span,
  .checkout-section .order-info .text h4{
    float: none;
    display: block;
  }

  .checkout-section .order-info .order-product .single-item {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 356px) {
	.main-footer .footer-top .link-widget .widget-content li a{
	  font-size: 13px;
	}
	
}

/* =============== Mobile menu ===================== */

@media only screen and (max-width: 991px) {
  .main-header{
    top:28px
  }
  .header-top .links-nav li{
    margin-right: 15px;
  } 
  .main-menu .navbar-header {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    top: 0px;
    padding-bottom: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
	flex-wrap: wrap;
}

a.mobile-cricle img:hover {
	animation-name: rotate;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border-radius: 50%
}

@keyframes rotate {
	from {
		transform: rotate(-360deg)
	}

	to {
		transform: rotate(360deg)
	}
}
  .main-header .main-menu {
    width: 100%;
  }  
  .main-header .logo-box .logo{
    top:-48px;
  }
  .main-menu .navbar-header .navbar-toggle {
    display: inline-block;
    z-index: 7;
    float: none;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 0px;
    background: transparent;
} 
.main-menu .navbar-header .navbar-toggle .icon-bar {
  background: #000000;
  height: auto;
  width: 40px;
  display: block;
  padding: 3px 0;
  border-radius: 6px;
  margin: 3px 0;
}
  .main-menu .collapse {
    overflow:auto;
    float:none;
    width:100%;
    padding:0px 0px 0px;
    border:none;
    margin:0px;
    max-height: 420px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
   }
   span.icon-bar1 {
    margin: 0 0 0 0;
    padding: 0px;
    letter-spacing: 1px;
    position: relative;
    top: -6px;
}

.dropdown .fa-angle-down:before {
    display: none;
}
.dropdown-btn .fa-angle-down:before {
    display: block !important;
	
}
.mobile-story {
    display: flex;
    align-items: center;
    margin: -3px 0 0 0;
}
 .main-menu .navbar-collapse > .navigation {
    float: none !important;
    margin: 0px !important;
    width: 100% !important;
    background: linear-gradient(90deg, rgba(244, 35, 70,1) 46%, rgba(255,209,0,1) 100%);
    border: 1px solid transparent;
    padding-top: 54px;
}
  .main-menu .navbar-collapse > .navigation > li{
    margin:0px !important;
    float:none !important;
    width:100%;
    border-bottom:1px solid #a9cf63 !important;
  }  
  .main-menu .navigation > li > a,
  .main-menu .navigation > li > ul:before{
    border:none;  
  }  
  .main-menu .navbar-collapse > .navigation > li > a{
    padding:10px 10px !important;
    border:none !important;
  }  
  .main-menu .navigation li.dropdown > a:after,
  .main-menu .navigation > li.dropdown > a:before,
  .main-menu .navigation > li > ul > li > a::before,
  .main-menu .navigation > li > ul > li > ul > li > a::before{
    color:#ffffff !important;
    right:15px;
    font-size:16px;
    display:none !important;
  }  
  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
    position:relative;
    border:none;
    float:none;
    visibility:visible;
    opacity:1;
    display:none;
    margin:0px;
    padding:0px;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100%;
    background: linear-gradient(90deg, rgba(244, 35, 70,1) 46%, rgba(255,209,0,1) 100%);
    -webkit-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    transition:none !important;
    -webkit-transition:none !important;
    -ms-transition:none !important;
    -o-transition:none !important;
    -moz-transition:none !important;
    box-shadow:none !important;
  }    
  .main-menu .navbar-collapse > .navigation > li > ul,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul{
    border-top:1px solid #96bd20 !important;
  }
  .main-menu .navbar-collapse > .navigation > li:last-child{
    border-bottom: none;
  } 
  .main-menu .navbar-collapse > .navigation > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
    padding:12px 15px !important;
    line-height:22px;
    background: linear-gradient(90deg, rgba(244, 35, 70,1) 46%, rgba(255,209,0,1) 100%);
    text-align:left;
    min-height:0px;
	font-size:16px
  }  
  .main-menu .navbar-collapse > .navigation > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
  .main-menu .navbar-collapse > .navigation > li.current > a,
  .main-menu .navbar-collapse > .navigation > li.current-menu-item > a{
    background: linear-gradient(90deg, rgba(255,209,0,1) 46%, rgba(244, 35, 70,1) 100%);
  }  
  .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
    display:block;
	width:100%;
	text-align:right;
  }  
	.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
		border:none
	}
	.fa-angle-down:before {
		content: "\f107";
		border: 1px solid #333e35;
		padding: 3px 8px;
		font-size: 22px;
	}
  .main-menu .navbar-collapse > .navigation li.dropdown:after,
  .main-menu .navigation > li > ul:before{
    display:none !important;  
  }
   li.home-desktop{
	 display:none;
	 }
	 .mobile-home i {
		position: relative;
		top: -2px !important;
	}
	 .mobile-home {
		display: block;
		color: #413e3e;
		margin: -2px 7px 0 0;
	 }
	 a.home-icon.mobile-home i {
		font-size: 35px;
		position: relative;
		top: 1px !important;
	}

 /*.main-menu .navbar-collapse > .navigation > li > ul > li > a {
    padding: 12px 10px 12px 27px !important;
    font-weight: 400;
    background: url(../images/icons/mobile-circle.svg);
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 12px center;
} */
	.main-menu .navbar-collapse > .navigation > li > ul > li > a {
		padding: 12px 10px 12px 38px !important;
		font-weight: 400;
		position: relative;
		font-size: 15px;
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a {
		background: transparent;
	}
	.main-menu .navbar-collapse > .navigation > li > ul > li > a::after {
		content: '';
		background: #474b32;
		width: 6px;
		height: 6px;
		position: absolute;
		left: 23px;
		border-radius: 50%;
		margin: 8px 0 0 0;
	}
	.main-menu .navigation > li > ul > li > ul > li {
		padding: 0 0px 0 38px !important;
		font-weight: 500;
		position: relative;
		font-family: 'Ubuntu';
	}
	.main-menu .navigation > li > ul > li > ul > li> a {
		font-weight: 500;
	}
	.main-menu .navigation > li > ul > li > ul > li > a::after {
		content: '';
		background: #474b32;
		width: 6px;
		height: 6px;
		position: absolute;
		left: 0;
		border-radius: 50%;
		margin: 8px 0 0 0;
	}

	.peShiner canvas {
		width: 128px;
		margin-top: 6px;
	}

	.annoucements .NoticeHead {		
		letter-spacing: 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
	}
	.line-height{
		display: -webkit-box;
		max-width: 400px;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
       	line-height:20px
  	}
	.msg-box-descpt div {
		width: 100%;
		padding: 14px 0 0px 0;
	}
	.principal-bg-right{
	margin-top:0px;
	}
	.page-title{
		background-size:cover !important
}