/*
	Theme Name: Asoka-vidyalaya
	Theme URI: https://weblankan.com
	Author: Anuradha
	Author URI: https://weblankan.com
	Description: Custom Theme
	Version: 1.0
	Text Domain: Custom theme
*/
header#header {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0;
  background-color: #ffffff;
  z-index: 9999;
  height: auto !important;
  border-radius: 0;
}
section.banner {
  margin-top: 123px;
}
.our-project-sec .owl-item img {
  width: 124% !important;
}

.our-project-sec .img-wrapper {
  width: max-content;
}

/* end gallery section carousel style */

/* ========================================================================== */
/*  */
/* ========================================================================== */
/* START CSS */
/* ========================================================================== */
/*  */
/* ========================================================================== */
:root {
  --primary: rgb(126, 33, 33);
}

html {
  box-sizing: border-box;
  font-family: 'Lato', sans-serif;
  color: black;
  width: 100%;
}

* {
  padding: 0;
  margin: 0;
}
body {
  margin: 0px;
}

.btm-spacer {
  margin-bottom: 40px;
}

.btn {
  background-color: transparent !important;
  padding: 0.6rem 1.3rem;
}

button:focus {
  outline: none;
  cursor: pointer;
}

.wrapper {
  display: grid;
}

.nav-bar-row-mobile {
  display: none;
  width: 100%;
}
.navbar-nav {
  text-align: end;
}
.navbar-collapse {
  display: inline-flex;
}
.logo-container-mobi {
  margin-right: 304px;
}

.nap-top-row {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Rectangle_66.png);
  justify-content: center;
  font-family:'Lato', sans-serif;
}
.nap-top-col p {
  margin-bottom: 0;
  padding: 8px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0.17px;
  line-height: 18px;
  font-family:'Lato', sans-serif;
  letter-spacing: 0.17px;
  text-transform: lowercase;
}
.nap-top-col p li {
  font-size: 1px;
}

.nav-bar-row {
  text-align: center;
}
.nav-bar-row-two {
  margin: auto !important;
}
.nav-bar-row-two ul {
  display: inline-block;
  display: grid;
  padding: 0px;
  list-style: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin: 0;
}
li.menu:active {
    font-weight: 700 !important;
}
.nav-bar-row-two ul a {
  text-decoration: none;
}

.nav-bar-row-two ul li {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  letter-spacing: 0.14px;
  color: #710100;
  line-height: 15px;
  opacity: 1;
  text-transform: uppercase;
  cursor: pointer;
}
.nav-bar-row-two ul li:hover {
  color: #830402;
  text-shadow: 1px 0px;
}
/* end  nav bar section */

/*START BANNER SEFCTION */

.banner-left-col {
  background-position: center;
  background-size: 50%;
  color: #ffffff;
  background-image: url(/wp-content/uploads/2022/02/ASOKARGINAL-100-Original.png);
  background-repeat: no-repeat;
}
.banner-left-col img {
  padding-top: 0%;
}
.banner-left-col p {
  font-family:'Lato', sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 20px;
}

#main-tittle {
  margin: 40px 0px 40px 0px;
}
.banner-left-col h1 #white-head {
  font-size: 79px;
  font-family:'Lato', sans-serif;
  color: #ffffff;
}
.banner-left-col h1 #yellow-head {
  font-size: 68px;
  font-family:'Lato', sans-serif;
  color: #ffa91e;
}

.banner-left-bnt-container {
  margin-top: 40px !important;
  margin-bottom: 140px;
}

.btn_cs {
  display: inline-flex;
  padding: 0;
  border: 1px solid #FDA91F;
  background-color: transparent;
  font-weight: 100;
  cursor: pointer;
}
.btn_cs .read-me {
  padding: 5px 40px 5px 40px;
  color: white;
  margin-top: auto;
  margin-bottom: auto;
  font: normal normal normal 14px/17px 'Lato', sans-serif;
  text-decoration: none;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}


.banner-right-col .container #scrol-img-1 {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/school-img.png);
}
.banner-right-col .container #scrol-img-2 {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/school-img.png);
}
.banner-right-col .container #scrol-img-3 {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/school-img.png);
}

.banner-right-col .container .slick-slider {
  position: relative;
}

/* ========================================================================== */
/* /* ======================================================================= */
/* /* ==================================================================== */
/* /* ================================================================= */
/* /* ============================================================== */
/*  */
/* ============================================================== */
/* ================================================================= */
/* ==================================================================== */
/* ======================================================================= */
/* ========================================================================== */

.carousel-control-prev {
  position: absolute;
  left: -75px;
  top: 687px;

  border: none;
  background: url("/wp-content/themes/asoka-vidyalaya/assets/img/Group_10508.png")
    no-repeat !important;
  background-size: cover;
  font-size: 0;
  width: 100px;
  height: 60px;
  z-index: +999;
    opacity: 1 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-control-prev .carousel-control-prev-icon {
  display: none;
}

.carousel-control-next {
  position: absolute;
  left: 1px;
  top: 687px;
  border: none;
  background: url("http://ashokacollegeob.hostweblankan.in/wp-content/uploads/2022/01/Group-10495.png")
    no-repeat !important;
  background-size: cover;
  font-size: 0;
  /* border: none; */
  width: 100px;
  height: 60px;
  z-index: +999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
}
.carousel-control-next:focus, .carousel-control-next:hover {
    background: url(/wp-content/themes/asoka-vidyalaya/assets/img/Group_10509.png) no-repeat !important;
}
.carousel-control-prev:focus, .carousel-control-prev:hover {
    background: url(/wp-content/uploads/2022/01/Group-10493.png) no-repeat !important;
}
.carousel-control-next .carousel-control-prev-icon {
  display: none;
}

/* ========================================================================== */
/* /* ======================================================================= */
/* /* ==================================================================== */
/* /* ================================================================= */
/* /* ============================================================== */
/* /* =========================================================== */
/* /* ======================================================== */
/*  */
/* ======================================================== */
/* =========================================================== */
/* ============================================================== */
/* ================================================================= */
/* ==================================================================== */
/* ======================================================================= */
/* ========================================================================== */

.banner-right-col .social-line .banner-right-col-line-one img {
  position: fixed !important;
    bottom: 33em;
    left: 97.5%;
    height: 33%;
}
.banner-right-col .container .slick-prev {
  right: 20px;
  position: absolute;
  margin-left: 0px;
  z-index: +1;
}
.banner-right-col .container .slick-next {
  right: 20px;
  position: absolute;
  margin-left: 0px;
  z-index: +1;
}

.banner-right-col-line-one {
  text-align: end;
  height: 10%;
}
.banner-right-col-social-sec {
  text-align: right;
  margin-left: 22px;
  position: fixed;
  top: 31%;
  left: 7%;
  z-index: 1;
}
.banner-right-col-social-sec svg {
  margin-top: 10px;
  width: 3%;
}
.banner-right-col-social-sec svg:hover path ,.footer-social svg:hover path{
    fill: #FFA91C !important;
}
.carousel-container .carousel-row {
  margin-top: -90px;
}
.carousel-container .carousel-col-left {
  padding: 0;
}
.carousel-container .carousel-col-right {
  padding: 0;
}
.carousel-container .carousel-row .crsl-left {
  float: right;
}

.carousel-container .carousel-row img {
  width: 60px;
}

.carousel-container .carousel-row img {
  width: 60px;
}

/*END BANNER SEFCTION */

/* START WELCOME SECTION */

.welcome-bnr-cover {
  background-color: #FFF8EA;
  padding-bottom: 90px;
  background-image: url(/wp-content/uploads/2022/02/bg2.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.welcome-bnr-cover .container-fluid, .container-fluid.gallery-container {
  max-width: 70%;
  width: 100%;
  margin: auto;
}
.welcome-banner .layer-one {
  padding-top: 120px;
}
.layer-one .layer-one-col {
  padding-top: 70px;
}

.layer-one .welcome-tittle h1 {
  font-family: 'Lato', sans-serif;
  color: #710100;
  font: normal normal normal 55px/102px Lato;
  text-transform: uppercase;
  font-weight: 600;
}
#welcm-br-1 {
  display: none;
}

.layer-one .welcome-school-img #school-dark-bnr {
  margin-top: -70px;
  width: 100% !important;
}

.welcome-banner .layer-one .welcome-layer-one-hero-line {
  width: 22%;
}

.welcome-banner .layer-one #welcome-titte-end-line {
  margin-top: 20px;
  width: 30%;
}

.welcome-banner .layer-one p {
  letter-spacing: 16.24px;
  font-weight: 500;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #ffa91e;
  opacity: 1;
  margin-bottom: 0;
}

.layer-three .left-col {
  padding-left: 0px !important;
  padding-right: 175px;
}
.layer-three #left-para {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 35px;
  color: #000000;
}
.layer-three #right-para {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 26px;
  padding-right: 130px;
  padding-left: 0;
  font-weight: bold;
  opacity: 1;
}
.layer-four {
  justify-content: space-between;
}
.priciple-sec .layer-four {
  justify-content: center;
}
.principle-box {
  text-align: left;
  padding-right: 150px;
}
.priciple-sec .layer-four .principle-box {
  background-color: transparent;
  margin: auto;
  padding: 3em 0em 3em 0em;
}

.priciple-sec .layer-four .principle-box #headding {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 7.03px;
  line-height: 21px;
  color: #ffa91e;
  opacity: 1;
  
}
.principle-box h3 {
  color: #710100;
  font-size: 45px;
  padding-bottom: 40px;
  font-family: 'Lato', sans-serif;
}

.priciple-sec .layer-four .principle-box h3 {
  font-family: 'Lato', sans-serif;
  font-size: 42px;
  color: #000000;
  text-align: left;
  opacity: 1;
  font-weight: 700;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}
.priciple-sec .layer-four .principle-box #principle-para {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  letter-spacing: 0.25px;
  line-height: 28px;
  color: #000000;
  opacity: 1;
  padding-left: 40px;
  padding-right: 40px;
  text-align: left;
}

.priciple-sec .principle-box #Principle-view {
  border: 1px solid #ffa91e;
  text-decoration: none;
  padding: 11px 25px 11px 25px;
  border-width: thin;
  color: #000000;
  font-size: 12px;
  background-color: transparent;
}
/* .layer-four {
}
.layer-four {
} */
/* END WELCOME SECTION */

/* //////////////////////////////////////////////////////////////////////////////////// */

/* welcome section */

/* OB presidenr banners */

/* new css  */
.msg-frm-ob {
  padding-top: 100px;
}

.layer10-container-copy-3 {
  text-align: end;
}
.layer10-container-copy-3 {
  text-align: end;
}
.layer10-container-copy-2 {
  text-align: start;
}
.layer10-container-copy-3 img {
  padding-top: 21px;
}
.layer10-container-copy-2 img {
  padding-top: 21px;
}
.msg-frm-ob .msg-frm-ob-row {
    margin-top: 100px;
    justify-content: center;
    margin-bottom: 70px;
}
.msg-frm-ob .msg-frm-ob-row .president-sec-heading {
  text-align: center;
  justify-content: center;
}
.msg-frm-ob .msg-frm-ob-row .president-sec-heading p {
  border: 3px solid black;
  width: fit-content;
  padding: 20px 50px 20px 50px;
  margin: auto;
  width: fit-content;
  font-family: 'Lato', sans-serif;
  font-size: 33px !important;
  font-weight: bold !important;
}
.ob-persion {
  /* margin-top: 100px; */
  margin-top: 6%;
}
.ob-persion .ob-persion-row {
  justify-content: center;
  max-width: 99%;
  margin: auto;
}
.ob-persion-col-1 img {
  width: 56%;
  bottom: 0%;
  left: -8%;

  position: absolute;
}
.ob-persion-col-1 #ob-prsdnt-para {
  padding: 30px;
}
.ob-persion-col-1 #ob-prsdnt-para h2 {
}
.ob-persion-col-1 #ob-prsdnt-para p {
}

