*{
    margin: 0;
    padding: 0;
    box-sizing: 0;
}
:root{
    --Sherwood-Green:#043730;
    --Shocking-Orange:#E46031;
    --black:#000000;
    --white:#ffffff;
    --Dune:#313232;
    --Porcelain:#F0F3F3;
    --Monsoon:#888888;
    --Green-White:#E9E9E9;
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

 .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

h1,h2,h3,h4,h5,h6{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
h4{
    font-size: 1.2rem!important;
}
p{
    font-size: 1rem;
    word-spacing: 4px;
}
.top-sec img{
    max-width: 150px;
}
.common-section{
    color: var(--Dune);
    width: 100%;
  height: auto;
    background: url(../images/common-banner.webp) no-repeat border-box center / cover;
    position: relative;
    padding:30px 0;
}
/* .common-section .breadcrumblist{
    align-items: center;
    height: 195px;
    z-index: 1;
    position: absolute;
    margin-bottom: 0;
   
} */
.common-section .common-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    width: 100%;
    background-color:var(--Dune);
    opacity: .6;
    z-index: 0;
}
.breadcrumblist .breadcrumbitem{
font-size: 1.5rem;
color: var(--Dune);
}
.common-section .breadcrumblist{
    margin-bottom: 0;


}
.breadcrumbitem.breadcrumb-item.active {
    color: var(--Dune);
}
.breadcrumbitem.breadcrumb-item a{
    text-decoration: none;
    color: var(--Shocking-Orange);
}

.breadcrumbitem.breadcrumb-item+.breadcrumbitem.breadcrumb-item::before {
    color: var(--Dune);
}
.navbar.school-website{
background-color: var(--white);
}
.school-website .navbar-brand img{
    max-width: 100%;

}
.school-website.navbar-expand-lg .navbar-nav .dropdown-menu{
border-radius: 0;
top: 46px;
padding: 0;
}
.school-website.navbar-expand-lg .dropdown-item{
  padding: 12px 20px;  
  transition: .3s;
}
.school-website .navbar-nav .nav-link.active, .school-website .navbar-nav .nav-link.show {
    color: var(--Shocking-Orange)!important;
}
.school-website  .dropdown-item:focus,.school-website  .dropdown-item:hover {
    color: var(--Sherwood-Green);
    background-color: var(--Porcelain);
  transition: .3s;
}
.top-social-media ul{
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    height: 100%;
    align-items: center;
}
.top-social-media ul li{
    list-style: none;
 
}
.top-social-media ul li i{
  color: var(--Dune);
    margin-right: 14px;
    transition: .4s;
    font-size: 1.2rem;
}
.fa-brands.fa-facebook-f{
    color: #39569c;
}
.fa-brands.fa-twitter{
color:#40bbea;
}
.fa-brands.fa-linkedin-in{
    color:#0A66C2;
}
.fa-brands.fa-instagram{
    color:#E4405F;
}
.fa-brands.fa-youtube{
    color:#CD201F;
}
.top-social-media ul li i:hover{
    color: var(--Shocking-Orange);
    transition: .4s;
 /* font-size: 18px; */
}
.right-top-user{
text-align: end;
padding-top: 12px;
}
.right-top-user ul{
    margin-bottom: 4px;
    padding: 20px 0;
}
.right-top-user ul li{
    list-style: none;
}
.right-top-user ul li i{
    margin-left: 8px;
    color: var(--white);
    font-size: 16px;
    margin-right: 6px;
}
.right-top-user ul li a{
    text-decoration: none;
    color: var(--black);
    font-size: 16px;
}
.topmkinternational{
    padding: 12px 0;
}
.topmk-menu .topmkinternational{
display: flex;
justify-content: space-between;
color: var(--white);

height: 100%;
align-items: center;
}
.topmk-menu .topmkinternational ul{
    padding: 0;
    align-items: center;
    height: 100%;
}
.topmk-menu .topmkinternational ul li{
    /* padding: 0; */
}
.topmk-menu .topmkinternational .right-top-user{
   padding-top: 0;
}
.topmk-menu .topmkinternational .right-top-user a{
    color: var(--white);
}
.topmk-menu .topmkinternational ul li{

}
.company-logo{
    margin-bottom: 0;
}
/* menu bar */
.topmk-menu{
    background: var(--Dune);
}
.topmk-menu ul{
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
}
.topmk-menu ul li{
color: var(--white);
list-style: none;
padding: 8px 20px;
border-right: 1px solid var(--Monsoon);
}
.topmk-menu ul li:last-child{
    border: none;
}
.school-website .nav-item .nav-link{
   text-transform: uppercase;
color: var(--Dune);
   font-size: 14px;
  
}
.school-website .nav-item .nav-link:hover{
    color: var(--Shocking-Orange);
}
.school-website .nav-item .nav-link.active{
    color: var(--Shocking-Orange);
}
.school-website .nav-item{
    padding: 2px 20px;
    border-right: 1px solid var(--Shocking-Orange);
 }
.school-website .nav-item:last-child{
    border-right: 0;
}
.slider-school{
    position: relative;
 
}
.slider-school .inner-image{
position: absolute;
right:100px;
bottom:0;
max-width: 880px;
object-fit: cover;
text-align: center;
}
.slider-school .inner-image img{
    width: 100%; 
}
.student-img{
    position: absolute;
    bottom: 0;
    right: 230px;
}
.student-img img{
    max-width: 80%;
}
.slider-content{
    position: absolute;
    left: 220px;
    bottom: 220px;
    width: 720px;
}
.slider-content h3{
    font-size: 60px;
    color: var(--white);
    line-height: 80px;
    margin-bottom: 30px;
}
.slider-content h3 span{
    color: var(--Shocking-Orange);
}
.viewBtn a{
    text-decoration: none;
    color: var(--white);
    background-color: var(--Shocking-Orange);
    padding: 12px 20px;
    border-radius: 40px;
    text-transform: uppercase;
    
}
.school-website .school-logo{
 width:120px   
}
/* home slider */
.school-slider .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: 30px;
  
 
    background: transparent;

}
.school-slider .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: 30px;
  
    background: transparent;

}
.school-slider .owl-carousel .owl-nav button{
    top: 230px;
    font-size: 60px;
}
.school-slider .owl-carousel .owl-nav button span{
    color: var(--white);
}
.school-slider .owl-theme .owl-nav {
    margin-top: 0;
}
/* class-section start */
.class-section{
    padding: 40px 0;
    background: var(--Porcelain);
}
.class-section .subject-sec{
    text-align: center;
}
.subject-sec h4{
    font-size: 20px;
}
.class-section .subject-sec img{
    border-radius: 150px;
    background: var(--Shocking-Orange);
    object-fit: cover;
    padding: 4px;
    margin-bottom: 20px;
    width: 150px;
    height: 150px;
}
/* about section */
.aboutUs-section{
    background:#fefefe00;
    padding: 40px 0;
}
.aboutUs-section .learning{
    position: relative;
}

