footer .block-views h2{
margin: 0;
border-top: 0px solid #d7d0d0;
padding-top: 0px;
}

.navigation-is-open  main {
    transition: width .35s ease-in-out;
    left:-326px;
  }


main {
    position: relative;
    /* fix bug on iOS */

    left:0;
  }

.site-nav .sec-bottom {
    position: relative;
    
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0px 0;
    background-color: #fff;
    position: absolute;
    background-color: #fff;
    right: 0;
    top: 0;
        z-index: 9;

}

.site-nav-menu {
    display: block;
}

.site-nav-menu {
    position: relative;
}

.site-nav-logo {
    padding: 10px 25px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
}

.btn-menu {
    padding: 0;
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    width: 30px;
    height: auto;
    cursor: pointer;
    position: relative;
    border: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e40d19;
    position: relative;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.btn-menu span:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e40d19;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0) translateY(-6px);
    transform: rotate(0) translateY(-6px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-menu span:after {
    content: "";
    display: block;
    width: 80%;
    height: 2px;
    background-color: #e40d19;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(0) translateY(6px);
    transform: rotate(0) translateY(6px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-menu.on {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.btn-menu.on span {
    background-color: transparent;
    -webkit-transition: background-color 0;
    transition: background-color 0;
}

.btn-menu.on span:before {
    -webkit-transform: rotate(45deg) translateY(0);
    transform: rotate(45deg) translateY(0);
}

.btn-menu.on span:after {
    width: 100%;
    -webkit-transform: rotate(-45deg) translateY(0);
    transform: rotate(-45deg) translateY(0);
}

.site-nav-menu{
	
	  overflow: hidden;
	  display:none;

}

.school-sec-main-menu {
    padding: 3.6603221083%;
    height:590px;
    overflow:auto;
}

@media only screen and (max-width: 600px){
.site-nav-logo a {
    display: block;
    width: 162.65px;
    height: 42px;
}

.site-nav-logo {
    width: 200px;
    height: auto;
    margin-left: 15px;
    background: #fff;
    padding: 10px;
}

.how .img {
    position: relative !important;
    top: 0;
    left: 0;
    width: 100% !important;
}

.how {
    display: block !important;
    
}

.how .txt {
    width: 100% !important;
    
}

.region-progie-section h2{
	font-size:28px !important;
	padding-bottom:20px;
}



}


video { 
   height:100vh;
    width:100%;
 	position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    min-width: 100%;
    min-height: 100%;
    object-fit:cover;
}
.stopfade { 
   opacity: .5;
}

.block-views-blockvideo-slider-block-1{
	
	height:100%;
}

.site-hero-main .swiper-slide .sec-txt h2 {
    font-size: 16px;
    position: absolute;
    left: 100px;
    bottom: 100px;
    font-family: "Ranade-Regular", sans-serif;
}

.site-hero-main .swiper-slide .sec-txt h2 {
    font-size: 16px;
}

.site-hero-main .swiper-slide .sec-txt {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    /* max-width: 1000px; */
    text-align: center;
    width: 100%;
    font-size: 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.block-views h2 {
    margin: 0;
 border-top: 0px solid #d7d0d0;
}

.how {
    display: flex;
    justify-content: flex-end;
}

section .how {
    height: auto;
    background-color: #0e6532;
    position: relative;
    gap: 15px;
}

.how .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow:hidden;
}

.img-cover img {
    object-fit: cover;
}

.how img {
    max-width: 100%;
    height: inherit !important;
}

.how .txt {
    width: calc(50% - 50px);
    padding-top: 100px;
    padding-bottom: 100px;
    padding-right: 3.6603221083%;
    gap: 30px;
    padding: 30px;
    color: #fff;
    display: grid;
}

.region-department-section{
	height: 100%;
}
.region-department-section div{
	height: 100%;
}

.path-frontpage .school-sec .sec-content {
display : block;
gap : 20px;
text-align : center;
padding : 0 200px;
} 

section .how {
height : auto;
background-color : #e3e6e4;
position : relative;
gap : 15px;
} 

 .block-views h2 {
font-size : 25px;
font-weight : normal;
margin : 20px 0 10px;
padding-top : 4px;
}

footer h2 {
font-size : 26px;
padding-bottom : 10px;
font-weight : normal;
} 

.how .txt {
width : calc(50% - 50px);
padding-top : 100px;
padding-bottom : 100px;
padding-right : 3.6603221083%;
gap : 30px;
padding : 30px;
color : #000;
display : grid;
} 

 .site-nav .sec-bottom {
position : relative;
justify-content : flex-end;
padding : 0 0;
position : absolute;
background-color : #1c1b1b;
right : 0;
top : 0;
z-index : 9;
}

.school-sec .sec-nav span {
font-size : 27px;
padding : 5px 0;
position : relative;
font-family : "Marcellus";
color : #fff;
display : block;
border-bottom : 1px solid #dddddd;
width : 100%;
}

.school-sec-main-menu {
padding : 5%;
height : 1000px;
min-width : 500px;
overflow : auto;
}

.school-sec .sec-nav a {
color : #fff;
display : block;
text-indent : 5px;
border-bottom : 1px solid #ddd;
padding : 8px 0 8px 8px;
}