/* // */
.ob-persion-col-2, .ob-persion-col-1 {
  display: inline-flex;
  background: #710100;
  border-radius: 15px;
  height: auto;
}
.ob-persion-col-2 img {
  width: 51%;
  bottom: 0%;
  left: 53%;
  position: absolute;
}
.ob-persion-col-2 #ob-prsdnt-para-old {
  padding: 30px;
}
.ob-persion-col-2 #ob-prsdnt-para-old h2 {
}
.ob-persion-col-2 #ob-prsdnt-para-old p {
}
.histry-discription p {
    color: #fff;
}
/* new css  */

/* SCHOOL HISTRY SECTION */

.school-histry {
  margin-top: 100px;
}
.school-histry .histry-discription {
  opacity: 1;
  padding: 6%;
  background: rgb(133,54,42);
  background: linear-gradient(180deg, rgba(133,54,42,1) 50%, rgba(67,20,7,1) 89%);
  background-size: cover;
  height: auto;
}

.school-histry .histry-discription .histry-hero-top {
}

.school-histry .histry-discription .histry-hero-top img {
  width: 32%;
}
.school-histry .histry-discription .histry-hero-top p {
  text-align: center;
  letter-spacing: 13.24px;
  color: #ffa91e;
  opacity: 1;
  margin: 0;
  float: left;
  font-family:'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 16.24px;
  /* line-height: 163.67px; */
  /* font-weight: 100; */
}
.school-histry .histry-discription h1 {
  text-align: left;
  letter-spacing: 0px;
  color: #ffffff;
  font: normal normal normal 55px/65px Lato;
  opacity: 1;
  font-family: 'Lato', sans-serif;
  width: 40%;
}
.school-histry .histry-discription .line_10 {
  padding-top: 0;
  padding-left: 0;
  width: 30%;
}

.school-histry .histry-discription .discription-para {
  text-align: left;
  letter-spacing: 0.35px;
  color: #f3f3f3;
  opacity: 1;
  padding-top: 30px;
  font-size: 14px;
  line-height: 26px;
  font-family: 'Lato', sans-serif;
  opacity: 1;
}
.school-img-container {
  margin-top: 30px;
  /* margin-left: -50px; */
}
.school-img-container .slick-prev {
  font-size: 0;
  border: none;
  width: 100px;
  height: 50px;
  background: url("/wp-content/uploads/2022/02/arowLeft.png")
    no-repeat !important;
  position: absolute;
  bottom: -20px;
  right: 30px;
  z-index: +1;
}

.school-img-container .slick-next {
  font-size: 0;
  border: none;
  width: 100px;
  height: 50px;
  background: url("/wp-content/uploads/2022/02/arowRight.png")
    no-repeat !important;

  position: absolute;
  right: 30px;
  bottom: 1px;
  z-index: +6;
}

.caro-rect-sec .rect-rw {
  justify-content: end;
}
.caro-rect-sec .rect-rw .rect-col {
  text-align: right;
}
.caro-rect-sec .rect-rw .rect-col .caro-rect {
  width: 100px;
  position: absolute;
  right: 1px;
  bottom: 10px;
}

.Scroll-Group-6-container {
  /* background-image: url("/wp-content/themes/asoka-vidyalaya/assets/img/Scroll Group 6.png") !important; */
  /* margin-top: auto !important; */
  /* margin-bottom: auto !important; */
  padding-right: 0;
  padding: 0;
  height: 780px;
}

.Scroll-Group-6-container .Scroll-Group-6-img {
  margin-left: -90px;
  width: 100%;
  height: 100vh;
}

/* ========================================================================== */
/* EVENT BANNERS */
/* ========================================================================== */

.event-banners {
  margin-top: 85px;
  margin-bottom: 85px;
}
.event-banners .evnt-rw .slider-item img {
  /* margin: 250px; */
  margin-left: 0;
  margin-right: 0;
}
.event-banners .container {
  justify-content: center;
}
.event-banners .container .banners-container {
  justify-content: center;
}
.event-banners .container .banners-container {
  justify-content: center;
}
.event-banners .container .banners-container .slidrs-container img {
  width: 98%;
  margin: auto;
  object-fit: cover;
}
.event-banners .container .banners-container .slidrs-container .newsSection img {
width: 40%;
  margin: auto;
  object-fit: cover;
}

.event-banners .slick-prev {
  position: absolute;
  left: 14%;
  top: -16vh;
  font-size: 0;
  border: none;
  width: 100px;
  background: url("/wp-content/uploads/2022/02/arowRight.png")
    no-repeat !important;
}
.event-banners .slick-next {
  position: absolute;
  left: 14%;
  top: -12vh;
  font-size: 0;
  border: none;
  width: 100px;
  height: 60px;
  background: url("/wp-content/uploads/2022/02/arowLeft.png")
    no-repeat !important;
}

.event-banners .container #evnt-caro-rect-img {
  /* position: absolute;
  top: 4331px;
  left: 1691px;
  width: 137px; */
  position: relative;
  top: -7vh;
  left: 76vw;
}

.event-banners .slick-slide img {
  width: 900px;
  height: auto;
  /* height: 400px; */
}

.event-banners .slick-slider {
  width: 100%;
}

.event-banners .container {
    margin: auto;
    max-width: 80% !important;
    width: 100% !important;
}

/* ========================================================================== */
/* EVENT BANNERS */
/* ========================================================================== */

.crsl-row {
  justify-content: end;
}
.crsl-col {
  padding-left: 55px !important;
  /* margin-top: 5px !important; */
  /* margin-bottom: auto; */
}

.crsl-rect {
  text-align: end;
}

.crsl-row .caro-rect {
  width: 90%;
  padding: 0;
}

/* EVENT SECTION */

.event-container {
  margin-top: 80px;
  margin-bottom: 80px !important;
}
.event-contnt-row {
  justify-content: center;
  margin-top: 150px;
  /* padding-left: 150px; */
}

.event-contnt-row .event-bnrs {
  justify-content: center;
  /* width: 100px; */
  width: max-content;
  background-color: red;
  padding: 0px;
}

.event-contnt-row .event-bnrs img {
  width: 320px;
}

/* SECTION GALLARY */
/* section#gallery {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Group_10483.png);
  background-size: 100%;
  background-repeat: no-repeat;
} */
section#gallery {
  background-image: url(/wp-content/uploads/2022/02/bg1.png);
  background-repeat: no-repeat;
  background-color: #FFF8EA;
  background-position: 100% 0%;
}
.gallery-container .gallery-container-row-one {
  /* padding-left: 201px; */
  padding-top: 80px;
}

.gallery-container .gallery-container-row-one #line-9,
#line-10 {
  width: 30%;
}

.gallery-container .gallery-container-row-one p {
  top: 5305px;
  left: 241px;
  /* width: 490px; */
  width: fit-content;
  height: 17px;
  text-align: left;
  letter-spacing: 16.24px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #000000;
  opacity: 1;
  margin: 0;
}

.gallery-container .gallery-container-row-one h1 {
  text-align: left;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0px;
  color: #710100;
  opacity: 1;
  margin-bottom: 0;
  font: normal normal normal 55px/65px 'Lato', sans-serif;
}
.gallery-container .gallery-container-row-one h1 img {
  width: 12%;
}
.gallery-container-row-two .gallery-container-row-two-para-one p {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  margin-top: 0;
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: 500;
  width: 54%;
  padding: 0 0 70px 0;
}

.gallery-container-row-two .gallery-container-row-two-para-two p {
  width: 54%;
  text-align: left;
  font: normal normal medium 16px/26px 'Lato', sans-serif;
  letter-spacing: 0.4px;
  color: #000000;
  opacity: 1;
  font-weight: 500;
  padding: 30px 0 70px 0;
}

.galery-crsl {
}

.galery-crsl #view-img-one {
  width: 300px;
  height: 300px;
}
.galery-crsl #view-img-two {
  width: 300px;
  height: 250px;
  /* margin-top: auto; */
  /* margin-bottom: auto; */
  /* padding-top: 20px; */
}
.galery-crsl #view-img-three {
  width: 300px;
  height: 300px;
}

.gallery-container-row-three .gal-img-one img {
  padding-top: 50px;
  width: 250px;
  /* box-shadow: 23px 12px 23px #00000029; */
}

.gallery-container-row-three .gal-img-one-1 img {
  width: 250px;
  height: 310px;
}

.gallery-container-row-three .gal-img-one-2 img {
  width: 240px;
  /* height: 330px; */
  /* margin-bottom: 10px; */
  margin-top: 12px;
}

.gallery-container-row-three #view-img {
  width: 400px;
}

.gallery-container-row-three .caro-two img {
  width: fit-content;
}
.gallery-container-row-three .caro-two .caro-rect-two {
  width: 20%;
}

.gallery-container-row-three .caro-two .caro-two-col {
  margin-top: auto;
  margin-bottom: auto;
}

/* NEWS AND EVENT SECTION  */

/* ========================================================================== */
.news-event {
  padding-top: 90px;
}

.news-event .news-event-devider {
  justify-content: center;
}

.news-event .news-event-devider #news-event-devider-line-4 {
  padding-top: 8px;
  float: left;
  width: 67%;
  /* height: 11px; */
}
.news-event .news-event-devider #news-event-devider-line-5 {
  float: right;
  padding-top: 8px;
  width: 67%;
  /* height: 11px; */
}

/* .row.gallery-container-row-two {
  padding-top: 150px;
} */
.news-bner .caro-three .caro-three-row .caro-three-right {
  justify-content: end;
}
.news-bner .caro-three .caro-three-row .caro-three-left {
  justify-content: end;
}

.news-bner .caro-three .caro-three-row .caro-three-right img {
  /* width: fit-content; */
  width: 80px;
}

.news-bner .caro-three .caro-three-row .caro-three-left img {
  /* width: fit-content; */
  width: 80px;
}

.news-bner .caro-three .caro-rect-two {
  width: 90px;
}

.news-event-container {
  padding-top: 40px;
  justify-content: center;
  text-align: center;
}

.news-event-container .white-back, .white-back {
  padding: 35px 70px;
  /* background-color: #ffffff; */
  /* box-shadow: 0 0 25px rgb(155, 155, 155); */
  /* width: 98%; */
  /* margin: auto; */
}

.white-back button.btn_cs .read-me {
  padding: 5px 40px 5px 40px;
  color: #000;
  margin-top: auto;
  margin-bottom: auto;
  font: normal normal normal 14px/17px 'Lato', sans-serif;
  text-decoration: none;
  letter-spacing: 3.5px;
  text-transform: uppercase;
}
.news-event-container h2 , .white-back h2{
  text-align: center;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-family:'Lato', sans-serif;
  font-size: 25px;
  font-size: 36px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
}

.news-event-container p {
  /* text-align: center; */
  font: normal normal medium 16px/26px 'Lato', sans-serif;
  margin-bottom: 0;
  letter-spacing: 0.4px;
  color: #000000;
  opacity: 1;
  padding: 0px 20px 0px 20px;
}

.news-event-container #hero,p#hero {
  padding-top: 20px;
  letter-spacing: 4.03px;
  font-family:'Lato', sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 1.3;
  /* margin-bottom: 0; */
}

.news-event-container #dicription,#dicription {
  font: normal normal medium 12px/26px 'Lato', sans-serif;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #000000;
  opacity: 1;
  padding-bottom: 15px;
}

.news-event-container #btn-news-event {
  border: 1px solid #ffa91e;
  text-decoration: none;
  padding: 11px 25px 11px 25px;
  border-width: thin;
  color: #000000;
  font-size: 12px;
  margin-bottom: 20px;
  background-color: transparent;
}

.news-event-container #news-event-image {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/1.png);
  /* background-position: center; */
  background-size: cover;
}
.newsbanner.slidrs-container img {
    width: 98% !important;
    height: 400px !important;
    object-fit: fill;
}
.newsbanner.event-banners .slick-next {
    top: -12vh !important;
}
.newsbanner.event-banners .slick-prev {
    left: -8% !important;
    top: -15vh !important;
}
.newsbanner.event-banners .container #evnt-caro-rect-img {
    position: relative;
    top: -10vh;
    left: 76vw;
}
section.event-banners.newsbanner {
  margin-top: 65px !important;
}
/* ========================================================================== */