.about-img img{
width: 100%;

}
.about-card{

    padding: 80px 30px;
}
.about-card .viewBtn{
    padding-top: 30px;
}
.aboutUs-section .training-sport{
    font-size: 1rem;
    font-weight: 500;
    font-family: "Quicksand", sans-serif;
    color:#385469;
    background-color: var(--white);
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
    padding: 10px;
    border-radius: 30px;  
    text-align: center;
    margin-bottom: 20px; 
    max-width: 250px;

}
.aboutUs-section .training-sport i{
    font-size: 1rem;  
    color: var(--Shocking-Orange); 
}
.read-more-sec.aboutRead{
    margin-top: 20px;
        }
/* learning section */
.learning-section{
    width: 100%;
    background: linear-gradient(45deg, rgba(12, 12, 12, 0.5), rgb(3, 3, 3) 100%), url(../images/learning-background.webp) no-repeat fixed border-box center / cover;
    padding: 60px 0;
    color: var(--white);
  
}
.learning-section .headline h3{
    margin-bottom: 20px;
}
.headline h3{
    /* color: var(--white);
    margin-bottom: 20px;
    font-size: 30px;
    color: var(--Shocking-Orange); */
    color:var(--Shocking-Orange);
    font-family: Amatic SC;
    font-weight: 700;
    text-shadow: 3px 3px #cccbc8;
    letter-spacing: 0.05em;
    font-size: 35px;
    
}
/* .play-card{
    color: var(--white);
    margin-bottom: 20px;
}
.play-card i{
    color: var(--Shocking-Orange);
    background-color: var(--white);
    border-radius: 100px;
    padding: 12px;
    text-align: center;
} */
/* .play-topic{
    margin-bottom: 8px;
}
.play-topic h5{
    padding-top: 8px;
    font-size: 1rem;
} */
 .learning-section .play-card{
    margin-bottom: 20px;
 }
 .play-card .activities-img img{
width:100%;
 }
 .play-card .right-activity h5{
font-size: .9rem;
margin-bottom:4px;
color: var(--Shocking-Orange);
position: relative;
font-weight: 600;
 }
 .play-card .right-activity h5::after{
    position: absolute;
    left: 0;
    bottom: -4px;
    content: '';
    width: 80px;
    height: 1px;
    background-color: var(--Shocking-Orange);
    
 }
 .play-card .right-activity p{
    font-size: .9rem;
    margin-bottom: 0;
 }
