@font-face {font-family:'roboto_r';src: url('RobotoCondensed_Regular.ttf') format('truetype');}
@font-face {font-family:'opensans';src: url('OpenSans_VariableFont_wdth.ttf') format('truetype');}
html{ font-size:15px;}
body{background-color:#fff;overflow-x:hidden; font-family:'opensans'; font-size:1em;}
body.s1{font-size:0.9em}body.s2{font-size:0.8em}body.s3{font-size:0.7em}
body.l1{font-size:1.1em}body.l2{font-size:1.2em}body.l3{font-size:1.4em}
header{height:109px; position:fixed; overflow:hidden;width:100%}
p {}
a{color:#09c;cursor:pointer;text-decoration:none}
.flex{display:flex}
.top{width: 100%; background-color:rgba(100,0,50,0.1);}
.logo_block{display:flex; width: 100%;}
body.l2 .logo_block{height:105px}body.l3 .logo_block{height:110px}
#logo{padding:15px; text-align:right;}
#logo > a{display:inline-block}
#logo > a > img{ width: 100px;float: left;}
.logo2 {display:inline-block}
.logo2{width:100px;text-align:center}
.logo2 img{width:60px; padding-top:10px;}
.local{color:#000;font-size:1.2em}

.pageTitle{width:calc(100% - 200px); color: #000;padding-top:10px;text-align:left;}
.pageTitle h1{ margin: 4px 0 3px; font-size:1.4em;color:#000;font-family:'roboto_r';font-weight:500;text-transform:uppercase;}
.pageTitle h2{font-size: 0.99em;font-weight:normal;padding: 0;margin: 0; color:#362f2f;}
.pageTitle h3{margin:5px 0 0; text-transform:none;line-height:1em;color:#ff9;display:none}
.pageTitle > img{height:18px;margin-left:-5px;}
.tagLine{display:block;color:#039;font-size:0.6em;font-family:'calibri';font-weight:bold}
#loginInfo{padding:5px 80px 5px 10px;border-radius:0 0 15px 15px;background-color:#06c;color:#fff;z-index:100; position:absolute;}
#loginInfo.withSM{right:130px;}
.logout{background-color:#fff;background-position:5px center;border-radius:20px;right:3px;top:2px;padding:3px 10px 3px 20px;cursor:pointer}
#breadcrumb{padding:5px 20px 5px;background-color:rgba(100,0,50,0.1);border-bottom:solid 3px #ecd}
#mobileMenu{display:none}
#sMenuCont{background-image: linear-gradient(to right,rgba(0,0,0,0), rgb(219, 25, 25), rgb(76, 6, 6));width:100%;position:absolute;left:0;top:0;z-index:2;height:40px}
#sMenu{display:flex;padding:5px; margin:4px; list-style: none; float:right;}
#sMenu a{display:inline-block;padding:10px;margin:0 5px}
#sMenu nav:first-child{margin-right: 10px;border-right: solid 1px rgba(255,255,255,0.2);padding-right: 10px;}
#sMenu nav:first-child a{background:transparent url("../asset/sec-icons.png") no-repeat 0 center;background-size:300%}
#sMenu nav:last-child a{background:transparent url("../asset/social-icons.png") no-repeat 0 center;background-size:250%}
#sMenu nav:first-child a.home{background-position:-5px -5px}
#sMenu nav:first-child a.home.on{background-position:-5px -31px}
#sMenu nav:first-child a.contact{background-position:-35px -5px}
#sMenu nav:first-child a.contact.on{background-position:-35px -31px}
#sMenu nav:last-child a.youtube{background-position:-30px center}
.navigation{padding:0;background-color:#503;}
.navigation nav ul{margin:0;padding:0;list-style:none;}
.navigation nav ul li{display:inline-block;}
.navigation nav ul li a{padding:10px 16px;color:#9d9d9d;text-decoration:none;cursor:pointer;margin-left:5px;display:block}
.navigation nav ul li .noPage{cursor:default;}
.navigation nav ul li a:hover{color:#fff}
.navigation nav ul li a.on{color:#fff;}

.navigation nav ul li.on{background:none;}
.navigation nav ul li.parent > a:after{content:'\25B8';}
.navigation nav ul li.parent:hover a{border-radius:0;}
.navigation nav ul li.parent:hover a.on:hover{border-radius:0;} 
.navigation nav ul li.parent:hover a.on{border-radius:0}
.navigation nav ul li.parent:hover > a:after{content:'\25BE';}
.navigation nav ul.subMenu{display:none;position:absolute;z-index:100;border-top:solid 1px #614;box-shadow:0 2px 6px rgba(0,0,0,0.1);font-size:0.9em;text-align:left;min-width:140px}
.navigation nav ul li:hover>ul.subMenu{display:block;}
.navigation nav ul.subMenu li{background-color:#412;font-size:1em;display:block;padding:0;border-bottom:solid 1px #614;margin:0;}
.navigation nav ul.subMenu li a{display:block;padding:5px 15px;border-radius:0;}
.navigation nav ul.subMenu li a.on{color:#fff;}
.navigation nav ul.subMenu li.parent > a{color:#eee;}
.navigation nav ul.subMenu li.parent > a:after{content:'\25BE';}
.navigation nav ul.subMenu .subMenu{position:static;display:block;}
.navigation nav ul.subMenu .subMenu>li{padding-left:10px;}

#featuredNotice{background-color:#ffc;border-bottom:solid 1px #fd9;padding:5px;color:#666;overflow:hidden;min-height:25px;width:100%;font-size:0.8em;position:relative}
#featuredNotice .scrollCont {position: absolute;top:1px;width:auto; text-align:left;font-size:1.2em;white-space:nowrap;left:100%;}
#featuredNotice .scrollCont a{color:#333}
#featuredNotice .scrollCont strong{padding:0 10px;color:#333}
#featuredNotice .scrollCont p{display:inline-block;margin:0}
#featuredNotice h4 {  display: inline-block;  margin: 0 5px 0 0;}
#featuredNotice .noticeDt{color:#000}
.noticeDt{color:#666;padding-right:10px;}

.imageSlider .section_title{display:none;}
.imageSlider .wrapper{position:relative;width:100%}
.imageSlider ul {height:600px;list-style: none;margin: 0;padding: 0;position: relative;}
.imageSlider li {height: 100%;width:100%;position: absolute;overflow: hidden;top: 0;left: 0;display: none;background-size: cover;background-position: center center;}
.imageSlider li img {visibility: hidden;}
.imageSlider .current {display: block;}
.imageSlider .slider-box.slide-animation {position: relative;overflow: hidden;}
.imageSlider .slider-box.slide-animation li {float: left;position: absolute;left: 100%;display: block;-webkit-transition: all 0.3s;transition: all 0.3s;}
.imageSlider .slider-box.slide-animation li.current,.imageSlider .slider-box.slide-animation li.prev {left: 0%;}
.imageSlider .slider-box.slide-animation li.prev {z-index: 997;}
.imageSlider .slider-box.slide-animation li.current {z-index: 998;}
.imageSlider .slider-dots {text-align: center;position: absolute;top: 0;right:0;margin:20px;padding: 5px;z-index:99;height:auto}
.imageSlider .slider-dots li {cursor:pointer;height:10px;width:10px;display:block;background-color:rgba(55, 200, 150, 0.7);border:2px solid #000;display:inline-block;margin:0 5px;position:static;border-radius:3px;box-shadow:0 0 3px #000}
.imageSlider .slider-dots li:hover {background-color: #fff;}
.imageSlider .slider-dots li.current {background-color: #000;border:2px solid rgba(255,255,255,0.8);}
.imageSlider .arrows {cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);width: 60px;height:50px;z-index:1000;background: rgba(255,255,255,0.6);}
.imageSlider .arrows:hover {background: #fff;}
.imageSlider .prev-arrow {left: 0px;}
.imageSlider .next-arrow {right: 0px;}
.imageSlider .arrows img {height: 100%;}
.imageSlider .info{display:none;position:absolute;padding:20px;font-size:2em;width:100%;box-sizing:border-box;background-color:rgba(0,0,0,0.5);bottom:0;text-shadow:0 0 5px #000}
.imageSlider .info span{display:block;text-transform:uppercase;font-size:1.6em}

.errorpage{width:84%; margin:20px auto;}
.message{background-color:#222;margin:0;padding:30px;color:#fff}
.message .wrapper{width:auto}
.message .section_title{text-align:center;color:#fff;margin:10px 0 40px}
.message article{font-size:1.2em}

/*LAYOUTS CSS -- START */
.belowSlide .content_title{display:none}
.content_title h3{text-transform:uppercase;font-family:'roboto_r';font-size:1.4em;font-weight:500}
.main{ margin:0 auto;display:flex;flex-wrap:wrap}
.mid {padding:0; width:100%;}
.left,.right{display:none;padding:10px;width:16%;background-color:rgba(0,0,0,0.05)}
.bottom{width:100%;display:flex}

.slide{position:relative;margin-bottom:10px;box-shadow:0 0 5px #503}
.slide .section_title{display:none;}
.main_content{padding:40px; margin:0 auto;overflow: hidden;}
.section_title{display:none}

.bottom1, .bottom2, .bottom3  {background: #222; color: #fff;padding: 10px; float:none;font-size:0.9em;}
.bottom1{width:25%}
.bottom2{text-align:center;width:50%}
.bottom3{width:25%}
.bottom2 ol{display:flex;list-style:none;padding:0;align-items: center;justify-content: center;flex-wrap:wrap}
.bottom2 ol li{margin:5px 5px 5px 0;}
.bottom2 ol a{display:inline-block;padding:5px 10px;background-color:rgba(0,0,0,0.3);text-decoration:none}
.bottom2 ol a:hover{color:#adf}
.bottom3 ol{display:flex;padding-left:20px}
.bottom3 ol li { flex-grow: 1;margin-bottom:15px}
.wrapper_Notice.page{margin-top:40px}
.wrapper_Notice article{margin:0 20px 20px 0;padding:10px 20px;background-color:#eee}
.wrapper_Notice article .noticeTtl{margin:5px 0;font-weight:normal}
/*LAYOUTS CSS end - End */

.page{margin:10px}
.page table{border-collapse:collapse;margin-bottom:30px;width:100%}
.page table th{text-align:left}
.page table th,.page table td{padding:5px 10px;border:solid 1px #ccc;}
.page ol li,.page ul li{margin-bottom:10px}


.notice article{margin:20px 0;padding-bottom:15px;background-color:#fff;border-top:solid 1px #ddd ; margin:20px auto;}
.notice h4{font-size:1.4em;font-weight:normal;}
.notice h4, .notice p{margin:0;padding:5px 20px;clear:both}
.notice .noticeDt{float:left;background-color:#973;color:#fff;padding:2px 5px; margin-top: -20px;}
.cat_Notice.notice.spm52 .content_wrap{width:75%;margin:0 auto;}


.album{overflow:auto;background-color:#fff;margin:30px 0;padding:0;}
.pageHeader{font-weight:normal;text-transform:Capitalize;margin:5px 0 0;padding:2px 10px;border-bottom:solid 1px #eee}
.albumPhoto{float:left;margin:10px;border:solid 1px #ccc;padding:1px;position:relative;}
.albumPhoto a,.albumPhoto img{display:block; object-fit: cover;  width:auto;  height: 150px;}
.albumPhoto a.deletePhoto{position:absolute;right:5px;top:5px;background-color:#c00;color:#fff;padding:2px 5px;font-size:0.8em;width:auto;height:auto}
.deletePhoto,.deleteAlbum{cursor:pointer}
.deleteAlbum{margin-left:5px;background-color:#c00;color:#fff;padding:2px 5px;border-radius:3px;}
.deletePhoto:hover{box-shadow:0 0 3px #000}
footer{width:auto; clear:both;background-color:#000;color:#999;text-align:center;padding:15px 5px 10px; font-size:0.9em}

.wrapper_Single_Content.contact_address {  margin: 0 40px;padding: 0 40px;}
.sitemap{color:#fff;}
.sitemap ul{list-style:none;padding:0}.sitemap ul ul{column-count:1;}
.sitemap ul li{margin:5px 0;}
.sitemap ul a{color:#6f9;font-weight:normal;}
.sitemap ul a:hover{color:#fff;}
.map{margin:4px 40px; padding:4px 20px;}
.col2{width:50%;float:left;}
.col2 ul li{ padding: 4px;}
.col2 ul li a{color:#fff; text-transform:uppercase; padding:4px;font-weight:normal;}
.two_col_content{column-count:2;width:100%; text-align:justify;}
.two_col_content >img{width:100%}

.cat_News h3{margin:0;}
.cat_News article{display:flex;margin:10px 0}
.cat_News article .actions{position:absolute}
.cat_News article img{width:250px;margin-right:20px;min-height:100px}
.cat_News article h3 a,.newsBlock h3 a{text-decoration:none;color:#069;cursor:pointer;font-weight:normal}
.cat_News .featured{border-bottom:solid 1px #ccc;padding:10px 0 20px;margin-bottom:40px}
.cat_News .featured h4{text-transform:uppercase;font-size:1.2em;margin:15px 0}
.cat_News .featured article{background-color:#f6f6f6;padding:10px 25px 5px 10px}
.newsBlock{margin:0;padding:10px;list-style:none;display:flex;margin-top:40px;border-top:solid 1px #ccc;flex-wrap:wrap;}
.newsBlock h3{margin:10px 0;}
.newsBlock li{width:calc(50% - 30px);margin:20px 20px 20px 0}
.newsBlock li img{float:left;margin-right:20px;width:250px;min-height:70px}
.newsBlock > img{}
.newsBlock a{color:#fff;}
.newsBlock .ndt{color:#666}
.newsBlock .ndt i{display:inline-block;margin-right:10px;}
.newsBlock small.fa-angle-right{font-size:0.7em;padding:0;text-decoration:underline;}
.b3 .section_title h2{background-color:rgba(35, 157, 219, 1);}
.b1 .section_title,.b3 .section_title{border-color:rgba(35, 157, 219, 1)}
/*.b1 .section_title{margin-top:54px;}
.b1 .section_title h2{display:none;}*/
.b1 .section_title h2{background-color:#fff;text-indent:-100000px;}


.latestNews h4{margin-bottom:15px;text-transform:uppercase;font-size:1.2em}
.latestNews .articles{display:flex;flex-wrap:wrap}
.latestNews .articles article{margin:0 10px 10px 0;padding-bottom:30px;position:relative;background-color:rgba(0,0,0,0.05)}
.latestNews .articles article:nth-child(even){margin-right:0;}
.newsBlock li:nth-child(even){margin-right:0;margin-left:30px}
.latestNews .articles img{width: 100%;height: 200px;overflow: hidden;}
.latestNews .articles p{display:none;}
.latestNews { padding: 0 10px 20px 0px;}
.news_list { overflow: hidden;  margin: 10px; }
.news_list >img{float:left;padding: 20px; width:200px;}
.wrapper .fullNews {width:80%; margin:0 auto; overflow:hidden;}
.fullNews >img{width:400px; float:left;padding: 10px;}
.fullNews h2 {padding: 10px 0 0 0;  margin-left: 4px;font-weight:500; margin:20 0;text-align:center;font-size:1.8em;}
.fullNews .ndt {margin:20px;text-align:center;color:red;font-weight:500;}
.fullNews .content{display:flex;}
.fullNews .contbody,.fullNews .imgCont{width:50%;margin:20px;}
.fullNews .imgCont img{width:100%;margin:20px 0;}
.wrapper_News{margin:0 auto;}
.wrapper_News h4{}
.wrapper_News .featured article{background-color:#fee;}
.wrapper_News .featured h3:before{content:'';}
.anouncement{float:left; width:80%; margin:15px 0 15px 2%; background:#eee;border:solid 5px rgba(35, 157, 219, 1);padding:20px;text-align:center;}
.anouncement img{width:100%;}

.no_title h3 {display:none;}


#mobileMenu{position: fixed;top: 0;left: 0;width: 100%;display: none;z-index:100;text-align:left}
#mobileMenu ul{margin:0;padding:0;font-size:1.0em}
#mobileMenu ul li{display:block;background-color:#412;color:#fff;text-transform: uppercase;border-bottom: 1px solid #503;padding-left:40px}
#mobileMenu ul li a{padding: 8px 0;display:block;color:#fff;text-decoration:none}
#mobileMenu ul li.lion{background-color:#614;}
#mobileMenu .subMenu{z-index:10;margin-bottom:5px;font-size:1em;}
#mobileMenu .subMenu li{background-color:transparent;display:block;padding:0;border-bottom:none;margin:0}
#mobileMenu .subMenu li a{background-color:rgba(0,0,0,0.2);display:block;padding:5px 10px;border-radius:0;text-transform:none;}
#mobileMenu .subMenu li a.on{}
#mobileMenu .subMenu .subMenu li a{padding-left:30px}
#mobileMenu .parent .fa-angle-down{position:absolute;right:15px;top:12px}
#mobileMenu .parent{position:relative;padding-bottom:5px}

#albox{display:flex;flex-wrap:wrap;}
#albox .back{cursor:pointer;background-color:red;color:#fff;padding:15px 0;width:30px;line-height:0px;text-align:center;border-radius:15px;display:none;position:absolute;right:20px;}
#albox.off .box{display:none;}
#albox.off .back{display:block;}
#albox .box{background-color:#6bf;width:calc(25% - 20px);margin:20px 10px;text-align:center;color:#fff;font-weight:normal;text-transform:uppercase;cursor:pointer;}
#albox .box:nth-child(2){background-color:#06d;}
#albox .box:nth-child(3){background-color:#08e;}
#albox .box:nth-child(4){background-color:#0af;}
#albox .box .boxImg{height:200px;overflow:hidden;}
#albox .box img{width:100%;height:100%;}
#albox .box .albumNm{padding:30px 10px;}
#albumCont .album{display:none;margin:30px 0;padding:0;border:none;width:100%}
#albumCont .album.on{display:flex;flex-wrap:wrap;align-items:center;}
#albumCont .album h2{width:100%;box-sizing:border-box}
#albumCont.show .album{display:block;}
#icon_wrapper{position:fixed;right:0;top:5px;text-align:center;z-index:100;}
#icon_wrapper a{color:#fff;display:inline-block;margin:5px 0;font-size:1.2em;}

#social_icons{position:absolute;right:20px;top:0;z-index:99;}
#social_icons a{background:transparent url('../asset/social-logos.png') center -3px no-repeat;display:inline-block;padding:12px;margin:5px;background-size:80%}
#social_icons a.facebook{}
#social_icons a.instagram{background-position:center -57px}
#social_icons a.youtube{background-position:center -72px;padding:12px 14px}
.bottom{text-align:center}
.bottom1 .content_title{display:none}
.bottom1 a{border-radius:5px;box-shadow:0 0 3px #000;font-size:1.2em;margin:8px 0;padding:8px;display:inline-block;color:#fff;text-align:center;text-transform:uppercase;width:180px;text-decoration:none}
.bottom1 a::after{display:inline-block;margin-left:5px}
.bottom1 .donate{background-color:#f90}
.bottom1 .donate::after{content:'\2764';color:red;}
.bottom1 .joinus{background-color:#690;}.bottom1 .joinus::after{color:#060;content:'\271A';}
.bottom1 .lmore{background-color:#069;}
.bottom1 .lmore::after{content:'\2026'}

.quote{float:right;padding:30px;width:300px;font-size:1.2em;text-align:center;margin:50px 20px 0 40px;background-color: #fde;}

.pagination{padding:5px 0}
.pagination a{background-color:#fdb; padding: 1px 5px;cursor:pointer;display:inline-block;margin-right:5px}
.pagination a.on{background-color:transparent; color:#000; border-bottom:solid 3px #fc9;}

.manPower{background-color:#eee;margin-bottom:40px}
.member,.staff{flex:1;padding:40px;}
.member{text-align:right;font-size:1.2em}
.member strong{display:inline-block;padding:20px;}
.staff strong,.staff span{display:inline-block}
.staff span{width:200px}
.staff ul{padding:0}
.staff ul li{list-style:none;margin:0;padding-left:10px;width:250px}
.staff ul li:last-child{margin-top:6px;padding-top:5px;border-top:solid 1px #fff}

.mcMembers{list-style:none;display:flex;flex-wrap:wrap;padding:0}
.page ol.mcMembers li{margin:0 20px 30px 0;width:calc(33.3% - 13px);display:flex;border:solid 5px #eee}
.page ol.mcMembers li:nth-child(3n){margin-right:0}
.mcMembers .pphoto,.mcMembers .profile,.mcMembers .qualification{padding:10px;}
.mcMembers .pphoto{background-color:#eee;text-align:center}
.mcMembers .pphoto img,.mcMembers .profile strong{display:block}
.mcMembers .pphoto img{margin-bottom:5px;width:100px}
.mcMembers .profile{width:60%}

.performa{display:flex;flex-wrap:wrap}
.performa div{width:calc(50% - 20px);margin:20px 40px 20px 0;background-color:#eee;}
.performa div:nth-child(2n){margin-right:0;}
.performa img{width:100%;padding:10px;}
.performa h3{margin:0;padding:10px 20px;}

.what_we_do>ul{flex:1}
.what_we_do h4{margin-bottom:5px}
.what_we_do p{margin-top:0}
.impact{background-color:rgba(100,0,50,0.1);padding:20px;}
.impact ul li{margin-bottom:50px}
.impact strong{font-size:1.2em}

.flowchart{display:block;margin:10px auto 40px;width:90%}
.budget{margin:60px auto}
.budget>div{flex:1;padding:20px;text-align:center;background-color:rgba(100,0,70,0.2)}
.budget>div:first-child{background-color:#eee}
.budget .rs{font-size:1.4em}
.budget .rs::before{content:'\20B9';padding:10px;color:#503}

.missionVision>div{background-color:#fed;border:solid 1px #ddd;padding:20px;}
.missionVision>div:first-child{background-color:rgba(255,150,200,0.3);margin-right:40px}
.missionVision h3{margin-top:0;font-weight:normal;text-transform:uppercase;}

.bannerBlock{margin-bottom:60px}
.bannerBlock h4{margin-bottom:0;}
.bannerBlock img{width:100%;}
/*.bannerBlock::before{content:' ';display:block;height:260px;background-size:100% auto;background-repeat:no-repeat}
#education::before{background-image:url("/uploads/site1/images/education-header.jpg")}
#health::before{background-image:url("/uploads/site1/images/health-header.jpg")}
#livelihood::before{background-image:url("/uploads/site1/images/livelihood-header.jpg")}
#faith::before{background-image:url("/uploads/site1/images/faith-header.jpg")}*/
.italic{font-style:italic}

.maps>div{width:46%;margin:40px 2%}

/*Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}


@media (max-width: 1100px)
{
}

@media (max-width: 960px)
{
header,nav{width:100%;margin:0}
}

@media (max-width: 820px)
{
	
}
/**/
@media (max-width: 765px)
{

.top{width:100%;}
#logo{text-align:center; width:auto;padding:12px 0 0;}
#logo > a > img{float:none;margin:0;padding:0}
.logo_block{display:block}
.pageTitle{font-size:0.8em; margin:0; padding:10px;text-align:center;width:100%}
.pageTitle h1{font-size:1.8em}
.pageTitle h2{font-size:1.2em}

.main_content{padding:30px 25px}

nav{display:none;}
nav.secMenu{display:block;width:auto;right:0}
#mobileMenu{position:fixed;overflow-y:auto;height:100%}
.toggleMobile{position: fixed;top:5px;left:5px;display: block;width:30px;height:28px;cursor: pointer;z-index: 999;}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3{display: block;position: absolute;width:25px;height:4px;left: 0;background:#503;border:solid 3px #503;border-radius:3px;box-shadow:0 0 5px #fff;-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile span.menu1{top: 0;}
.toggleMobile span.menu2{top: 8px;}
.toggleMobile span.menu3{top: 16px;}
.toggleMobile.active span.menu1,.toggleMobile.active span.menu2{background-color:#fff}
.toggleMobile.active span.menu1{top: 8px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile.active span.menu2{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile.active span.menu3{opacity: 0;-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}

#featuredNotice{box-sizing:border-box;padding:10px}
#featuredNotice .scrollCont{position:static;white-space:normal;text-align:center;}

.leftNav{position:relative;margin-left:-10px;}
.leftNav::before{content:'\21C9';position:absolute;font-size:1.4em;left: 0;padding:14px 2px 17px 0px;line-height:0;color: #09c;border-radius:0 6px 6px 0;box-shadow: 0 0 3px #666;z-index:10;}
.leftNav .vertical{display:none;position:absolute;top:25px;transform: translateX(-100%);transition: transform .5s ease;background-color:#fffcf3}
.leftNav.on{margin-left:0;height:auto;width:100%}
.leftNav.on::before{content:'\21c7';left:-10px}
.leftNav.on .vertical{display:block;transform: translateX(0);}

.wrapper,.contact_address .wrapper, .contact_form .wrapper{width:auto;}	
.notice,.left, .right,.b3,.b1,.bottom1, .bottom2 {width: 100%;}
.mid{width:auto;}
.latestNews .articles article:nth-child(2n), .newsBlock li:nth-child(2n) {  margin:10px 0;}
.latestNews .articles article {  width:100%;  margin:10px 0;}
.latestNews {  padding:20px;  margin: 0}	
.b3:first-child{margin-right:17%;}
	
.contact_address .wrapper, .contact_form .wrapper{min-height:auto;float:none}
.contact_address,.contact_form{width:auto;float:none}
.contact_form form input, .contact_form form textarea{width:100%}
.contact_form form label{width:100%; text-align:center;}
.single_article article{width:100%}
.imageSlider ul{height:180px}
.twocolumn article{width:100%}

.three_col_content{width:100%; margin:0 4px;}
.album{width:100%}

.message .msgCont{display:block;padding:10px}
.message .msgBox{width:100%;margin-top:40px;text-align:center;}
.message .msgBox img{float:none}
.message .msgBox p{clear:both;padding:5px}
.schemes .wrapper{display:block}
.schemes h2{display:block}
.schemes article{width:calc(100% - 60px);}
.map{margin:4px;padding:4px;}
.anouncement{width:89%;float:none;margin:30px auto;box-sizing:border-box;}
.main .anouncement article{padding:0;font-size:1em}
.main .anouncement article p{font-size:1em;}
.notice article, .content_wrap{width:100%;}
.left, .right, .bottom1, .bottom2{width:100%}
.bottom1, .bottom2, .bottom3{width:100%;padding:0; margin:0; min-height: auto;}
.wrapper_Single_Content.sitemap{margin:0; padding:0}
.wrapper_Single_Content.contact_address{margin:0; padding:0;}
.two_col_content{column-count:1; width:auto; margin:0 10px;}
.page{width:auto; margin:auto;}

.main{display:block}
.main article{padding:10px;}
.section_title{margin:10px 20px;}
.b1 .section_title{display:none;}
.section_title h2{width:100%;box-sizing:border-box;}
.holidayList{display:block;padding:0;}
.holidayList ul{width:100%;margin:30px 0;}
.keyinfo ul{column-count:1;}
.heads{text-align:center; }

.aboveSlider{font-size:0.8em}
.main.aboveSlider article{padding:0}

#albox,#albumCont{display:block;padding:20px;}
#albox .box{width:100%;margin:20px 0;}
.wrapper .fullNews{width:100%;box-sizing:border-box;}
.fullNews .content{display:block;}
.fullNews .contbody,.fullNews .imgCont{width:100%;margin:0px;}
.wrapper_Single_Content article img{width:100%;height:auto}

.row,.flex,.bottom{display:block}
.row .col3{width:calc(100% - 20px);padding:10px;margin:20px 0}
.row .col3:nth-child(2){margin:20px 0}
.taCont{margin-bottom:0px}
.timing{position:static}
.timing p,.arise{float:none;margin-right:0}
.arise{width:auto;margin:20px 0}
.pic{float:none;margin:10px auto}
.text{width:auto}
.boys,.girls{margin:10px 0;width:auto;padding:1px 20px}
.boys ol,.girls ol{list-style-position:outside;padding-left:16px}
.holidays{width:auto;font-size:0.8em}
.prog{margin:30px auto}
.wrapper_Notice article{margin:20px}

.mdoclist{display:block}
.mdoc{width:100%;margin:20px 0;padding:10px}
.textual .block{width:100%;margin:0 0 20px 0}
#loginInfo.withSM{right:80px}

.bottom2{background-color:#262c29}
.bottom3 ol{display:block;padding-left:20px}
table{width:100% !important;box-sizing:border-box;font-size:0.9em}
.video iframe{width:100%}

.performa{display:block}
.performa div{width:100%;margin:20px 0;background-color:#eee;}

.missionVision > div:first-child{margin-right:0;margin-bottom:40px}
.quote{float:none;margin:0 0 40px}
.maps>div{width:10%;margin:40px 0}
}



@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/*end here*/


#mobView{position:fixed;z-index:1001;height:100%;top:20px;text-align:center}
#mobView img{background-color:#fff;padding:2%;width:90%;border-radius:5px;}
#mobView h3{background-color:#fff;margin:auto;width:94%;border-radius:5px;}
#mobView a.close{background-color:#e00;color:#fff;cursor:pointer;padding:2px 5px;border-radius:5px;position:fixed;right:10px;top:5px}



@media (max-width: 500px)
{

}