/* ===================================NEW AND EVENTS SCROLL BANNERS======================================= */
/* .nws-event-banners-mobi {
  display: none;
}

.nws-event-banners {
  display: inline;
} */

.nws-event-banners {
  margin-top: 100px;
  margin-bottom: 90px;
}
.nws-event-banners .evnt-rw .slider-item img {
  /* margin: 250px; */
  margin-left: 0;
  margin-right: 0;
}
.nws-event-banners .container {
  justify-content: center;
}
.nws-event-banners .container .banners-container {
  justify-content: center;
}
.nws-event-banners .container .banners-container {
  justify-content: center;
}
.nws-event-banners .container .banners-container .slidrs-container img {
  width: 98%;
  margin: auto;
}

.nws-event-banners .slick-prev {
  position: absolute;
  left: -19%;
  top: -58px;
  font-size: 0;
  border: none;
  width: 100px;
  background: url("/wp-content/uploads/2022/02/arowRight.png")
    no-repeat !important;
}
.nws-event-banners .slick-next {
  position: absolute;
  left: -19%;
  top: -28px;
  font-size: 0;
  border: none;
  width: 100px;
  height: 20px;
  background: url("/wp-content/uploads/2022/02/arowLeft.png")
    no-repeat !important;
}

.nws-event-banners .container #evnt-caro-rect-img {
  position: relative;
  /* top: -11%; */
  left: 89%;
  width: 137px;
  margin: 7px;
  /* position: absolute;
  bottom: -5438px;
  left: 1741px;
  width: 137px; */
}

.nws-event-banners
  .container
  .row
  .slidrs-container
  .nws-evnt-bnr-contnt-wrper {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Group_10518.png);
  padding: 20px;
  background-repeat: no-repeat;
  text-align: center;
  background-size: cover;
}

.nws-event-banners
  .container
  .row
  .slidrs-container
  .nws-evnt-bnr-contnt-wrper
  .nws-evnt-bnr-drk {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Layer_25.png);
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  padding: 35px 90px 35px 90px;
}

.nws-event-banners
  .container
  .row
  .slidrs-container
  .nws-evnt-bnr-contnt-wrper
  .nws-evnt-bnr-drk
  span {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 9.03px;
  line-height: 26px;
  border-bottom: 1px solid #ffa91e;
  margin-top: 39px;
}

.nws-event-banners
  .container
  .row
  .slidrs-container
  .nws-evnt-bnr-contnt-wrper
  .nws-evnt-bnr-drk
  h3 {
  font-size: 36px;
  font-family: 'Lato', sans-serif;
  line-height: 50.67px;
  margin-top: 25px;
  margin-bottom: 15px;
}

.nws-event-banners
  .container
  .row
  .slidrs-container
  .nws-evnt-bnr-contnt-wrper
  .nws-evnt-bnr-drk
  p {
  font-size: 16px;
  font-family:'Lato', sans-serif;
  letter-spacing: 0.4px;
  line-height: 26px;
  margin-bottom: 45px;
}

.nws-event-banners
  .container
  .row
  .slidrs-container
  .nws-evnt-bnr-contnt-wrper
  .nws-evnt-bnr-drk
  button{
  border: 1px solid #ffa91e;
  color: white;
  padding: 15px 50px 15px 50px;
  background-color: transparent;
}
.white-back button {
  border: 1px solid #ffa91e;
  color: #000000;
  padding: 0;
  background-color: transparent;
}

/* ================================== NEW AND EVENTS SCROLL BANNERS======================================== */
/* NEWS AND EVENT */

/* PROJECT SECTION */

.project-section {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/group_10520.png);
  margin-top: 0;
  padding-bottom: 200px;
  padding-top: 100px;
}

.project-section .section-one {
  padding-left: 250px;
  padding-top: 81px;
}

.project-section .section-one .line-1 {
  width: 41%;
}

.project-section #hero-eading {
  letter-spacing: 16.24px;
  font-family:'Lato', sans-serif;
  color: #ffa91e;
  margin-bottom: 0;
  opacity: 1;
  font-size: 14px;
}

.project-section .line-1 {
  width: 52%;
}

.project-section .section-two h1 {
  text-align: left;
  font: normal normal normal 55px/103px 'Lato', sans-serif;
  font-family:'Lato', sans-serif;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.project-section .section-two #line-3 {
  padding-top: 20px;
  width: 30%;
}

.carosl-container .project-crsl {
  margin-top: -150px;
}

.section-three #para-one {
  color: #ffffff;
  text-align: left;
  opacity: 1;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  padding-left: 0px;
  font-size: 24px;
  line-height: 30px;
}
.section-three #para-two {
  text-align: left;
  font: normal normal medium 16px/26px 'Lato', sans-serif;
  font-family:'Lato', sans-serif;
  font-size: 16px;
  letter-spacing: 0.4px;
  color: #ffffff;
  opacity: 1;
  font-weight: 500;
  padding-left: 61px;
  padding-right: 11px;
  line-height: 26px;
}

.our-project-sec {
  margin-top: -90px;
  margin-bottom: 106px;
}

.our-project-sec
  .container
  .row
  .col-12
  .project-slider
  .owl-nav
  .owl-prev
  span {
  background-color: #ffa91e;
  padding: 0px 30px 0px 20px;
  position: absolute;
  top: 186px;
  left: -117px;
  font-size: 46px;
  color: white;
}
.our-project-sec
  .container
  .row
  .col-12
  .project-slider
  .owl-nav
  .owl-next
  span {
  background-color: #ffa91e;
  padding: 0px 30px 0px 20px;
  position: absolute;
  top: 186px;
  left: 1133px;
  font-size: 46px;
  color: white;
}
section#projects {
  padding-bottom: 80px;
}
/* CAREERS SECTION */
/* .careers {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Rectangle_42.png);
  padding: 80px 0  40px;
} */
.careers {
  padding: 80px 0  40px;
  background-color: #FFF8EA;
}
.careers .layer-one {
  padding-left: 143px;
  padding-top: 73px;
}

.careers .layer-one img {
  width: 52%;
}
.careers .layer-one p {
  text-align: left;
  letter-spacing: 14.24px;
  font-family: 'Lato', sans-serif;
  color: #000000;
  opacity: 1;
  margin-bottom: 0;
}
.layer-two h1 {
  font: normal normal normal 55px/65px 'Lato', sans-serif !important;
  font-family: 'Lato', sans-serif;
  color: #710100;
}
.layer-two h1 img {
  width: 15%;
  padding-top: 20px;
}

.layer-three {
  padding-top: 25px;
  padding-bottom: 40px;
}
.layer-three #para-one {
  color: #000000;
  text-align: left;
  opacity: 1;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  padding-right: 180px;
  font-size: 24px;
  line-height: 30px;
}

.layer-three #para-two {
  text-align: left;
  font: normal normal medium 16px/26px 'Lato', sans-serif;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.4px;
  color: #000000;
  opacity: 1;
  font-weight: 500;
  padding-left: 90px;
}

.inquiry {
  margin-top: 80px;
}
.inquiry .row {
  justify-content: center;
}

.inquiry img {
  width: 70%;
  height: 2px;
}
.inquiry-rect h3 {
  border: 1px solid #000000;
  font: normal normal normal 23px/23px Libre Baskerville;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border-width: 2px;
  /* background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Rectangle_1_copy.png); */
}

.inquiry-form .row {
  justify-content: center;
}
.inquiry-form .rectangle-bg {
    margin-top: 40px;
    box-shadow: 0px 10px 52px #07040612;
    max-width: 80% !important;
    flex: inherit !important;
}
.inquiry-form .rectangle-bg button {
  width: 20%;
  padding: 10px 25px 10px 25px;
  background-color: #660000;
  outline: none;
  border: none;
  margin-top: 20px;
  color: #ffffff;
  margin-bottom: 20px;
}

.inquiry-form .rectangle-bg input ,textarea.wpcf7-form-control{
  outline: none !important;
  border-color: #2e0808 !important;
  height: 2.5rem;
  margin-top: 20px;
  opacity: 1 !important;
  border-width: 1px;
  padding: 31px;
  margin: 24px 0px 5px 0px;
    color: rgb(126, 33, 33);
    font-weight:700;
}
textarea.wpcf7-form-control {
  padding: 0 31px;
}
::placeholder{
  outline: none !important;
  border-color: #2e0808 !important;
  height: 2.5rem;
  margin-top: 20px;
  opacity: 0.7;
  border-width: 1px;
  padding: 31px 0;
  margin: 24px 0px 5px 0px;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: rgb(97, 1, 1) !important;
}
.inquiry-form .rectangle-bg #msg-box {
  height: 7rem;
}

/* FOOTER TOP SECTION */
.footer-top {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Mask_Group_3.png);
  background-position: center;
  z-index: -20;
}

.footer-top #footer-bnr-row {
  margin-top: 80px;
  text-align: center;
  justify-content: center;
  padding-top: 100px;
}

.footer-top #footer-bnr {
  background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Layer_41.png);
  padding: 20px;
  /* padding-left: 30px; */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.footer-top #footer-bnr .footer-top-middle-sec {
  margin-top: auto;
  margin-bottom: auto;
  color: #660000;
}

.footer-top #footer-bnr .footer-top-middle-sec p {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  text-align: left;
}

.footer-top #footer-bnr .footer-top-middle-sec img {
  padding-right: 20px;
}

.footer-top #footer-bnr .rectangle-63 {
  background-color: #ffffff;
  text-align: left;
  width: 25%;
  /* padding: 200px; */
}
.footer-top #footer-bnr .rectangle-63 p {
  text-align: left;
  padding-left: 20px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  color: #330000;
  opacity: 1;
}

#footer-bnr .footer-social-col {
  margin-top: auto;
  margin-bottom: auto;
}

.footer-social {
    justify-content: space-evenly;
}

/* footer social hover effct */

.footer-social #fb-foot img:hover {
  color: white;
  background-color: green;
  /* cursor: pointer; */
}
.footer-social #instr-foot {
}
.footer-social #ut-foot {
}
.footer-social #wap-foot {
}

/* footer social hover effct */

#footer-bnr #line-1 {
  margin-top: auto;
  margin-bottom: auto;
}

.footer-menu {
  padding-top: 20px;
  padding-bottom: 20px;
  justify-content: center;
}
.footer-menu ul {
  padding-top: 45px;
  display: inline-flex;
  list-style: none;
  text-align: center;
  justify-content: center;
  color: #ffffff;
}

.footer-menu ul li {
  padding: 0px 30px 0px 30px;
}

.footer-menu ul a {
  color: white;
}

.footer-end .footer-end-row {
  justify-content: center;
  background-color: #6e0303f5;
}

.footer-end .footer-end-row p {
  margin-bottom: 0;
  padding: 15px;
  color: white;
  font-size: 14px;
  text-align: center;
  font-weight: 100;
  font-family: 'Lato', sans-serif;
}
.footer-end .footer-end-row p a {
  color: white;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

.leftLst {
  position: absolute;
  margin: auto;
  top: 0;
  left: 15px;
  bottom: 0;
  background: #ffffff;
  width: 40px;
  border: none;
  z-index: 1000;
  border-radius: 0px 5px 5px 0px;
  height: 100px;
  outline: none;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.11);
  margin-top: 200px;
}
.your-class {
  padding: 120px 0 100px 0;
}
.your-class button.slick-prev.slick-arrow {
  font-size: 0;
  border: none;
  width: 100px;
  height: 50px;
  background: url("/wp-content/uploads/2022/02/arowLeft.png")
    no-repeat !important;
  position: absolute;
  top: -40px;
  right: 12px;
}
.your-class button.slick-next.slick-arrow {
  font-size: 0;
  border: none;
  width: 100px;
  height: 50px;
  background: url("/wp-content/uploads/2022/02/arowRight.png")
    no-repeat !important;
  position: absolute;
  top: -12px;
  right: 12px;
}
.your-class .slick-slide img {
  width: 100%;
  height: auto;
  padding: 0 15px;
}

.slick-prev {
  margin-left: 100%;
  padding-top: 20px;
}
.slick-next {
  margin-left: 100%;
}