.schoolBtn{
    text-decoration: none;
     color: var(--white);
     background: var(--Shocking-Orange);
     padding: 12px;
   
}
.schoolBtn i{
    margin-left: 8px;
}

/* event */
.event-section{
    padding: 60px 0;
}
.event-card{
    position: relative;
    margin-bottom: 20px;
}
.event-date{
    position: absolute;
    left: 0;
    top: 0;
    background: var(--Shocking-Orange);
    padding: 8px 10px;
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    transition: .6s;
    
}
.event-card:hover .event-date{
    background: var(--black);
    color: var(--white);
    transition: .6s;
}
.event-card img{
    width: 100%;
   
}
.event-section .headline h3{
    margin-bottom: 30px;
    text-align: center;
}
.event-card h4{
margin-bottom: 0;
   font-family: 'serif';
    transition: .6s;
    color: var(--Shocking-Orange);
    position: relative;
    margin-bottom:12px;

  
}
.event-card h4::after{

    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    background: var(--Shocking-Orange);
    bottom:-4px;
    left: 0;
}
.event-card:hover h4{
    color: var(--Dune);
    cursor: pointer;
    transition: .6s;
   
}
.time-event{
    text-align: right;
    font-size: .8rem;
}
.location-event{
    color: var(--Monsoon);
    /* line-height: 40px; */
}
.time-event i, .location-event i{
    margin-right: 4px;
}
.event-card .event-camp{
    display: flex;
    padding: 8px 0;
    margin-bottom: 0;
    justify-content: space-between;

}
.event-card .event-camp li{
    font-size: .8rem;
    list-style: none;
}
.event-card .summer-event{
    border-bottom: 1px dotted var(--Monsoon);
    margin-bottom: 12px;
}
.event-section .event-card p{
margin-bottom: 4px;
font-size: .9rem;
}
.read-more-event{
    text-align: center;
}
.event-section-card{
    margin-bottom: 30px;
}
/* brilliant-section */
.brilliant-section{
  padding-bottom: 60px;
}
.brilliant-section .headline h3{
    text-align: center;
    margin-bottom: 30px;
}
.brilliant-card{
    padding:20px;
    border: 1px solid var(--Porcelain);
}
.brilliant-card h5{
    text-align: center;
    padding: 8px 0 0 0;
    margin-bottom: 0;
}
.brilliant-class{
    text-align: center;
}
/* footer section */
.footer-section{
  
   color: var(--white);
   padding-top: 40px;
   background:url(../images/footer-bg.webp) no-repeat fixed border-box center / cover;
   background-color: var(--Dune);
}
.footer-header{
    padding-top: 80px;
}
.footer-header h4{
    color: var(--Shocking-Orange);
}
.footer-section ul{
    padding-left: 0;
}
.footer-section ul li{
    list-style: none;
    
}
.footer-section a{
    text-decoration: none;
    line-height: 30px;
    color: var(--Monsoon);
}
.footer-section a:hover{
    color: var(--Shocking-Orange);
}
.footer-map img{
    width: 100%;
}
.footer-section .fmedia{
    display: flex;
    padding-left: 0;
}
.footer-section .fmedia li{
    margin-right: 6px;
}
.copyright-section{
    padding: 10px;
}
.copyright-section p{
    margin-bottom: 8px;
    text-align: center;
}
.copyright-section p a{
    text-decoration: none;
    color: var(--Shocking-Orange);
}
.copyright-section p a:hover{
    color: var(--Shocking-Orange);
}
/* gallery image */
.gallery-section{
    padding: 60px 0;
}
.gallery-img img{
    width: 100%;
    margin-bottom: 24px;
}
.gallery-card .card-image img{
    width: 100%;
    margin-bottom: 24px;
}
.gallery-section .headline{
    text-align: center;
    margin-bottom: 30px;
}
/* contact section */
.contact-section{
    padding: 40px 0;
}
.contact-section .contact-address{
padding: 12px;
}
.contact-address h3{
    color: #0a0a0a;
    font-family: "Montserrat", Sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3em;
}
.contact-address h3 a{
    text-decoration: none;
    color: var(--Shocking-Orange);
}
.contact-section .contact-list{
    padding-left: 12px;
}
.contact-section .contact-list li{
    list-style: none;
    position: relative;
    margin-bottom: 8px;
}
.contact-section .contact-list li a{
    color: var(--Sherwood-Green);
    font-weight: 400;
}
.contact-section .contact-list li a:hover{
    color: var(--Shocking-Orange);
}
.contact-section .contact-list li::before{
    content: "";
    position: absolute;
    left: -18px;
    width: 12px;
    height: 38px;
    z-index: 1;
    background: url(../images/right-arrow-angle.png) no-repeat center / 7px;
    top: -8px; 
}
.contact-section .contact-list li a{
    text-decoration: none;
}
.contact-section .contact-form{
    padding:20px;
    box-shadow: 0px 2px 7px 0px #d4d4d4;
    
}
.contact-form .form-control{
    border-radius: 0;
    background: var(--Porcelain)!important;
}
.contact-form .sentBtn{
  
    text-align: center;
  
}
.contact-form .sentBtn button{
    background: var(--Shocking-Orange);
    padding: 8px;
    width: 100%;
    border: 0;
    color: var(--white);
}
.contact-time{
    box-shadow: 0px 2px 7px 0px #d4d4d4;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 20px;
}
.contact-time ul{
    padding-left: 0;
    margin-bottom: 0;
}
.contact-time ul li{
    list-style: none;
padding: 8px 0;
    border-bottom: 1px solid var(--Green-White);

}
.contact-time ul li:last-child{
    border-bottom: 0;
}
.contact-time ul .sub-menu-time{
   display: flex;
   justify-content: space-between;
   margin-bottom: 0;

}
.contact-time ul .sub-menu-time li{
    list-style: none;
    margin-bottom: 0;
    border-bottom: 0;
}
.contact-time h5{
    font-weight: 600;
}
.contact-sec{
    margin-bottom: 20px;
}
.time-img img{
    width: 100%;
}
/* experience */
.experience-section{
    padding: 30px 0;
    background: var(--Dune);
    border-bottom: 1px dotted var(--white);
}
.experience-section .experience{
    display: flex;
    padding-left: 0;

}
.experience-section .experience li{
    list-style: none;
    
}
.experience-section .experience li i{
    margin-right: 20px;
  
    color: var(--Dune);
    padding: 20px;
    font-size: 30px;
    margin-top: 14px;
}
.experience-section .experience li .dune{
    background: var(--white);
}
.experience-section .experience li h3{
    font-weight: 600;
    font-size: 40px;
    color: var(--white);
}
.experience-section .experience li p{
    color: var(--white);  
}
.event-card.service-card{
margin-bottom: 60px;
}
.mission-vision{
    width: 100%;
    padding: 60px 0;
    background: url(../images/mission-vision.jpg) no-repeat fixed border-box center / cover;
}
/* message */
.message-card{
    box-shadow: 0px 2px 7px 0px #d4d4d4; 
    padding: 30px;
    margin-bottom: 30px;
}
.message-card{

}
.message-card .profileimg img{
    width: 100%;
}
.message-card .profileimg p{
    margin-bottom: 0;
    font-style: italic;
    font-weight: 600;
}
.message-card .profileimg .mk-name{
    margin-top: 8px;
    text-align: center;
}
.mk-name h4{
    font-size: 1.2rem;
}
.message-card .profileimg .mk-name p{
    text-transform: uppercase;
}
.message-section{
    padding: 0 0 40px 0;
}
.message-section .headline{
    margin-bottom: 30px;
}
/* feature */
.featured-section{
    padding: 40px 0;
}
.featured-section .left-featured {
  padding-left: 6px;
}
.featured-section .left-featured li{
    list-style: none;
    position: relative;
    word-spacing: 4px;
    margin-bottom: 12px;
}
.featured-section .left-featured li::before{
    position: absolute;
    content: '';
    left: -20px;
    background: url(../images/point.png) no-repeat ;
    width: 12px;
    height: 12px;
    top: 4px;
}