.galery-crsl button.slick-prev.slick-arrow {
  font-size: 0;
  border: none;
  width: 100px;
  height: 50px;
  background: url("/wp-content/uploads/2022/02/arowLeft.png")
    no-repeat !important;
  position: absolute;
  top: -50px;
  right: 820px;
}
.galery-crsl button.slick-next.slick-arrow {
  font-size: 0;
  border: none;
  width: 100px;
  height: 50px;
  background: url("/wp-content/uploads/2022/02/arowRight.png")
    no-repeat !important;
  position: absolute;
  top: -20px;
  right: 820px;
}

.caro-rect #view-img-two {
  height: 290px;
  padding-top: 15px;
}
.caro-rect .caro-rect-two {
  width: 100px;
}

.project-crsl {
  padding-right: 20px;
  padding-left: 20px;
}

.project-crsl .one {
  height: 350px;
}

.project-crsl .two {
  height: 305px;
  padding-top: 20px;
}

.project-crsl .three {
  height: 300px;
  /* padding-top: 20px; */
}

.project-crsl .three {
  height: 360px;
  padding-top: 10px;
}

.project-crsl button.slick-prev.slick-arrow {
  font-size: 0;
  border: none;
  width: 100px;
  height: 100px;
  background: url("/wp-content/themes/asoka-vidyalaya/assets/img/Group 10521.png")
    no-repeat !important;
  position: absolute;
  top: 200px;
  right: 1100px;
  left: -1439px;
}
.project-crsl button.slick-next.slick-arrow {
  font-size: 0;
  border: none;
  width: 100px;
  height: 100px;
  background: url("/wp-content/themes/asoka-vidyalaya/assets/img/Group 10522.png")
    no-repeat !important;
  position: absolute;
  top: 200px;
  left: 231px;
}

/* ========================================================================== */
/* POPUPS MODEL */
/* ========================================================================== */

.nws-evnt-mdl-1-cntnt-wrapr {
  padding: 50px;
}

.nws-evnt-mdl-1-cntnt-wrapr p {
  /* padding: 50px; */
  font-size: 14px;
  letter-spacing: 9.03px;
  line-height: 26px;
  border-bottom: 1px solid #ffa91e;
  margin-bottom: 0;
  width: fit-content;
}

.nws-evnt-mdl-1-cntnt-wrapr h3 {
  /* padding: 50px; */
  font-size: 36px;
  /* line-height: 50.67px; */
  font-family: 'Lato', sans-serif;
}

.nws-evnt-mdl-1-cntnt-wrapr img {
  /* padding: 50px; */
  width: 100%;
}

.nws-evnt-mdl-1-cntnt-wrapr #news-para {
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 26px;
  color: #000000;
  border: none;
  font-family: 'Lato', sans-serif;
  padding-top: 25px;
}

.modal.show .modal-dialog {
  margin-top: 217px;
}
/* popup button style */
#pop-one-close {
    position: absolute;
    left: 100%;
    bottom: 100%;
    border: 1px solid white !important;
    background-color: white !important;
    border-radius: 100%;
    padding: 0px;
    opacity: 1;
    width: 50px;
    height: 50px;
}
#pop-one-close span {
  padding: 16px;
  font-size: 28px;
}

/* popup button style */
/* ========================================================================== */
/* POPUPS MODEL */
/* ========================================================================== */

/* ------------------project carousel style-------------------- */
#f1_container {
  position: relative;
  width: 90%;
  height: 450px;
  z-index: 1;
  margin: auto;
}
.container-projects {
    max-width: 83% !important;
    margin: auto;
    width: 100% !important;
}
#f1_container {
  perspective: 1000px;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: #000000;
  text-align: center;
  background-color: #ffa91e;
/*   width: 124%; */
     width: 100%;
    height: 450px;
}
.owl-nav {
    position: absolute;
    top: 25%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
    color: #fff !important;
    font-size: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px !important;
}
.inquiry-rect h3, .news-event .news-event-devider .row .news-event-devider-box p, .msg-frm-ob .msg-frm-ob-row .president-sec-heading p {
  border: none !important;
  font-weight: 600 !important;
  font-size: 55px !important;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: 'Lato', sans-serif;
  padding: 20px 0px;
  color: #710100;
}
.footer-top #footer-bnr .footer-top-middle-sec p {
    font-size: 19px;
}
.m-1.p-0.slidrs-container {
    width: 100% !important;
}
.event-banners .container .banners-container .owl-nav.disabled {
  /* display: block !important; */
  width: 110%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  top: 44% !important;
  left: -5%;
}
.new-slider .owl-nav.disabled {
  /* display: block !important; */
  width: 110%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  top: 44% !important;
  left: -6%;
}
.projectsliderImages .owl-nav.disabled {
  /* display: block !important; */
  width: 105%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  top: 44% !important;
  left: -2%;
}
.projectsliderImages .owl-dots{
  display: none;
}
.owl-carousel .owl-nav button.owl-prev{
  width: 55px;
  background: url("/wp-content/uploads/2022/02/leftArrow.png")
    no-repeat !important;
  height: 50px;
}
.owl-carousel .owl-nav button.owl-next {
  width: 55px;
  background: url("/wp-content/uploads/2022/02/Rightarrow.png")
    no-repeat !important;
  height: 50px;
}
.owl-carousel .owl-nav button.owl-prev:hover{
  background: url("/wp-content/uploads/2022/02/LeftHover.png")
    no-repeat !important;
}
.owl-carousel .owl-nav button.owl-next:hover{
    background: url("/wp-content/uploads/2022/02/RightHover.png")
      no-repeat !important;
}
.event-banners .container .banners-container .owl-dots {
    display: none;
}
.owl-item.active.lastactiveitem .img-wrapper img {
    width: 100% !important;
    height: auto !important;
}
.owl-item.active.lastactiveitem {
    width: 12% !important;
}
.container.galleryContainer {
  width: 100% !important;
  max-width: 85% !important;
  padding-bottom: 80px;
}
.img-wrapper img {
  /* margin: 25px !important; */
  width: 100% !important;
  max-width: 95% !important;
}
section.newsbanner button.owl-prev {
    top: -400px !important;
}
section.newsbanner button.owl-next {
    top: -368px !important;
}
section#projects .owl-nav button.owl-next {
    margin-left: 1700px !important;
}
section#projects .owl-nav {
    display: block !important;
}
div#f1_container button {
    border: 1px solid #ffa91e;
    color: #000000;
    padding: 15px 50px 15px 50px;
    background-color: transparent;
}
label.form-label {
    display: none;
}
input.wpcf7-form-control {
  border-color: #2e0808 !important;
  width: 100%;
  height: 2.5rem;
  opacity: 1 !important;
  border-width: 1px;
  padding: 31px;
  color: rgb(126, 33, 33);
  font-weight: 700;
  margin: auto;
  display: flex;
}
textarea.wpcf7-form-control {
outline: none !important;
height: 7rem;
width: 100%;
margin: auto;
display: flex;
}
.btn-lrg.submit-btn {
  width: 23%;
  outline: none;
  color: #000000;
  text-align: center;
  display: flex;
  justify-content: center;
  font-weight: 400;
  margin: auto;
  margin-top: 20px;
}
.btn-lrg.submit-btn .read-me {
  padding: 0;
  color: #000;
  margin-top: auto;
  margin-bottom: auto;
  font: normal normal normal 14px/17px 'Lato', sans-serif;
  text-decoration: none;
  letter-spacing: 3px;
  text-transform: uppercase;
  width: 82%;
}
.next-btn {
    margin: auto;
    width: 100% !important;
    display: flex;
}
section {
/*     overflow: hidden; */
    width: 100% !important;
}
.carousel-item img {
    width: 100% !important;
    height: auto;
}
p.president-para-five, p.president-para {
  margin: 25px 10px 25px;
  text-align: center;
  font-family: 'Lato', sans-serif;
  color: #fff;
}
/*#f1_container img {
  width: 250px;
  height: 190px;
}

 --------------------------------------- */

/* ========================================================================== */
/* /* ======================================================================= */
/* MEDIA QUARIES
   /* ======================================================================= */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */
/* ========================================================================== */
/*  */
/* ========================================================================== */

@media (max-width: 510px) and (min-width: 360px) {
  .nap-top-col p {
    padding: 4px !important;
  }
  .banner .banner-row .banner-left-col .col {
    padding: 0 !important;
  }
  #main-tittle {
    margin: 0 !important;
  }
  #main-tittle #main-title-wrapper {
    line-height: 0.1 !important;
  }
  .layer10-container-copy-3 {
    padding-bottom: 2vh !important;
  }

  .msg-frm-ob {
    margin-top: 7vh !important;
  }
  .ob-persion {
    margin-top: -5vh !important;
  }

  .Scroll-Group-6-container .Scroll-Group-6-img {
    position: relative !important;
    width: -webkit-fill-available !important;
  }
    
    
    
    
    div#navbarSupportedContent1 .logo-container-mobi {
    display: none;
}
    a.nav-link {
    font-family:'Lato', sans-serif;
    font-size: 12px;
    letter-spacing: 0.14px;
    color: #710100 !important;
    line-height: 15px;
    opacity: 1;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
}
    .col-lg-5.welcome-school-img.p-0 {
    margin-top: 25px;
}
    .welcome-banner .layer-one .welcome-layer-one-hero-line {
    width: 27% !important;
}
    .layer-three #right-para {
    padding: 0 !important;
}
    .priciple-sec .layer-four .principle-box img {
    width: 95% !important;
}
    .priciple-sec .layer-four .principle-box {
    padding: 15px !important;
}
    .welcome-bnr-cover {
    padding-bottom: 60px !important;
}
    .layer10-container-copy-3,.col-lg-4.layer10-container-copy-2 {
    display: none !important;
}
    .msg-frm-ob .msg-frm-ob-row {
    margin-top: 0px;
    margin-bottom: 0px;
}
    .inquiry-rect h3, .news-event .news-event-devider .row .news-event-devider-box p, .msg-frm-ob .msg-frm-ob-row .president-sec-heading p {
    padding: 15px !important;
}
    .event-banners {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
    .event-banners .container .banners-container .slidrs-container img {
    width: 100% !important;
    height: auto;
}
    .img-wrapper img {
    /* margin: 25px !important;
    width: 100% !important;
    max-width: 100% !important; */
    height: auto;
}
    .news-event-container .white-back, .white-back {
    padding: 35px 25px !important;
    width: 100% !important;
}
    .school-histry {
    margin-top: 36px !important;
}
    section#project-section, .school-histry .histry-discription {
    background-image: none !important;
    background-color: #660000 !important;
}
    #f1_container, .face.back {
    height: 300px !important;
}
    .careers .layer-one img {
    width: 77% !important;
}
    .col-lg-2.pt-2 {
    display: none;
}
    .news-event {
    margin-top: 50px !important;
}
    section#news .col-lg-3 {
    display: none;
}
    div.project-section .section-two h1 {
    text-align: center !important;
}
    .section-three #para-one {
    padding: 0 !important;
}
    .nws-evnt-mdl-1-cntnt-wrapr img {
    width: 100%;
    height: auto !important;
}
    #pop-one-close {
    left: 88% !important;
    bottom: 105% !important;
}
    .btn-lrg.submit-btn {
    width: 40% !important;
}
    .next-btn {
    display: block !important;
}
    .footer-top #footer-bnr .rectangle-63 p {
    padding: 0 !important;
}
    .footer-top #footer-bnr .rectangle-63 img {
    width: 88% !important;
}
    .footer-social .col-lg-2 {
    width: 25% !important;
    padding: 14px !important;
}
    .footer-menu ul {
    padding-top: 25px !important;
}
    p.president-para-five, p.president-para {
    margin: 25px 0 !important;
}
.school-histry .histry-discription p, .school-histry .histry-discription h1 {
  text-align: center !important;
}
.gallery-container .gallery-container-row-one p {
  text-align: center !important;
  width: auto !important;
  padding: 0 !important;
}
.project-section .section-two h1 {
  padding: 0 !important;
  width: auto !important;
  text-align: center !important;
}
#inquiry .row .col-lg-2 {
  width: 80% !important;
}
.school-histry .histry-discription .histry-hero-top,.school-histry .histry-discription .histry-hero-top p {
  margin: auto;
  width: 100% !important;
  text-align: center;
}
.col-lg-5.right-col, .layer-three .left-col {
  text-align: center !important;
}

}