/* prayer */
.curicular-section{
    padding: 40px 0;
}
.school-prayer{
    width: 100%;

    background: url(../images/school-prayer.webp) no-repeat;
    margin-bottom: 30px;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.school-prayer .school-prayer-content{
    /* float: right; */
text-align: center;
padding: 40px 0;
    }
    .school-prayer .school-prayer-content ul{
        padding-left: 0;
        margin-bottom: 0;
    }
    .school-prayer .school-prayer-content ul li{
    list-style: none;
    word-spacing: 4px;
    margin-bottom: 12px;
    font-size: 1.2rem;
    color: var(--white);
    }
    
    .curricular-activity{
     
        color: var(--black);
    }
    /* .curricular-activity .play-card {
color: var(--black);
background: #f9f9f9;
padding: 20px;
min-height: 320px;
    } */
    .house-group .p-house{
        padding: 12px;
    }
    .house-group h4{
        color: var(--Shocking-Orange);
        /* margin-bottom: 20px; */
        font-weight: 500;
        margin-bottom: 0;
    }
    .house-group .t-captian{
        padding-left: 0;
        display: flex;
        margin-bottom: 0;
    }
    .house-group .t-captian ul{
        padding-left: 0;
    }
    .house-group .t-captian li{
        list-style: none;
        margin-right: 40px;
    }
    .co-activity-content{
        padding: 20px 0;
    }
    .co-activity-content p{
        margin-bottom: 0;
    }
    .house-group ul{
        padding-left: 0;
    }
    .house-group ul li{
        list-style: none;
        word-spacing: 3px;

    }
    .house-group h3{
        font-size: 1.5rem;
    }
    .curicular-section .play-card{
margin-bottom: 20px;
    }
/* media query */
@media(max-width:1770px){
    .slider-school .inner-image img {
        width: 85%;
    }
    .student-img img {
        max-width: 70%;
    }  
    .student-img {
        right: 205px;
    } 
    .slider-content {
        bottom: 170px;
    } 
}
@media(max-width:1650px){
    .slider-content h3 {
        font-size: 55px;
    }
    .slider-content {
        width: 600px;
    }
    .slider-school .inner-image {
        right: 30px;
    }
    .student-img {
        right: 127px;
    }
}
@media(max-width:1440px){
    .school-slider .owl-carousel .owl-nav button {
        top: 156px;
       
    }
    .contact-address h3 {
      
        font-size: 24px;
    }
    .contact-address h4{
        font-size: 1rem!important;
    }
    .contact-address h5{
        font-size: .8rem!important;
    }
}
@media(max-width:1400px){
   
    .slider-school .inner-image {
        right: 0;
    }
    .slider-content {
        left: 137px;
        bottom: 136px;
    } 
    .slider-content h3 {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 30px;
    }  
    .topmk-menu ul li {
        padding: 2px 4px;
    }
    .school-website .nav-item {
        padding: 2px 12px
    } 
}
@media(max-width:1340px){
    .slider-school .inner-image img {
        width: 70%;
    }
    .student-img img {
        max-width: 60%;
    }
    .student-img {
        right: 78px;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 146px;
    }

}
@media(max-width:1300px){
    .slider-content {
        width: 496px;
    }
  
}
@media(max-width:1250px){
    .slider-content {
        width: 472px;
        bottom: 116px;
    }
    .slider-content h3 {
        font-size: 50px;
    }
    .slider-school .inner-image img {
        width: 65%;
    }
    .slider-school .inner-image {
        right: -110px;
    }
    .student-img {
        right: -27px;
    }
    .slider-content h3 {
        font-size: 42px;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 130px;
    }
}
@media(max-width:1200px){
   
    .school-slider .owl-carousel .owl-nav button {
        top: 118px;
    }
    .time-event, .location-event {
       font-size: .9rem;
    }  
    .school-website .nav-item {
        padding: 2px 8px;
    } 
    .topmk-menu .topmkinternational ul li {
        font-size: .8rem;
    } 
    .right-top-user ul li a {
        font-size: 14px;
    }
    .right-top-user ul li i {
        font-size: 12px;
    }
    .school-website .school-logo {
        width: 80px;
    }
    .school-website .nav-item .nav-link {
        font-size: 14px;
    }
    .school-website.navbar-expand-lg .navbar-nav .nav-link {
        padding: 0!important;
    }
    .topmkinternational {
        padding: 6px 0;
    }
}
@media(max-width:1080px){
    .slider-content {
        bottom: 100px;
    }
    .slider-content h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 100px;
    }
}
@media(max-width:1024px){
    .slider-content {
        width: 457px;
        bottom: 72px;
    }
    .slider-school .inner-image {
        right: -156px;
    }
    .student-img {
        right: -76px;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 84px;
    }
}
@media(max-width:992px){
    .slider-school .inner-image {
        display: none;
    }
    .student-img img {
        max-width: 45%;
    }
    .student-img {
        right: -160px;
    }
    .top-sec img {
        max-width: 164px;
    }
    .right-top-user {
     
        padding-top:0;
    }
 
    .about-card {
        padding: 40px 0;
    }
    .event-card {
        margin-bottom: 30px;
    }
    .event-section,.gallery-section {
        padding: 40px 0 0 0;
    }
    .about-card {
        padding: 20px 0;
    }
    .footer-header {
        padding-top: 30px;
    }
    .navbar-toggler:focus {
        box-shadow: none;
       
    }
    .navbar-toggler {
        border: 0!important;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none!important;
    }
    .contact-section .contact-form {
        margin-bottom: 20px;
    }
    .school-website .nav-item {
        border-right:0;
    }
    .school-website .nav-item {
      
    }
    .aboutUs-section .training-sport {
        font-size: .9rem;
        margin-bottom: 12px;
    }
    .headline h3 {
        font-size: 28px;
    }
    .read-more-sec.aboutRead{
margin-top: 14px;
    }
    .activities-img img{
        margin-bottom: 8px;
    }
    .brilliant-section {
        padding: 20px 0;
    }
    .brilliant-card{
        margin-bottom: 8px;
    }
    .event-section-card{
        margin-bottom: 0;
    }
    .brilliant-section .headline h3 {
       
        margin-bottom: 20px;
    }
    .top-social-media ul li i {
        font-size: 1rem;
    }
    .school-website .school-logo {
        width: 100px;
    }
    .top-social-media ul li i {
        margin: 0 4px;
        font-size: .9rem;
    }
    .navbar.school-website{
        padding: 0;
    }
    .school-website .nav-item {
        padding: 12px 8px;
    }
}
@media(max-width:991px){

}
@media(max-width:903px){
    .student-img {
        right: -215px;
    }
}
@media(max-width:800px){
    .slider-content h3 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }
    .viewBtn a {
        padding: 8px 16px;
        font-size: 12px;
    }
    .slider-content {
        left: 82px;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 59px;
        font-size: 50px;
    }
}
@media(max-width:767px){
    .about-img{
        display: none;
    }
}
@media(max-width:768px){
    .student-img img {
        max-width: 40%;
    }
    .slider-content {
        bottom: 52px;
    }
    .student-img {
        right: -268px;
    }
    .slider-content h3 {
        font-size: 33px;
    }
    /* .curricular-activity .play-card {
     
        min-height: auto;
            } */
   
}
@media(max-width:650px){
    .student-img {
       display: none;
    }
    .slider-content {
        bottom: 44px;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 45px;
     
    }
}
@media(max-width:575px){
    .slider-content h3 {
        font-size: 28px;
    }
    .slider-content {
width: 350px;
    }
    .slider-content h3 {
     
        line-height: 36px;
        font-size: 30px;
    }
    .slider-content {
        bottom: 35px;
    }
    .class-section .subject-sec img {
        width: 120px;
        height: 120px;
    }
    .mission-vision ,.message-section {
       
        padding: 20px 0; 
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 27px;
    }
    .headline h3 {
        font-size: 24px;
    }
    .breadcrumblist .breadcrumbitem {
        font-size: 1.2rem;
    }
    .common-section {
        padding: 20px 0;
    }
    .curicular-section {
        padding: 20px 0;
    } 
    .contact-section {
        padding: 20px 0;
    } 
    .event-section, .gallery-section {
        padding: 20px 0 0 0;
    }  
    .gallery-section .headline {
        margin-bottom: 20px;
    }
    .featured-section .left-featured {
        padding-left: 20px;
    }
    .featured-section .left-featured li {
        margin-bottom: 6px;
    }
    .contact-section .contact-address {
        padding: 8px;
    }
    .schoolBtn{
        padding: 6px;
    }
    .aboutUs-section {
        padding: 20px 0;
    }
}
@media(max-width:520px){
    .pointer-event .viewBtn a{
        display: none;
    }
    .topmk-menu .topmkinternational ul{
        display: block;
    }
    .topmk-menu ul li{
        border-right: 0;
    }
}
@media(max-width:480px){
    .slider-content h3 {
        line-height: 34px;
        font-size: 24px;
    }
    .slider-content {
        width: 322px;
        left: 65px;
        bottom: 24px;
    }  
}
@media(max-width:425px){
    .experience-section .experience li h3 {
        font-size: 35px;
    }
    .experience-section .experience li i {
        padding: 12px;
        font-size: 24px;
      
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 24px;
        font-size: 34px;
    }
    .school-website .nav-item {
        padding: 8px;
    }
}
@media(max-width:424px){
    .slider-content h3 {
        line-height: 28px;
        font-size: 20px;
        margin-bottom: 30px;
      
    }
    .slider-content {
        bottom: 10px;
        width: 265px;
    }
    .top-sec img {
        max-width: 120px;
    }
    .right-top-user ul {
        margin-bottom: 4px;
        padding: 4px 0;
    }
    
    .event-date {
        font-size: 18px;
    }
}
@media(max-width:375px){
    .slider-content h3 {
        margin-bottom: 20px;
    }
    .slider-content {
        left: 50px;
        width: 228px;
    }
    .right-top-user ul li a {
        font-size: 12px;
    }
    .right-top-user ul li i {
        font-size: 10px;
    }
    .event-section,.gallery-section {
        padding: 20px 0 0 0;
    }

    .viewBtn{
display: none;
    }
    .school-slider .owl-carousel .owl-nav button {
        top: 20px;
    }
    .breadcrumblist .breadcrumbitem {
        font-size: 1rem;
    }
    .contact-time{
    padding: 8px;
}
.topmk-menu .topmkinternational ul li {
    font-size: .77rem;
}
.school-website .school-logo {
    width: 80px;
}
}
@media(max-width:320px){
    .school-slider .owl-carousel .owl-nav button {
        top: 12px;
    }
    .aboutUs-section .training-sport {
        padding: 9px;
    }
}