@media (max-width: 1624px) and (min-width: 992px) {
  .carousel-control-prev {
    top: 87% !important;
  }
  .carousel-control-next {
    top: 87% !important;
  }
    p.president-para-five, p.president-para {
    margin: 0 !important;
}
}
@media (max-width: 1204px) and (min-width: 992px) {
  .banner-left-col h1 #white-head {
    font-size: 1.6em;
  }
  .banner-left-col h1 #yellow-head {
    font-size: 1em;
  }
}

@media (max-width: 1134px) and (min-width: 992px) {
  .footer-top #footer-bnr .rectangle-63 img {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .carousel-control-prev {
    display: none;
  }
  .carousel-control-next {
    display: none;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  #footer-bnr #line-1 {
    /* width: fit-content !important; */
    display: none;
  }
  .footer-top #footer-bnr .footer-top-middle-sec {
    width: fit-content !important;
  }
  .footer-top #footer-bnr .footer-top-middle-sec .col-lg-1 {
    width: fit-content !important;
    padding-top: 0 !important;
  }
  .footer-top #footer-bnr .footer-top-middle-sec .col-lg-10 {
    width: fit-content !important;
    padding: 0px !important;
  }

  .footer-top #footer-bnr .footer-social-col .footer-social .col-lg-2 {
    width: fit-content;
  }

  .banner-right-col .social-line .banner-right-col-line-one img {
    display: none !important;
  }
  .banner-right-col-social-sec {
    display: none !important;
  }
  .footer-top #footer-bnr {
    background-position: center;
  }
}

.ob-persion .ob-persion-row #presdnt-bx-spcr {
  margin: 1vh !important;
}

@media only screen and (max-width: 470px) {
  .banner-left-col h1 #white-head {
    font-size: 3rem !important;
    line-height: 15vw !important;
  }
  .welcome-banner .layer-one p {
    letter-spacing: 4px !important;
    font-size: 17px !important;
  }
  .layer-three {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .priciple-sec .layer-four .principle-box #headding {
    letter-spacing: 2.03px !important;
    font-size: 17px !important;
  }
  .priciple-sec .layer-four .principle-box h3 {
    font-size: 12vw !important;
  }
  .priciple-sec .layer-four .principle-box #principle-para {
    font-size: 20px !important;
  }
  .school-histry .histry-discription h1 {
    font: normal normal normal 92px/1em Libre Baskerville !important;
    font-size: 16vw !important;
  }
  .school-histry .histry-discription .discription-para {
    line-height: 16px !important;
  }
}

@media only screen and (max-width: 561px) {
  .school-histry .histry-discription .histry-hero-top p {
    letter-spacing: 1.24vw;
  }
}

@media only screen and (max-width: 768px) {
  body {
    background-color: rgb(248, 248, 248);
  }

  /* [class*="col-lg"] {
    width: 100%;
  } */

  /* nav bar mobile view */
  .fa-1x {
    font-size: 1.5rem;
  }
  .navbar-toggler.toggler-example {
    cursor: pointer;
  }
  .dark-blue-text {
    color: #7e0000;
  }
  .dark-pink-text {
    color: #ac003a;
  }
  .dark-amber-text {
    color: #ff6f00;
  }
  .dark-teal-text {
    color: #004d40;
  }

  #desktop-view {
    /* position: absolute; */
    visibility: hidden;
    display: none;
    /* display: none; */
  }

  .nav-bar-row-mobile {
    display: inline-block;
  }

  /* nav bar mobile view */

  .banner-right-col-social-sec {
    display: none !important;
    /* top: -516px;
    left: -23px; */
  }
  .banner-right-col .social-line .banner-right-col-line-one img {
    display: none;
  }
  .banner-left-col h1 #white-head {
    font-size: 8vw;
    line-height: 0px;
  }
  .banner-left-col h1 #yellow-head {
    font-size: 6vw;
    line-height: 0px;
  }
  .banner-left-col p {
    font-size: 3vw;
    padding-top: 10px;
  }
  .banner-left-col p {
    font-size: 3vw;
  }

  /* welcome banner layout */
  .welcome-banner .layer-one {
    padding: 0;
  }
  .layer-one .layer-one-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 50px !important;
    text-align: center;
  }
  .layer-one .welcome-tittle h1 {
    line-height: 66px;
    text-transform: uppercase;
    font-size: 43px;
  }
  #welcm-br-1 {
    display: inline;
  }

  .layer-three .left-col {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  /* welcome banner layout */

  /* principle section */
  .priciple-sec .layer-four .principle-box {
    padding: 33px 40px 33px 40px;
  }
  .priciple-sec .layer-four .principle-box h3 {
    font-size: 50px;
  }
  .priciple-sec .layer-four .principle-box #principle-para {
    font-size: 26px;
    line-height: 32px;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* principle section */

  /* histry section */
  .school-histry .histry-discription {
    padding: 53px 30px 50px 30px;
    margin-bottom: -71px;
  }
  .school-histry .histry-discription .histry-hero-top img {
    width: 38%;
  }

  .Scroll-Group-6-container .Scroll-Group-6-img {
    /* display: none; */
  }

  #school-histry .Scroll-Group-6-container {
    /* background-image: url("/wp-content/themes/asoka-vidyalaya/assets/img/Scroll Group 6.png");
    padding-top: 100%;
    background-repeat: no-repeat; */
  }
  /* histry section */

  /* evnt-bnr-section */
  /* .event-banners .slick-prev {
    left: -86px;
    top: -76px;
  }
  .event-banners .slick-next {
    left: -84px;
    top: -42px;
  }
  .event-banners .container #evnt-caro-rect-img {
    top: 6727px;
    left: 642px;
  } */
  /* evnt-bnr-section */

  /* galleries with caption section */
  .gallery-container {
    background-size: cover;
  }
  .gallery-container .gallery-container-row-one {
    padding-left: 41px;
    padding-top: 50px;
  }

  .nws-event-banners .container #evnt-caro-rect-img {
    bottom: -8816px;
    left: 651px;
  }
  .nws-event-banners .slick-prev {
    left: -225px;
    top: -73px;
  }
  .nws-event-banners .slick-next {
    left: -224px;
    top: -40px;
  }
  .gallery-container .gallery-container-row-one #line-9,
  #line-10 {
    width: 48%;
  }

  .gallery-container-row-two .gallery-container-row-two-para-one p {
    padding-left: -27px;
    padding-top: 30px;
  }
  /* galleries with caption section */

  /* Latest news and event section */
  .news-event .news-event-devider .row .news-event-devider-box p {
    width: fit-content;
  }
  .news-event .news-event-devider .row {
    justify-content: center;
  }

  .news-event .news-event-devider .row .col-lg-4 {
    width: 33%;
  }
  .news-event .news-event-devider #news-event-devider-line-4 {
    width: 100%;
  }
  .news-event .news-event-devider #news-event-devider-line-5 {
    width: 100%;
  }

  .news-event-container .white-back {
    padding: 25px 35px 55px 35px;
  }
  .news-event-container #hero {
    font-size: 21px;
  }
  .news-event-container #dicription {
    font-size: 20px;
  }

  /* .nws-event-banners {
    display: none;
  } */

  /* .nws-event-banners-mobi {
    display: inline;
  } */

  .nws-event-banners-mobi {
    margin-top: 100px;
    margin-bottom: 90px;
  }
  .nws-event-banners-mobi .evnt-rw .slider-item img {
    /* margin: 250px; */
    margin-left: 0;
    margin-right: 0;
  }
  .nws-event-banners-mobi .container {
    justify-content: center;
  }
  .nws-event-banners-mobi .container .banners-container {
    justify-content: center;
  }
  .nws-event-banners-mobi .container .banners-container {
    justify-content: center;
  }
  .nws-event-banners-mobi .container .banners-container .slidrs-container img {
    width: 98%;
    margin: auto;
  }

  .nws-event-banners-mobi .slick-prev {
    position: absolute;
    left: -134px;
    top: -70px;
    font-size: 0;
    border: none;
    width: 100px;
    background: url("/wp-content/uploads/2022/02/arowRight.png")
      no-repeat !important;
  }

  .nws-event-banners-mobi .slick-next {
    position: absolute;
    left: -134px;
    top: -33px;
    font-size: 0;
    border: none;
    width: 100px;
    height: 20px;
    background: url("/wp-content/uploads/2022/02/arowLeft.png")
      no-repeat !important;
  }

  .nws-event-banners-mobi .container #evnt-caro-rect-img {
    position: absolute;
    bottom: -8737px;
    left: 598px;
    width: 111px;
  }

  .nws-event-banners-mobi
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper {
    background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Group_10518.png);
    padding: 20px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
  }

  .nws-event-banners-mobi
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk {
    background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Layer_25.png);
    background-repeat: no-repeat;
    background-position: center;
    color: white;
    padding: 35px 90px 35px 90px;
  }

  .nws-event-banners-mobi
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    span {
    font-family:'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 9.03px;
    line-height: 26px;
    border-bottom: 1px solid #ffa91e;
    margin-top: 39px;
  }

  .nws-event-banners-mobi
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    h3 {
    font-size: 36px;
    font-family: 'Lato', sans-serif;
    line-height: 50.67px;
    margin-top: 25px;
    margin-bottom: 15px;
  }

  .nws-event-banners-mobi
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    p {
    font-size: 16px;
    font-family:'Lato', sans-serif;
    letter-spacing: 0.4px;
    line-height: 26px;
    margin-bottom: 45px;
  }

  .nws-event-banners-mobi
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    button {
    border: 1px solid #ffa91e;
    color: white;
    padding: 15px 50px 15px 50px;
    background-color: transparent;
  }
  /* Latest news and event section */

  /* project sec quaries */
  .project-section .section-one {
    padding-left: 0;
    padding-top: 42px;
  }
  .project-section .section-one .line-1 {
    width: 70%;
  }
  .project-section .section-one .col-lg-7 {
    text-align: center;
  }
  .project-section #hero-eading {
    text-align: center;
  }
  .project-section .section-two h1 {
    text-align: left !important;
    font-size: 4em !important;
    line-height: 67px !important;
    padding: 2vh !important;
  }
  .section-three #para-one {
    padding-left: 0px;
    text-align: center;
  }
  .section-three #para-two {
    padding-left: 0px;
    text-align: center;
    margin-top: 20px;
  }

  .project-section {
    background-repeat: no-repeat;
    margin-top: 0;
  }

  .our-project-sec
    .container
    .row
    .col-12
    .project-slider
    .owl-nav
    .owl-next
    span {
    left: 563px;
  }
  /* project sec quaries */

  /* careers sec  */
  .careers .layer-one .col-lg-6 {
    text-align: center !important;
  }
  .careers .layer-one p {
    text-align: center !important;
  }
  .careers .layer-one {
    padding-left: 0 !important;
    text-align: center !important;
  }
  .careers .layer-two {
    padding: 0 !important;
  }
  #para-two {
    text-align: center !important;
  }
  .layer-two h1 {
    text-align: center;
  }
  .layer-two h1 img {
    padding-top: 0;
  }
  .layer-three {
    padding-top: 0;
    padding-left: 90px;
    padding-right: 90px;
  }
  .layer-three #para-one {
    padding: 0 !important;
    text-align: center !important;
  }
  .layer-three #para-two {
    padding: 0;
  }
  /* careers sec  */
  #inquiry .row .col-lg-2 {
    width: 30%;
  }
  #inquiry .row #inquiry-rect {
    width: 30%;
  }
  .inquiry-rect h3 {
    width: fit-content;
  }

  /* inquary sec  */

  /* footer top section */
  .footer-top {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .footer-top #footer-bnr .rectangle-63 {
    width: 100%;
    text-align: center;
    padding: 0px;
  }
  .footer-top #footer-bnr .rectangle-63 p {
    text-align: center;
  }

  #footer-bnr #line-1 {
    display: none;
  }
  .footer-top #footer-bnr .footer-top-middle-sec {
    width: 100%;
    padding-top: 50px;
  }
  .footer-top #footer-bnr .footer-top-middle-sec .row .col-lg-1 {
    width: 5%;
  }
  .footer-top #footer-bnr .footer-top-middle-sec .row .col-lg-10 {
    width: 95%;
  }

  .footer-social .col-lg-2 {
    width: 10%;
    padding: 20px;
  }

  .footer-menu {
    padding: 0;
  }
  .footer-menu ul {
    display: grid;
    /* padding-bottom: 233px; */
  }
  /* footer top section */

  /* ////////////////////////////////////////// */

  /* new css for ob persion */
  .ob-persion .ob-persion-row .ob-persion-col-1 {
    display: flex;
    flex-direction: unset;
  }
  .ob-persion .ob-persion-row .ob-persion-col-1 img {
    width: 37%;
    left: 0% !important;
    position: relative;
  }
  .ob-persion-col-1 #ob-prsdnt-para {
    padding: 0 !important;
  }
  .ob-persion .ob-persion-row .ob-persion-col-2 {
    flex-direction: column-reverse;
  }
  .ob-persion-col-2 img {
    left: 0 !important;
  }

  .ob-persion-col-2 img {
    position: relative !important;
    width: 37% !important;
  }
  .ob-persion-col-2 #ob-prsdnt-para-old {
    padding-right: 0;
    padding-left: 0;
    padding: 0 !important;
  }

  /* new css for ob persion */

/*   .msg-frm-ob {
    margin-top: 90px;
  } */
  .msg-frm-ob .msg-frm-ob-row {
    justify-content: center;
  }
  .msg-frm-ob .msg-frm-ob-row {
      margin-top: 0px !important;
      justify-content: center;
      margin-bottom: -60px !important;
  }
  .msg-frm-ob .layer10-container-copy-3 img {
    float: right;
    margin-top: 20px;
    width: 40%;
    height: 1.9px !important;
    margin-bottom: 2vh;
    /* margin-top: auto;
  margin-bottom: auto; */
  }
  .msg-frm-ob .layer10-container-copy-2 img {
    float: left;
    margin-top: 20px;
    width: 40%;
    height: 1.9px !important;
    /* margin-top: auto;
  margin-bottom: auto; */
  }

/*   .msg-frm-ob .president-sec-heading p {
    border: 2px solid #000000;
    padding: 0.3em 0.3em 0.3em;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
  } */

  .ob-persion .ob-persion-row {
    padding-top: 50px;
    justify-content: center;
  }

/*   .ob-persion .ob-persion-row .ob-persion-col-1 {
    background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Rectangle_34.png);
    height: min-content;
    display: flex;
    flex-direction: column;
  } */

  .ob-persion .ob-persion-row .ob-persion-col-1 h2 {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    line-height: 58px;
    text-shadow: 1px 0px;
  }
  .ob-persion .ob-persion-row .ob-persion-col-1 p {
    font-family:'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 26px;
  }

/*   .ob-persion .ob-persion-row .ob-persion-col-2 {
    background-image: url(/wp-content/themes/asoka-vidyalaya/assets/img/Rectangle_34.png);
    height: min-content;
  } */

  .ob-persion .ob-persion-row .ob-persion-col-2 h2 {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    line-height: 56px;
    text-shadow: 1px 0px;
    /* margin-right: 40px !important; */
  }
  .ob-persion .ob-persion-row .ob-persion-col-2 p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    letter-spacing: 0.35px;
    line-height: 26px;
  }

  .ob-persion .ob-persion-row .ob-persion-col-2 .president-para-five {
    /* margin-right: 40px !important; */
  }

  .ob-persion .ob-persion-row .ob-persion-col-1 .row .col-lg-4 img {
    width: 369px;
    float: left;
    margin-right: 190px;
    margin-top: 25px;
    margin: auto;
    position: absolute;
    bottom: 0px;
    left: -10px;
  }

  .ob-persion .ob-persion-row .ob-persion-col-1 .row .col-lg-8 {
    margin: auto;
  }
  .ob-persion .ob-persion-row .ob-persion-col-1 .row .col-lg-8 p {
    line-height: 26px;
    float: right;
    font: normal normal medium 14px/26px 'Lato', sans-serif;
    font-size: 14px;
    padding: 30px;
  }

  .ob-persion .ob-persion-row .ob-persion-col-2 .row .col-lg-4 img {
    width: 371px;
    float: right;
    padding-left: 30px;
    margin-top: 10px;
    margin-top: auto;
    position: absolute;
    top: -35px;
    right: 1px;
  }

  .ob-persion .ob-persion-row .ob-persion-col-2 .row .col-lg-8 {
    margin: auto;
  }
  .ob-persion .ob-persion-row .ob-persion-col-2 .row .col-lg-8 p {
    float: left;
    font-size: 14px;
    padding: 30px;
    line-height: 26px;
  }

  /*  */

  /* ///////////////////////////// */

  .ob-persion-col .main-ob-president {
    /* width: 60%; */
    height: 250px;
  }

  .main-ob-president h2 {
    position: absolute;
    /* bottom: 47px; */
    left: 380px;
    /* top: 30px; */
    text-align: center;
    font: normal normal normal 26px/40px;
    font-family: 'Lato', sans-serif;
    padding: 35px 15px 0pc 15px;
    letter-spacing: 0px;
    /* z-index: +6px; */
  }

  .main-ob-president p {
    text-align: center;
    font: normal normal medium 12px/10px;
    font-family:'Lato', sans-serif;
    font-size: 12px;
    letter-spacing: 0.35px;
    color: #000000;
    opacity: 1;
    padding: 90px 30px 0px 0px;
  }

  .main-ob-president img {
    position: relative;
    bottom: 47px;
    right: 20px;
    width: 250px;
    float: left;
  }

  .ob-2005 {
    /* width: 60%; */
    height: 250px;
  }

  .ob-2005 img {
    width: 250px;
    /* height: 80%; */
    float: right;
    position: relative;
    bottom: 60px;
    left: 16px;
  }

  .ob-2005 h2 {
    font: normal normal normal 26px/40px;
    padding: 35px 15px 0pc 0px;
    font-family: 'Lato', sans-serif;
  }

  .ob-2005 p {
    text-align: center;
    font: normal normal medium 12px/10px;
    font-family:'Lato', sans-serif;
    font-size: 12px;
    letter-spacing: 0.35px;
    color: #000000;
    opacity: 1;
    padding-left: 20px;
    padding-top: 5px;
    /* padding: 90px 20px 0px 0px; */
  }

  .Scroll-Group-6-container .Scroll-Group-6-img {
    width: 92vw !important;
    height: 94vh !important;
    margin-left: 0vw !important;
  }
}
@media only screen and (max-width: 669px) {
  .Scroll-Group-6-container .Scroll-Group-6-img {
    width: 90vw !important;
    height: 117vh !important;
    margin-left: 0vw !important;
  }
}
@media only screen and (max-width: 470px) {
  .Scroll-Group-6-container .Scroll-Group-6-img {
    width: 86vw !important;
    height: 97vh !important;
    margin-left: 0vw !important;
  }
}

@media only screen and (max-width: 768px) {
  div#f1_container, .face.back {
      height: 210px !important;
      width: 100% !important;
  }
  .footer-top #footer-bnr .rectangle-63 img {
      width: 55% !important;
  }
  .gallery-container-row-two .gallery-container-row-two-para-one p {
      padding: 0 !important;
  }
  .gallery-container-row-two .gallery-container-row-two-para-two p {
      width: 100% !important;
  }
  .news-event {
      margin-top: 65px !important;
      margin-bottom: 25px !important;
  }
  .news-event .news-event-devider #news-event-devider-line-4 {
      width: 100%;
      padding-top: 0 !important;
  }
}

@media only screen and (min-width: 947px) {
  .footer-top #footer-bnr .rectangle-63 img {
    width: 90%;
}
}

/* ========================================================================== */
/* QUARIES FOR WELCOME SEC */
/* ========================================================================== */
@media (max-width: 1260px) and (min-width: 992px) {
  .welcome-banner .layer-one {
    padding-top: 4em;
    padding-left: 2em;
  }
  .layer-one .welcome-tittle h1 {
    font-size: 4em;
    line-height: 1.2em;
  }
  .layer-one .layer-one-col {
    padding-left: 1em !important;
    padding-top: 0em;
  }
  .layer-three .left-col {
    padding-left: 10em !important;
    padding-right: 0em;
  }
}
/* ========================================================================== */
/*END QUARIES FOR WELCOME SEC */
/* ========================================================================== */

/* ========================================================================== */
/* QUARIES FOR  */
/* ========================================================================== */

@media (max-width: 991px) and (min-width: 768px) {
  .ob-persion-col-1 #ob-prsdnt-para {
    padding: 0;
    margin: auto;
    padding-left: 47px;
  }
  .ob-persion .ob-persion-row .ob-persion-col-1 h2 {
    font-size: 2em;
    line-height: 2em;
  }
  .ob-persion .ob-persion-row .ob-persion-col-2 h2 {
    font-size: 2em;
    line-height: 2em;
  }
  .ob-persion-col-1 img {
    position: relative;
    width: 121%;
    left: 14%;
  }
  .ob-persion-col-2 {
    display: flex;
    flex-direction: unset;
  }
  .ob-persion-col-2 #ob-prsdnt-para-old {
    padding: 0;
    margin: auto;
    padding-right: 46px;
    padding-left: 20px;
  }

  .ob-persion-col-2 img {
    position: relative;
    width: 119%;
    left: -43px;
  }
}

@media (max-width: 1550px) and (min-width: 1400px) {
  .ob-persion-col-1 {
    height: fit-content !important;
  }
  /* .ob-persion-col-1 #ob-prsdnt-para {
    padding: 15% 2% 11% 46% !important;
  } */

  .ob-persion-col-2 {
    height: fit-content !important;
  }
  /* .ob-persion-col-2 #ob-prsdnt-para-old {
    padding: 15% 43% 11% 2% !important;
  } */
/*   .ob-persion-col-2 img{
    bottom: 50% !important;
    left: 60% !important;
} */
/* .ob-persion-col-1 img{
    bottom: 50% !important;
    left: -8% !important;
} */
    .banner-left-col h1 #yellow-head {
    font-size: 60px !important;
}
    .banner-left-col h1 #white-head {
    font-size: 70px !important;
}
    .welcome-banner .layer-one .welcome-layer-one-hero-line {
    width: 27% !important;
}
    .event-banners .slick-slider {
    width: 100% !important;
}
    /* .owl-carousel .owl-nav button.owl-next {
    margin-left: 1308px !important;
} */
    .school-histry .histry-discription .histry-hero-top img {
    width: 38% !important;
}
    .gallery-container .gallery-container-row-one #line-9, #line-10 {
    width: 38%;
}
    .modal.show .modal-dialog {
    margin-top: 100px !important;
}
    .nws-evnt-mdl-1-cntnt-wrapr {
    padding: 30px !important;
}
    .project-section .section-one .line-1 {
    width: 52% !important;
}
    .careers .layer-one img {
    width: 66% !important;
}
    .layer-three #para-one {
    /* font-weight: 500 !important; */
    /* padding-left: 258px !important; */
    padding-right: 100px !important;
}
    h1 ,.layer-two h1{
    font-size: 3.5rem !important;
}
    .inquiry-rect h3, .news-event .news-event-devider .row .news-event-devider-box p, .msg-frm-ob .msg-frm-ob-row .president-sec-heading p {
    border: none !important;
    font-size: 25px !important;
    font-weight: 700 !important;
}
}

/* ========================================================================== */
/* QUARIES FOR PRESIDENT SECTION */
/* ========================================================================== */

/* ========================================================================== */
/* QUARIES FOR HISTRY SECTION */
/* ========================================================================== */

/* ========================================================================== */
/* QUARIES FOR HISTRY SECTION */
/* ========================================================================== */

/* ========================================================================== */
/* QUARIES FOR CAREERS */
/* ========================================================================== */
@media (max-width: 458px) and (min-width: 360px) {
  .layer-two h1 {
    font-size: 4em !important;
  }
}
@media (max-width: 359px) and (min-width: 10px) {
  .layer-two h1 {
    font-size: 3em !important;
  }
}

@media only screen and (min-width: 1920px) {
  .event-banners .slick-next {
    left: 7% !important;
    top: -9vh !important;
  }
  .event-banners .slick-prev {
    left: 7% !important;
    top: -12vh !important;
  }
}

@media (max-width: 991px) and (min-width: 361px) {
  .event-banners .slick-prev {
    left: -96% !important;
    top: -10vh !important;
  }
  .event-banners .slick-next {
    left: -96% !important;
    top: -4vh !important;
  }
}

/* ========================================================================== */
/* QUARIES FOR CAREERS */
/* ========================================================================== */

/* ========================================================================== */
/*  */ /* ==================================================================== */
/* /* ================================================================= */
/* QUARIES FOR THREE CAROUSELS */
/* ================================================================= */
/* ==================================================================== */
/* ========================================================================== */
/* .event-banners .container-fluid #evnt-caro-rect-img {
  display: none !important;
} */
/* @media (max-width: 767px) and (min-width: 300px) {
  .event-banners .container-fluid #evnt-caro-rect-img {
    display: none !important;
  }
} */
@media only screen and (max-width: 991px) {
  .event-banners .container #evnt-caro-rect-img {
    display: none !important;
  }
  .layer-three #para-one {
    text-align: center !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .layer-three #para-two {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
  }
}

@media only screen and (max-width: 360px) {
  .event-banners .slick-next {
    left: -58%;
    top: -19vh;
  }
  .event-banners .slick-prev {
    left: -58%;
    top: -16vh;
  }
}

@media only screen and (max-width: 767px) {
  .event-banners .row img {
    margin: auto;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .msg-frm-ob-row {
    margin-top: 70px !important;
  }
  .layer10 {
    width: inherit !important;
    margin-top: auto !important;
  }

  .ob-persion-col-1 #ob-prsdnt-para {
    padding: 0 !important;
  }
  .ob-persion-col-1 {
    flex-direction: column !important;
/*     padding: 5% 1% 0% 19% !important; */
  }
  .ob-persion-col-1 img {
    left: -8% !important;
  }
  .ob-persion-col-2 #ob-prsdnt-para-old {
    padding: 0 !important;
  }
/*   .ob-persion-col-2 img {
    left: 54% !important;
  } */

  .ob-persion-col-2 {
    padding: 2%  !important;
}
  .ob-prsdnt-para-old {
    flex-direction: column !important;
    padding: 5% 41% 0% 0% !important;
  }

  #presdnt-bx-spcr {
    display: hidden !important;
  }
  .event-banners .slick-next {
    left: -38% !important;
    top: -12vh !important;
  }
  .event-banners .slick-prev {
    left: -38%;
    top: -15vh;
  }

  .careers #para-one {
    padding: 0px !important;
  }
  .careers #para-two {
    padding: 0px !important;
  }

/*   .careers .layer-two h1 {
    text-align: center !important;
    font-size: 77px !important;
  } */
  .carousel-item img {
      width: 100% !important;
      object-fit: cover;
  }
  .col-lg-7.histry-discription, .project-section {
      background-image: none !important;
      background-color: #660000 !important;
  }
  section.footer-top-section .col-lg-2 {
      max-width: 24% !important;
      flex: 0 0 20% !important;
  }
}

/* ========================================================================== */
/*  */ /* ==================================================================== */
/* /* ================================================================= */
/* QUARIES FOR THREE CAROUSES */
/* ================================================================= */
/* ==================================================================== */
/* ========================================================================== */

/* ========================================================================== */
/* QUARIES FOR GALLERIES */
/* ========================================================================== */
@media (min-width: 360px) and (max-width: 767px) {
  .gallery-container-row-one {
    padding: 0px !important;
  }
  .gallery-container-row-one {
    text-align: center !important;
  }
  .gallery-container-row-one .col-lg-8 p {
    padding-left: 19vw !important;
  }
  .gallery-container-row-one .col-lg-8 p {
      padding-left: 0 !important;
  }
  .gallery-container .gallery-container-row-one p {
    letter-spacing: 3.24px !important;
  }
  .gallery-container .gallery-container-row-one h1 {
    line-height: 81px !important;
    text-align: center !important;
    font-size: 4em !important;
  }
  .gallery-container-row-two .gallery-container-row-two-para-one p {
    padding: 0 !important;
    text-align: center !important;
  }
  .gallery-container-row-two-para-two p {
    text-align: center !important;
  }
}

@media only screen and (max-width: 320px) {
  .gallery-container .gallery-container-row-one p {
    letter-spacing: 3.24px !important;
  }
  .gallery-container .gallery-container-row-one h1 {
    font-size: 3em;
    line-height: 42px !important;
    margin-top: 53px !important;
  }
  .gallery-container-row-two .gallery-container-row-two-para-one p {
    padding: 0 !important;
  }
  .nws-event-banners .container #evnt-caro-rect-img {
    display: none !important;
  }
}

/* ========================================================================== */
/* QUARIES FOR NEWS AND EVENTS */
/* ========================================================================== */
@media (min-width: 360px) and (max-width: 767px) {
  .nws-event-banners-mobi .container #evnt-caro-rect-img {
    display: none !important;
  }
  .nws-event-banners .container #evnt-caro-rect-img {
    display: none !important;
  }
}
@media (min-width: 990px) and (max-width: 1200px) {
  .nws-event-banners .container #evnt-caro-rect-img {
    position: relative;
    left: 70%;
    bottom: 10px;
  }

  .nws-event-banners .slick-prev {
    left: -11%;
    top: -9%;
  }
  .nws-event-banners .slick-next {
    left: -11%;
    top: -5%;
  }
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .event-banners .container #evnt-caro-rect-img {
    left: 94%;
    top: -7vh;
  }

  .event-banners .slick-next {
    left: -15%;
    top: -9vh;
  }
  .event-banners .slick-prev {
    left: -15%;
    top: -14vh;
  }
  .nws-event-banners .slick-prev {
    left: -85% !important ;
    top: -8% !important;
  }
  .nws-event-banners .slick-prev {
    left: -85% !important;
    top: -8% !important;
  }
  .nws-event-banners .slick-next {
    left: -85% !important;
    top: -4% !important;
  }
  .nws-event-banners .container #evnt-caro-rect-img {
    position: relative;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 750px) {
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    display: none !important;
  }
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    display: none !important;
  }
}

@media only screen and (max-width: 360px) {
  .nws-event-banners .container #evnt-caro-rect-img {
    display: none !important;
  }
  .gallery-container .gallery-container-row-one h1 {
    font-size: 3rem !important;
    line-height: 45px !important;
  }
  .gallery-container-row-two .gallery-container-row-two-para-one p {
    padding: 0px !important;
    text-align: center !important;
  }
  .gallery-container-row-two .gallery-container-row-two-para-two p {
    padding: 20px !important;
    text-align: center !important;
  }
}

@media (min-width: 368px) and (max-width: 466px) {
  .nws-event-banners
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk {
    padding: 11px 47px 56px 47px;
  }
}

@media only screen and (max-width: 368px) {
  .nws-event-banners
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk {
    padding: 0px 11px 0px 11px;
  }
  .nws-event-banners
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    h3 {
    font-size: 26px !important;
    line-height: 25px !important;
  }

  .nws-event-banners
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    p {
    margin-bottom: 14% !important;
  }
  .nws-event-banners
    .container
    .row
    .slidrs-container
    .nws-evnt-bnr-contnt-wrper
    .nws-evnt-bnr-drk
    button {
    padding: 3% 7% 3% 7% !important;
  }
}

@media only screen and (max-width: 991px) {
  .news-event .news-event-devider #news-event-devider-line-5 {
    margin-bottom: 4% !important;
  }
}

@media only screen and (max-width: 989px) {
  .news-event .news-event-devider #news-event-devider-line-5 {
    margin-bottom: 4% !important;
  }
  .nws-event-banners .container #evnt-caro-rect-img {
    display: none !important;
  }
  .our-project-sec
    .container
    .row
    .col-12
    .project-slider
    .owl-nav
    .owl-next
    span {
    left: 107% !important;
  }
}

@media (max-width: 920px) and (min-width: 768px) {
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    display: none !important;
  }

  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel button.owl-dot {
    display: none !important;
  }
}

@media (max-width: 1550px) and (min-width: 1400px) {
  .event-banners .slick-prev {
    left: -10%;
    top: -18vh;
}

  .event-banners .container #evnt-caro-rect-img {
    top: -12vh !important;
    left: 97% !important;
  }

  .event-banners .slick-next {
    left: -10% !important;
    top: -15vh !important;
}
    .school-histry .histry-discription .line_10 {
    padding-top: 0 !important;
}
    .school-histry .histry-discription h1 {
    font-size: 5em !important;
}
    .Scroll-Group-6-container .Scroll-Group-6-img {
    margin-left: -78px;
    width: 115%;
    height: auto;
}
}

@media only screen and (min-width: 1925px) {
  .event-banners .slick-prev {
    left: -8vw !important;
    top: -9vw !important;
  }
}
@media only screen and (min-width: 1920px) {
  .event-banners .slick-prev {
    left: -8% !important;
    top: -11vh !important;
  }
  .event-banners .slick-next {
    left: -8% !important;
  }
}
@media only screen and (min-width: 1930px) {
  .event-banners .slick-prev {
    left: -7vw !important;
/*     top: -10vw !important; */
  }
  .event-banners .slick-next {
    left: -7% !important;
    top: -8vh !important;
  }
}

@media only screen and (min-width: 1942px) {
  .event-banners .slick-prev {
    left: -6vw !important;
  }
  .event-banners .slick-next {
    left: -6% !important;
  }
}

@media only screen and (min-width: 1920px) {
  .Scroll-Group-6-container .Scroll-Group-6-img {
    width: 100%;
    height: 780px;
    margin-left: 0;
}
}

@media only screen and (max-width: 360px) {
  .event-banners .slick-slider {
    /* width: 0%; */
  }
}




/* custom css */
.container.priciple-sec {
  max-width: 75%;
  width: 100%;
  margin: auto;
  padding-top: 0px;
}
.ob-persion-col-2 #ob-prsdnt-para-old h2, div#ob-prsdnt-para h2 {
  font-family: 'Lato', sans-serif;
  font-size: 40px;
  font-weight: 600;
  margin: 160px 70px 25px;
  text-align: center;
  color: #ffffff;
}
button.owl-next span,button.owl-prev span {
  display: none !important;
}
.h-100, .h-100 div img {
height: 800px;
object-fit: cover;
}
.row.banner-row {
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(180deg, rgba(133,54,42,1) 50%, rgba(67,20,7,1) 89%);
background-size: cover;
height: 800px;
}
div#news-event-container-col {
width: 100%;
max-width: 58%;
}
.newsDoImage {
display: flex;
}
section#project-section .section-three {
padding-top: 50px;
}
div#wpcf7-f250-o1 {
z-index: 9;
position: relative;
}

.obPresidentImage {
  position: absolute;
  z-index: 9;
  top: -97px;
  left: 37%;
}
.card-body.memberBody {
  width: 25% !important;
  text-align: center;
  padding: 80px 0 0px;
}
.card.card-members {
flex-wrap: wrap;
flex-direction: row;
border: none;
}

.containerBG {
max-width: 85%;
margin: auto;
width: 100%;
}
section#teamMember {
padding: 150px 0 0;
}
.teamHeader {
  text-align: center;
  padding: 0 0 10px;
  border: none !important;
  font-weight: 600 !important;
  font-size: 55px !important;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #710100;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  margin: auto;
}
.col-12.teamTexts {
display: flex;
}
.col-12.newsContent {
  text-align: center;
  padding: 40px 0 20px;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Lato', sans-serif;
  margin: auto;
  max-width: 100%;
}
.col-12.newsContent {
  text-align: center;
  padding: 40px 0 20px;
  font-size: 18px;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Lato', sans-serif;
  margin: auto;
  max-width: 80%;
  }
  .productHoverContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 91%;
    width: 90%;
    opacity: 0;
    transition: .5s ease;
    margin: auto;
    background: #FFF8EA;
    z-index: 9999;
}
.productHoverContent {
display: flex;
justify-content: center;
align-items: center;
}
.product-items:hover .productHoverContent {
  opacity: 1;
}
section#projectSection .owl-nav {
  position: absolute;
  top: 46%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px;
  width: 110%;
  left: -6%;
  z-index: -1;
}
.card.product-items {
background-color: transparent;
border: none;
width: 95%;
}
section#projectSection  .owl-dots{
display: none;
}
section#projectSection {
position: relative;
z-index: 99;
padding-bottom: 100px;
}
html {
scroll-behavior: smooth;
}
.card.imageCards {
display: flex;
flex-wrap: wrap;
flex-direction: row;
border: none;
background-color: transparent;
}
section#projectInner {
margin-top: 200px;
}
.item-wraper {
width: 85%;
margin: auto;
}
.projectName {
font-family:'Lato', sans-serif;
font-size: 40px;
text-align: center;
text-transform: uppercase;
padding-bottom: 30px;
}
.projectDescription {
  font-family:'Lato', sans-serif;
  font-size: 20px;
  text-align: left;
  padding-bottom: 50px;
  letter-spacing: 0.4px;
  width: 85%;
  margin: auto;
  padding-top: 50px;
}
.cardoverlay {
width: 85%;
margin: auto;
}
.cardoverlay h3, .cardoverlay p {
  text-align: center;
  padding-bottom: 25px;
  color: #000 !important;
}
.productBtn {
  margin: auto;
  width: 150px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: #fff !important;
  border: 1px solid #ffa91e;
  background-color: transparent;
}
.productBtn:hover,.productBtn:hover a {
  background-color: #FFA91C !important;
  color: #000000 !important;
}
.cardoverlay p {
font-family: 'Lato', sans-serif;
font-size: 18px;
}
.priciple-sec .layer-four .col-lg-4.p-0 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.membername {
  font-size: 16px;
  padding: 30px 0 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  letter-spacing: 1.92px;
  color: #710100;
  text-transform: uppercase;
  margin-bottom: 0;
}
.backtoBtn {
  margin-left: 65px;
}
.backtoBtn.newsRedBtn {
  border:1px solid #ffa91e;
  width: 200px;
  height: 50px;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #000000;
}
.newsRedBtn:hover {
  background-color: #FFA91C !important;
}
header.header-scrolled .col-lg-10.nap-top-col {
  display: none;
}
header.header-scrolled .col-lg-2.nav-bar-row-one img {
  width: 120px;
  height: auto;
}
header.header-scrolled div#desktop-view {
  height: 74px;
}
header.header-scrolled img.right-logo{
  width: 70px;
  height: auto;
}
header.header-scrolled .nav-bar-row-two ul li {
  font-size: 18px;
}
.president-sec-heading {
  text-align: center;
  border: none !important;
  font-weight: 700 !important;
  font-size: 55px !important;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #710100;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
}
img.hederBorder {
  width: 25%;
  bottom: 0%;
  left: 0%;
  position: relative;
}
.teamContent {
  max-width: 70%;
  margin: auto;
  text-align: center;
}
.memberdesignation {
  color: #727272;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  letter-spacing: 0.33px;
  text-align: center;
}
.project-section .container-fluid {
  max-width: 65%;
  width: 100%;
  margin: auto;
}
.cardoverlay .btn_cs .read-me {
  color: #000000;
}
.cardoverlay button.btn_cs {
  margin: auto;
  display: flex;
}
section#careers .container-fluid {
  max-width: 65%;
  width: 100%;
  margin: auto;
}
.event-banners .container .banners-container .slidrs-container .newsSection .icon img {
  width: 100%;
  margin: 0 !important;
}

@media screen and (max-width:1600px) and (min-width:900px){
  .layer-one .welcome-tittle h1, .school-histry .histry-discription h1, 
  .gallery-container .gallery-container-row-one h1, .project-section .section-two h1, .layer-two h1 {
    font-size: 62px !important;
    line-height: 75px !important;
    width: 100% !important;
}
.school-histry .histry-discription {
  padding: 5% !important;
}
  .nav-bar-row-two ul li {
    font-size: 14px !important;
}
.layer-one .layer-one-col {
  padding-top: 0 !important;
  padding-left: 0 !important;
}
.layer-three .left-col {
  padding-left: 0px !important;
  padding-right: 50px  !important;
}
.layer-three #left-para ,.gallery-container-row-two-para-one p{
  font-size: 24px !important;
}
.priciple-sec .layer-four .principle-box #principle-para {
  padding-left: 0 !important;
  font-size: 16px !important;
}
.priciple-sec .layer-four .principle-box h3 {
  font-size: 35px !important;
  padding-left: 0 !important;
  padding-bottom: 20px !important;
}
.principle-box {
  text-align: left;
  padding-right: 0 !important;
}
.msg-frm-ob {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
img.hederBorder {
  bottom: 2% !important;
}
.inquiry-rect h3,.msg-frm-ob .msg-frm-ob-row .president-sec-heading p {
  font-size: 33px !important;
  margin-top: -19px !important;
}
.msg-frm-ob .msg-frm-ob-row {
  margin-bottom: 0px !important;
}
.ob-persion-col-2 #ob-prsdnt-para-old h2, div#ob-prsdnt-para h2 {
  font-size: 32px !important;
}
p.president-para-five, p.president-para {
  font-size: 14px;
}
p.memberName{
  padding-top: 25px;
}
.teamHeader {
  font-size: 33px !important;
  padding: 0 0 20px !important;
}
section#teamMember {
  padding: 78px 0 0 !important;
}
.containerBG {
  max-width: 95% !important;
}
.teamContent {
  max-width: 70%;
  margin: auto;
  text-align: center;
}
.Scroll-Group-6-container .Scroll-Group-6-img {
  margin-left: 0 !important;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}
 .news-event .news-event-devider .row .news-event-devider-box p{
  font-size: 33px !important;
  margin-top: -36px !important;
}
.col-12.newsContent {
  padding: 0 !important;
}
section.event-banners.newsbanner {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.news-event-container .white-back, .white-back {
  padding: 35px 20px !important;
}
.productBtn {
  height: 40px !important;
}
.project-section {
  padding-bottom: 160px !important;
  padding-top: 70px !important;
}
section#projectSection {
  padding-bottom: 65px !important;
}
.col-lg-2.inquiry-rect {
  max-width: 20% !important;
  flex: unset !important;
}
}

@media screen and (max-width:1536px) and (min-width:864px) {
  .col-lg-5.ob-persion-col-1, .ob-persion-col-2 {
    max-width: 47% !important;
    flex: unset;
    height: 710px !important;
}
.ob-persion .ob-persion-row #presdnt-bx-spcr {
  margin: 0 !important;
  max-width: 50px !important;
}
.new-slider .owl-nav.disabled {
    width: 114% !important;
    left: -8% !important;
}
	section#projectSection .owl-nav {
    width: 115% !important;
    left: -9% !important;
}
.cardoverlay h3, .cardoverlay p {
  padding-bottom: 10px !important;
}
.cardoverlay p {
  font-size: 15px !important;
}
	.obPresidentImage {
    left: 34% !important;
}
	.school-histry .histry-discription {
    padding: 4% !important;
}
	.event-banners .container .banners-container .owl-nav.disabled {
    width: 116% !important;
    left: -8% !important;
}
	.ob-persion-col-1 #ob-prsdnt-para {
    padding: 22px !important;
}
}

@media screen and (max-width:1440px) and (min-width:900px) {
  .layer-one .layer-one-col {
    padding-top: 0 !important;
    padding-left: 30px !important;
  }
  .layer-one .layer-one-col {
    padding-top: 0 !important;
    padding-left: 0 !important;
}
  .container.priciple-sec {
    max-width: 90% !important;
  }
  .school-histry .histry-discription h1 ,.project-section .section-two h1,.teamHeader,.news-event .news-event-devider .row .news-event-devider-box p,.inquiry-rect h3, .msg-frm-ob .msg-frm-ob-row .president-sec-heading p {
    font-size: 50px !important;
}
	.welcome-bnr-cover .container-fluid, .container-fluid.gallery-container,section#careers .container-fluid,.project-section .container-fluid {
    max-width: 85%;
    width: 100%;
    margin: auto;
}
}

@media screen and (max-width:1366px) and (min-width:768px) {
  .col-lg-5.ob-persion-col-1, .ob-persion-col-2 {
    max-width: 47% !important;
    flex: unset;
    height: auto !important;
  }
  .project-section .section-two h1 {
    font-size: 50px !important;
  }
  .container.galleryContainer {
    max-width: 85% !important;
}
.event-banners .container {
  margin: auto;
  max-width: 85% !important;
  width: 100% !important;
}
.banner-right-col-social-sec {
  left: 5% !important;
}
	.layer-three #para-one {
    padding-right: 80px !important;
}
	.layer-one .welcome-tittle h1, .school-histry .histry-discription h1, .gallery-container .gallery-container-row-one h1, .project-section .section-two h1, .layer-two h1,.president-sec-heading {
    font-size: 50px !important;
    line-height: 50px !important;
    width: 100% !important;
}
}

@media screen and (max-width:1280px) and (min-width:800px) {
  .welcome-banner .layer-one {
    padding-top: 120px;
    padding-left: 48px;
  }
  .layer-three #para-one {
    padding-right: 60px !important;
}
.layer-three #para-two {
  padding-right: 110px !important;
}
}

@media screen and (max-width:1024px) and (min-width:600px) {
	.welcome-banner .layer-one {
    padding-top: 120px;
    padding-left: 0 !important;
}
	.layer-three .col-lg-5.left-col, .layer-three .col-lg-7.right-col {
    max-width: 50% !important;
    flex: unset;
    padding-right: 20px !important;
}
	.layer-three #right-para {
    padding-right: 0 !important;
}
	.ob-persion-col-2 #ob-prsdnt-para-old h2, div#ob-prsdnt-para h2 {
    margin: 159px 0 20px !important;
}
	.obPresidentImage {
    left: 24% !important;
}
	.card-body.memberBody {
    width: 30% !important;
}
	.gallery-container-row-two .gallery-container-row-two-para-one p,.gallery-container-row-two .gallery-container-row-two-para-two p {
    width: 100% !important;
}
	.layer-three #para-two {
    padding-right: 20px !important;
}
	.layer-one .welcome-tittle h1, .school-histry .histry-discription h1, .gallery-container .gallery-container-row-one h1, .project-section .section-two h1, .layer-two h1 {
    font-size: 40px !important;
    line-height: 40px !important;
    width: 100% !important;
}
	.school-histry .histry-discription h1, .project-section .section-two h1, .teamHeader, .news-event .news-event-devider .row .news-event-devider-box p, .inquiry-rect h3, .msg-frm-ob .msg-frm-ob-row .president-sec-heading p ,.president-sec-heading{
    font-size: 40px !important;
}
}
@media(max-width:768px){
	img.left-logo {
    width: 45% !important;
}
	section.banner {
    margin-top: 75px !important;
}
	.carousel-item img {
    width: 100% !important;
    height: auto !important;
}
	.banner-left-col {
    padding: 50px !important;
    height: 50vh !important;
}
	.welcome-bnr-cover .container-fluid, .container-fluid.gallery-container {
    max-width: 100%;
    width: 100%;
    margin: auto;
}
	.row.banner-row {
    height: auto !important;
}
	.layer-one .layer-one-col {
    padding-top: 0 !important;
    padding-bottom: 50px !important;
}
	.layer-three .col-lg-5.left-col, .layer-three .col-lg-7.right-col {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}
	.principle-box {
    text-align: left !important;
    width: 80% !important;
    padding: 0 !important;
    margin: auto;
}
}
@media(max-width:595px){
	.banner-left-col {
    padding: 50px !important;
    height: 62vh !important;
}
	.banner-left-col img {
    padding-top: 0%;
    width: 35px !important;
}
	.banner-left-col {
    background-size: 100%  !important;
}
	
	.welcome-bnr-cover .container-fluid, .container-fluid.gallery-container {
    max-width: 90% !important;
    width: 100%;
    margin: auto;
}
}