#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  line-height: 1;
}
#menu-line {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0px;
  background: #cca32c;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  z-index:99;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px 15px;
  font-size: 1em;
  text-decoration: none;
  text-transform:uppercase;
  font-weight:normal;
  color: #fff;
  cursor:pointer;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
#cssmenu > ul > li:hover > a {
  color: #fff;
  background:#24217f;
  transition: 0.6s ease-in-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 22px;
  right: 10px;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.6s ease;
  -moz-transition: border-color 0.6s ease;
  -ms-transition: border-color 0.6s ease;
  -o-transition: border-color 0.6s ease;
  transition: border-color 0.6s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #fff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  z-index:6;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu > ul > li.drop-left > a { right: 0; }
#cssmenu li.drop-left a {left: auto;
    right: -92px; position:absolute;}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height 0.6s ease-in-out;
  -moz-transition: height 0.6s ease-in-out;
  -ms-transition: height 0.6s ease-in-out;
  -o-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
}
#cssmenu ul li:hover > ul > li {
  height: 43px;
}
#cssmenu ul ul li a {
  padding: 15px 15px;
  width: 270px;
  font-size: .9em;
  border-top:1px solid #131247;
  background:#24217f;
  text-decoration: none;
  color: #fff;
  text-transform:uppercase;
  font-weight:normal;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color:#24217f;
  background:#fff;
  padding-left:20px;
  font-weight:bold;
  transition: 0.6s ease-in-out;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.6s ease-in-out;
  -moz-transition: border-color 0.6s ease-in-out;
  -ms-transition: border-color 0.6s ease-in-out;
  -o-transition: border-color 0.6s ease-in-out;
  transition: border-color 0.6s ease-in-out;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #fff;
}
body{ background:#fff repeat center fixed; overflow-x:hidden !important;}
/* width */
::-webkit-scrollbar {
  width: 5px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #3d404f;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000; 
}
.announce{
    background:#ed0f15;
}
.announce h4{
    text-align:center;
    margin:auto;
    color:#fff;
    font-weight:bold;
    padding:5px 0px;
}
.btn-query{ background:#087802; margin-top:12px; padding:10px 30px; font-weight:normal; border:0px solid #000; color:#fff; border-radius:50px;-webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
  overflow:hidden}
.btn-query:hover{ background:#087802; border:0px solid #087802; color:#fff;}
.zoom {
  animation: scale 2s linear infinite;
}
  
@keyframes scale {
  50% {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
  }
}
.btn-query1{ background:none; padding:10px 30px; font-weight:bold; border:2px solid #087802; color:#087802; border-radius:5px; transition: .5s ease-in-out; transform:translate(0px, 0px);}
.btn-query1:hover{ background:#087802; box-shadow: 0px 10px 20px -10px #000; border:2px solid #087802; color:#fff; transition: .5s ease-in-out; transform:translate(0px, -5px);}
.whats{ position:fixed; z-index:9; box-shadow: 0px 0px 10px -2px #000; padding:4px 11px; transition:.3s ease-in-out; border-radius:0 5px 5px 0; top:50%; left:0; color:#fff; background:green; text-decoration:none; font-size:2em; transition:.3s ease-in-out;}
.whats:hover{ color:#fff; text-decoration:none; padding:4px 15px;}
.border1{ padding:20px 10px; background:#fff5ee; border:1px solid #808080;}
.border1 p{ font-size:1.5em; line-height:35px;}
.border1 ul li{ font-size:1.5em}
.border{ padding:20px 10px; background:#fff5ee; border:2px solid #000; border-bottom:2px solid #000; border-left:2px solid #3e4050; border-right:2px solid #3e4050; border-radius:10px;}
.border p{ font-size:1.5em;}
.facult{ background:#cee4ea; height:350px; margin-bottom:10px; padding:10px; border-radius:5px; text-align:center; border:1px solid #ddd; transition:.5s ease-in-out; transform:translate(0px, 0px);}
.facult:hover{background:#cee4ea; box-shadow: 0px 20px 20px -20px; transition:.5s ease-in-out; transform:translate(0px, -5px);}
.facult img{ width:50%; height:auto; padding:10px 0px;}
.facult h4{ text-align:center; text-transform:uppercase; color:#c21909; font-weight:bold;}
.facult p{ margin-bottom:0px; font-size:1em; text-align:center}
.border ul li{ font-size:1.5em}
.thought{ background:#f5f5f5;}
.about2{ /*background: linear-gradient(180deg, #c61b18, #18304d);*/ background:#fff; padding:40px 10px;}
.about2 h1{text-align:left; margin:auto; font-family: fantasy; letter-spacing:2px; text-transform:uppercase; padding:15px 5px; color:#000; line-height:50px; font-weight:bold;}
.about2 h1 small{ color:#666; font-family:'Arial Rounded MT'; letter-spacing:0px; text-transform:none; font-weight:bold;}
.about2 p{ color:#777; padding:10px 25px; text-align:justify; font-size:1.2em; line-height:35px; font-weight:normal;}
.about2 img{ width:100%; height:auto;}
#nt-example1 {
	width: 100%;
	margin: auto;
    height:310px !important;
}

#nt-example1-container {
	text-align: center;
    margin:auto;
    padding:20px 10px;
    background:#2e8b57;
    border-radius:5px;
    box-shadow: 0px 0px 2px -1px #000;
}
#nt-example1 p {
	color: #fff;
	overflow: hidden;
	height: 310px;
	padding: 5px;
	line-height: 35px;
	font-size: 1.5em;
	text-align: center;
    vertical-align:middle;
    margin-bottom:10px;
}
    #nt-example1 p span {
        float:right;
        font-size:.9em;
        color:#b25a00;
    }
    #nt-example1 p img{ width:100%; height:300px;}
    #nt-example1 p a{font-weight:bold; color:blue; font-size:1em; text-decoration:none; transition: .5s ease-in-out;}
    #nt-example1 p a:hover{ color:#413ac2; text-decoration:none; transition: .5s ease-in-out;}
#nt-example13 {
	width: 100%;
	margin: auto;
    height:430px !important;
}

#nt-example13-container3 {
	text-align: center;
    margin:auto;
    padding:10px 10px;
    background:none;
    border-radius:0px;
    border:0px solid #ddd;
}
#nt-example13 img{ width:100%; height:auto;}
#nt-example13 p {
	color: #fff;
    background:none;
	overflow: hidden;
	height: auto;
	padding: 15px 10px;
	line-height: 25px;
	font-size: 1em;
    margin-bottom:10px;
	text-align: left;
	border-bottom: 1px dotted #ddd;
}
    #nt-example13 p small {
        font-size:.9em;
        color:#808080;
    }
    #nt-example13 p a{ text-decoration:none; color:#fff; font-size:1.1em; font-weight:normal;}
    #nt-example13 p a:hover{ text-decoration:none; color:#fff;}
#nt-example11-container{
    background:none;
    border-radius:10px;
}
.btn-view1 {
  color: #e3b000;
  background: none;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #e3b000;
  outline: 0;
  font-size: 1.2em;
  padding: 10px 18px;
  text-transform:uppercase;
  border-radius:5px;
  transition: .6s ease-in-out;
  transform:scale(1);
}
.btn-view1:hover{ transition: .6s ease-in-out; color:#000; transform:scale(.95); background:#e3b000; border:2px solid #e3b000;}
.btn-view {
  color: #368400;
  background: none;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 2px solid #368400;
  outline: 0;
  font-size: 1.1em;
  padding: 10px 18px;
  text-transform:uppercase;
  border-radius:50px;
  transition: .6s ease-in-out;
  transform:scale(1);
}
.btn-view:hover{ transition: .6s ease-in-out; color:#fff; transform:scale(.95); background:#368400; border:2px solid #368400;}
.timeln{ padding:30px 5px; background:url(../images/timeline-bg.jpg) no-repeat center fixed; background-size:cover;}
.news{border:0px solid #ddd; padding:0px; border-radius:5px; background:#f7f7f7; transition: .5s ease-in-out; transform:translate(0px, 0px);}
.news img{ width:100%; height:auto;}
.news h3{ text-align:center; color:#3e4051; font-weight:bold; line-height:35px; height:70px;}
.news a{ color:#3e4051; text-decoration:none;}
.news a:hover{ color:#000; text-decoration:none;}
.news p{font-size:1em; padding:10px; line-height:25px;}
.news:hover{ transition: .5s ease-in-out; transform:translate(0px, -5px); box-shadow: 0px 0px 10px -6px #000;}
.news1{border:0px solid #ddd; padding:0px; border-radius:5px; background:#fff; transition: .5s ease-in-out; transform:translate(0px, 0px);}
.news1 img{ width:100%; height:auto;}
.news1 h4{ text-align:center; color:#3e4051; height:50px; font-weight:bold;}
.news1 a{ color:#3e4051; text-decoration:none;}
.news1 a:hover{ color:#000; text-decoration:none;}
.news1 p{font-size:1em; padding:10px; line-height:25px;}
.news1:hover{ transition: .5s ease-in-out; transform:translate(0px, -5px); box-shadow: 0px 0px 10px -6px #000;}
.back1{ padding:40px 0px; background:#f5f5f5;}
.back1 h2{text-align:center; padding:7px 5px; margin:auto; text-transform:uppercase; color:#fff; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.about{ background:url(../images/about-bg.jpg) no-repeat center center; background-size:cover; padding:100px 10px; text-align:center; height:350px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Lexend Deca', sans-serif;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px;}
.breadcrumb li a{ color: #087802;
    text-decoration: none;
    font-weight: normal;
    padding: 10px 5px;
    border-radius: 10px;
    font-size: 1.4em;}
.breadcrumb .active{ color:#ddd; font-weight:normal;}
.breadcrumb li{ color:#ddd;}
.breadcrumb > li + li:before{ color:#ddd;}
.affix .logo{ width:60%; height:auto; background:#daf3f8;}
.light{border:0px solid #ddd; border-radius:5px; padding:10px;}
.light img{ border-radius:5px;}
.light p{ text-align:justify;}
.admi1{ background:linear-gradient(90deg, #b00000, #0f1f08); padding:20px 5px;}
.admi1 h3{ font-weight:bold; text-align:left; margin:auto}
.admi1 p{ text-align:left; color:yellow; font-size:1em; padding:5px 0px; margin-bottom:0px;}
.acade{ background:#288a00 url(../images/acade-bg.png) repeat-x center bottom; padding:30px 5px;}
.acade h2{ color:#fff; margin-bottom:20px;}
/*.acade ul{ list-style:none;line-height:30px; font-family:'Hind', sans-serif;}*/
.acade p{ text-align:center; padding:10px 10px; color:#fff; cursor:pointer; font-size:1.2em; margin-bottom:50px; background:#278200; border-radius:5px; transition: .8s ease-in-out; transform:scale(1); box-shadow: 0px 0px 25px -15px #fff;}
.acade p:hover{ background:#e3b000; color:#000; transition: .8s ease-in-out; transform:scale(1.05);}
.acade p img{ width:70px; height:auto; vertical-align:middle; position:absolute; top:-35px;}


.top2{/*background: linear-gradient(180deg, #2b1e5b, #3a297c);*/ background:#2b1e5b url(../images/top2-bg.png) repeat-x center bottom;}
.top2 p{ padding: 10px 3px;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
    font-size: .95em;
    line-height: revert;
    /*background: linear-gradient(180deg, #3a297c, transparent);*/
    text-transform: uppercase;
    border-radius: 10px 10px 0px 0px;}
.purple-bg{ background:url(../images/about-bg11.png) repeat; border: 15px solid transparent;
    border-image: url(../images/border1.png);
    border-image-repeat: repeat;
    border-image-slice: 20;}
.foot-top{ height:10px; background:url(../images/topi.jpg) repeat-x center;}
.modal{ top:0px;}




.box-shadow{ box-shadow:0px 0px 12px -8px #000; padding:10px;}
.box-shadow img{ width:100%; height:auto;}
.headi1{ text-align:center; margin:auto; font-family: 'Lexend Deca', sans-serif; padding:15px 5px; color:#000; font-weight:bold;}
.headi1 span{ color:#f79000; font-weight:bold;}
.btn-reg {
  color: #fff;
  background: #4ba900;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  border: 0;
  outline: 0;
  font-size: 1em;
  padding: 5px 20px;
  border-radius:0px;
  transition: .6s ease-in-out;
}
.btn-reg:hover{ transition: .6s ease-in-out; background:#3e8800;}
.news-back{ padding:30px 5px;background:linear-gradient(90deg, #131247, #ed0f15);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.news-back h2{text-align:center; padding:20px 5px; margin:auto; color:#fff; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.news-back h2 span{ font-weight:bold; color:#eddb00;}
.import {
	text-align: center;
    margin:auto;
    padding:10px;
    background: rgba(255, 255, 255, 0.2);
    border-radius:0px;
    height:440px;
    line-height:25px;
}
.import a{ display:inline-block; text-decoration:none; width:100%; text-align:justify; font-weight:normal; line-height:20px; font-size:1em; padding:10px 10px; color:#fff; background:none; border-bottom:1px dashed rgba(255, 255, 255, 0.4); transition: .5s ease-in-out;}
.import a:hover{ background:none; font-weight:normal; padding-left:15px; transition: .5s ease-in-out; color:#fff;}
.import img{ width:30%; height:auto;}
.gall-span{ position:absolute !important; z-index:1; text-align:center; bottom:0; background:url(../images/prgm-bg.png) repeat; margin:auto !important;}
.gall-span h4{ text-align:left; color:#3d404f; font-weight:bold; margin:auto; padding:10px 10px; line-height:30px;}
.gall-span h4 a{ float: right;
    font-size: .6em;
    text-decoration: none;
    color: #4ba900;
    text-transform: uppercase;
    background: none;
    border:2px solid #4ba900;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 0px;
    transition:.3s ease-in-out;
    font-weight: bold;
    line-height: normal;}
.gall-span h4 a:hover{ background:#3e8800; border:2px solid #3e8800; color:#fff; transition:.3s ease-in-out;}
.back3{ background:#f5f5f5; padding:20px 5px;}
.back3 h2{text-align:center; padding:15px 5px; margin:auto; color:#000; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.impo-link{ text-align:center; padding:10px; border:1px solid #ddd; border-radius:5px; transition:.5s ease-in-out; transform:translate(0px, 0px);}
.impo-link i{ font-size:4em; padding:20px; color:#3b338a;}
.impo-link a{ display:inline-block; width:100%; background:#efefef; margin-bottom:5px; padding:10px 5px; text-align:center; color:#3d404f; text-decoration:none; transition:.3s ease-in-out; transform:scale(1);}
.impo-link a:hover{color:#000; transition:.3s ease-in-out; transform:scale(1.02); font-weight:bold;}
.impo-link:hover{ background:#eada00; transition:.5s ease-in-out; transform:translate(0px, -5px);}
.bottom{ background: linear-gradient(90deg, #352673, #2b1f5d, #352673); padding:10px 5px; text-align:center;}
.bottom a{ text-decoration:none; color:#ddd; transition: .5s ease-in-out; transform: scale(1);}
.bottom a:hover{ text-decoration:none; color:#fff; transition: .5s ease-in-out; transform: scale(1.05);}
.bottom p{ padding:0px; color:#fff; font-size:1em; margin-bottom:0px; line-height:normal; height:auto; background:none; text-align:left;}
.bottom span{ color:#fff; font-weight:bold;}

.table-striped{ width:100%; padding:5px; border:0px solid #ddd}
.table-striped th{ padding:10px; text-align:left; font-weight:normal; font-size:1.2em; border:1px solid #f1f1f1; color:#fff; background:#3d404f;}
.table-striped td{ padding:15px 10px; text-align:left; font-size:1.1em; color:#333; border:1px solid #f1f1f1;}
.table-striped a{ text-decoration:none;}
.table-striped a:hover{ text-decoration:none;}
.panel{ border-radius:0px !important;}






.stud{ border:0px solid #ddd; border-radius:5px; padding:10px; background:#f5f5f5; text-align:center; transition: .5s ease-in-out;}
.stud:hover{ border:0px solid #808080; background:#fdf400; transition: .5s ease-in-out;}
.stud a{ display:inline-block; text-decoration:none;}
.stud a img{ transition: 1s ease-in-out; transform: rotateY(0deg);}
.stud a:hover img{ width:50%; height:auto; transition: 1s ease-in-out; transform:  rotateY(180deg);}
.stud img{ width:50%; height:auto; /*transition: 1s ease-in-out; transform:  rotateY(0deg);*/}
.stud img:hover{ /*transition: 1s ease-in-out; transform: rotateY(180deg);*/}
.stud h5{ text-align:center !important; text-transform:uppercase; color:#666;}
/* The Close Button */
.close {
  color: #ff2f2f;
  float: right;
  font-size: 2.5em;
  font-weight: bold;
  opacity:.9;
}

.close:hover,
.close:focus {
  color: #ff0000;
  text-decoration: none;
  cursor: pointer;
  opacity:1;
}
.width{ font-size:1.2em; height:50px;}
.log-in{background: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    margin-top: 100px;
    box-shadow: 0px 0px 10px 0px #000;
    border: 5px solid #1f1ed8;}
.log-in img{ width:28%; height:auto;}
.log-in h1{ font-weight:bold; color:#3b3b9b; text-align:center; padding:10px 0px;}
.radius{ border-radius:0px; padding:10px 20px;}
.wid{ width:65%; margin:auto;}
.achi1 {
	background: url(../images/achi-bg.png) repeat center;
	padding: 15px 10px;
	height: 170px;
    cursor:pointer;
}
	.achi1 h2 {
		text-align: center;
		font-size: 3.5em;
		color: #fff;
		font-weight: bold;
		margin: auto;
		padding: 5px 0px;
	}

	.achi1 h4 {
		text-align: center;
		color: #ef8f00;
		font-weight: normal;
		margin: auto;
		padding: 5px 0px;
	}

	.achi1 h3 {
		text-align: center;
		color: #ddd;
		font-weight: normal;
		margin: auto;
		padding: 5px 0px;
		font-size: 21px;
	}
.dire {
	position: absolute;
	z-index: 8;
	right: -5px;
	top: 42%;
}

.dire1 {
	position: absolute;
	z-index: 8;
	left: -5px;
	top: 42%;
}
.back5 {
	background: url(../images/achie-bg.jpg) no-repeat center fixed;
	background-size: cover;
	margin-top: 15px;
}

.achi {
	background: #000;
	text-align: center;
	padding: 15px 10px;
	height: 170px;
    cursor:pointer;
    
}
.achi img:hover{transition: .3s ease-in-out;
    transform: scale(1.05);}
	.achi img {
		width: 47%;
		height: auto;
		padding: 5px;
        transition: .3s ease-in-out;
    transform: scale(1);
	}
.lat-news{ background:#f7f7f7; padding:10px; border:1px solid #ddd; margin-bottom:10px;}
.lat-news img{ width:100%; height:250px;}
.lat-news h5{ text-align:center; margin:auto; padding:10px 0px; background:#b25a00; color:#fff;}
.lat-news h3{ text-align:left; margin:auto; padding:10px 0px; font-weight:bold; color:#353572;}
.late-new p{ margin-bottom:0px; font-size:1em; color:#3d404f;}
.admission{ text-align:center; padding:40px 10px;}
     .admission img{ width:100%; height:auto; box-shadow: 0px 0px 10px -3px #000; border-radius: 50%;}
     .admission h1{ text-align:center; color:#fff; font-weight:bold; line-height:60px; padding:10px 5px;}
     .admission h1 small{ color:#ddd;}

.radient{ background: #f7f7f7 url(../images/radi-bg.png) repeat-x center bottom; height:20px;}
.radient1{ background: transparent url(../images/radi-bg1.png) repeat-x center bottom; height:20px;}
.quick{ background:#4846a2; overflow-x:hidden; text-align:center; border-bottom:1px solid #ddd;}
.quick h4{margin:auto; text-align:center; padding:15.5px 5px; background:#efefef; border-radius:0px 30px 0px 0px;}
.quick p{ text-align:justify; color:#3d404f; margin-bottom:0px; padding:7px;}
.quick p a{ color:#f7f7f7; text-decoration:none; font-size:1em; transition: .5s ease-in-out;}
.quick p a:hover{ color:#fff; text-decoration:underline; transition: .5s ease-in-out;}
.quick p a img{ width:20px; height:auto; margin-right:5px;}
.back{ background:url(../images/about-bg.jpg) no-repeat center top; padding-top:300px; text-align:center;}
.back img{ width:100%; height:auto;}
.back h1{text-align:Center; padding:20px 5px; margin:auto; text-transform:uppercase; color:#32336d; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.back h1 span{ font-weight:bold; color:#32336d;}
.back p{ padding: 10px; margin-bottom:0px; text-align:justify;}
.affi{ text-align:center; padding:30px 5px; /*background:#f2f8ff url(../images/hpu.png) no-repeat center center fixed;*/}
.affi img{width: 100%;
    height: auto;
    background: #f3f8ff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;}
.affi p{ font-size:1.4em; text-align:center; padding:30px 5px; line-height:40px;}
.affi p span{color:#111; font-weight:bold;}
.bord{ padding:10px; border:1px solid #ddd; background:#fff; margin-bottom:20px; border-radius:5px;}
.msg{ padding:40px 5px; background:url(../images/msg-bg.jpg) repeat-x center bottom; text-align:center;}
.msg img{ width:100%; height:auto;}
.msg h2{text-align:center; padding:15px 5px; margin:auto; text-transform:uppercase; color:#32336d; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.msg h2 span{ font-weight:bold; color:#32336d;}
.msg h4{ text-align:center; padding:10px 5px; text-transform:uppercase; color:#b25a00; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.msg h4 small{ color:#111;}
.msg p{ text-align:justify; color:#3d404f;}

.fix-height{ height:440px; overflow-x:hidden;}
.fix-height1{ height:390px; overflow-x:hidden;}
.back2{ background:#ad5900 url(../images/contact-bg.png) repeat center fixed; padding:20px 5px; text-align:center;}
.back2 h6{ text-align:center; margin-top:15px;}
.touch{ text-align:center;}
.touch img{ width:70%; height:auto;}
.touch h2{ color:#fff; text-align:left; margin:auto; padding:10px 5px; font-weight:normal; font-family: 'Lexend Deca', sans-serif;}
.touch h2 small{ color:#ddd;}

.list{ line-height:30px; font-family:'Hind', sans-serif;}
.list li{ font-size:1.2em; padding:5px 0px; list-style:disc; text-align:justify; color:#3d404f;}
.list1{ line-height:30px; list-style:none; margin-top:10px;}
.list1 li{ list-style:disc;}
.list1 li a{ text-decoration:none; display:inline-block; width:100%; text-align:left; padding:5px; color:#333; transition: .5s ease-in-out;}
.list1 li a:hover{ color:#b25a00; background:#f7f7f7; padding-left:3px; transition: .5s ease-in-out;}
.naac{ text-decoration:none; font-weight:bold; display:inline-block; width:100%; text-align:left; padding:10px 15px; color:#333; transition: .5s ease-in-out;}
.naac:hover{ color:#b25a00; text-decoration:none; background:#f7f7f7; padding:10px 20px; transition: .5s ease-in-out;}
.div-pad{ padding:30px 5px;}
.cont-back{
    /*box-shadow: 0px 0px 30px -20px #000;*/
    padding: 10px;
    border: 1px solid #f7f7f7;
    border-radius: 10px;
    padding:5px;
    background:snow;
}
.list-group{ padding:5px !important; margin-bottom:0px;}
.list-group-item{ color:#3d404f; text-align:left; font-size:1.05em; border-bottom:1px solid #ddd; margin-bottom:5px; background:#f7f7f7; transition: .5s ease-in-out; line-height:30px; padding:10px 15px;}
.list-group-item:hover{ background:#353572 !important; color:#fff !important; transition: .5s ease-in-out;}

p{ font-size:1.2em; color:#3d404f; line-height:30px; text-align:justify; font-family:'Hind', sans-serif; padding:10px;}
.staff h3{ text-align:center; color:#3d404f; margin:auto; border-bottom: 1px dashed #ddd; font-weight:bold; padding:10px 0px;}
.serve{padding-top: 80px; background:#f7f7f7; padding-left:0px; padding-right:0px; margin-top: 90px; text-align:center; transition: .5s ease-in-out; margin-bottom:5px; border-radius:5px; border:1px solid #ddd}
.serve h4{ text-align:center; padding:10px 2px; color:#b25a00; font-weight:bold; line-height:30px;}
.serve h4 small{ color:#3d404f}
.serve p{padding: 5px 20px;
    color: #3d404f;
    margin-bottom: 0px;
    font-size: 1em !important;}
.img{ position:absolute; width:95%; z-index:1; text-align:center}
.img img{ border:5px solid #ddd; border-radius:50%; transform: translate(0px, 0px); width:170px; height:170px; transition: .5s ease-in-out;}
.img img:hover{ border:5px solid #fff; transform: translate(0px, -5px); transition: .5s ease-in-out;}
.dept{position: absolute;
    top: 30%;
	width:100%;
	border-radius:50px;
    left: 0;
    }
	.dept h3{color: #fff;
    background: none;
	margin:auto;
	font-weight:bold;
	line-height:30px;
	text-align:center;
    padding: 10px 20px;}
.img h3 small{ color:#444;}
.nav-pills > li > a{ border:1px solid #fff; background:#f7f7f7;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{ background:#353572; color:#fff; border: 1px solid #fff;}
.nav-tabs > li{ border-radius:5px 5px 0 0;}
.nav-tabs > li > a{ margin-right:0px; font-size:1.1em; color:#3e4050; text-align:center; font-weight:normal; padding:15px 0px; background:#f1f1f1; border:1px solid transparent !important;}
.nav-tabs > li > a:hover{ background:#3e4050; color:#fff;}
.tab-content > .active{ background:#fff;}
.tab-content > .active h5{ text-align:left; padding:10px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background:#3e4050; color:#eddb00; padding:15px 0px; font-size:1.1em; font-weight:normal; border:1px solid #3e4050 !important;}
#nt-exampletop p {
	color: #fff;
	background: none;
	overflow: hidden;
	height: 30px;
	padding: 6px;
	line-height: 20px;
	font-size: 1.1em;
	text-align: left;
    margin-bottom:0px;
}
    #nt-exampletop p a{ text-decoration:none; font-size:1.1em; color:blue;}

#nt-example11 {
	width: 100%;
	margin: auto;
    height:450px !important;
}

#nt-example11-container1 {
	text-align: center;
    margin:auto;
    padding:20px 10px;
    background:none;
    border-radius:5px;
    box-shadow: 0px 0px 5px -5px #000;
}
#nt-example11 p {
	color: #fff;
	overflow: hidden;
	height: auto;
	padding: 10px;
	line-height: 25px;
	font-size: 1.1em;
	text-align: justify;
    margin-bottom:0px;
	border-bottom: 1px dashed #3a2f9f;
}
    #nt-example11 p span {
        float:right;
        font-size:.9em;
        color:#b25a00;
    }
    #nt-example11 p a{ text-decoration:none; font-size:.9em;}
    #nt-example12 {
	width: 100%;
	margin: auto;
    height:430px !important;
}

#nt-example12-container2 {
	text-align: center;
    margin:auto;
    padding:10px 10px;
    background:none;
    border-radius:0px;
}
#nt-example12 p {
	color: #fff;
	overflow: hidden;
	height: auto;
    background:none;
	padding: 5px;
    font-weight:normal;
	line-height: 25px;
	font-size: .9em;
    margin-bottom:10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
    #nt-example12 p span {
        float:right;
        font-size:.9em;
        color:#ddd;
        font-weight:normal;
    }
    #nt-example12 p img{ width:100%; height:300px; border:1px solid #fff; padding:2px; margin-bottom:10px:}
    #nt-example12 p a{ text-decoration:none; color:#18304d; font-size:1em;}
    #nt-example12 p a:hover{ color:#000; text-decoration:none;}
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}














.top-border{ background:linear-gradient(90deg, #f4ba00, #c2dc00, #2f896f, #70ccf5, #9d00ef, #f97600, #f4ba00, #c2dc00, #2f896f, #70ccf5); height:4px;}


.msg1{ padding:30px 5px; text-align:center;}
.msg1 img{ width:100%; height:auto; border-radius:50%; border:3px solid #d9e464;}
.msg1 p{ text-align:justify; color:#1c1c1c;}
.msg1 p span{ font-size:1.5em; color:#666;}
.who{ padding:40px 5px; background:#f0f8ff;}
.who h2{text-align:center; padding:7px 5px; margin:auto; text-transform:uppercase; color:#01001c; font-weight:bold; font-family: 'Lexend Deca', sans-serif;}
.who h2 span{ font-weight:bold; color:#1f5c3a;}
.who p{ text-align:center; padding:20px 5px;}
.whowe{ text-align:center; padding:10px 5px; border:1px solid #ddd; border-radius:3px; transition: .3s ease-in-out;}
.whowe:hover{ border:1px solid #555; transition: .3s ease-in-out;}
.whowe img{ width:40%; height:auto; padding:10px;}
.whowe h5{ text-align:center; color:#666666;}
.whowe h4{ color:111; text-align:center;}

/*.img{position: absolute;
    bottom: 5%;
	width:90%;
	border-radius:50px;
    left: 5%;
    }
	.img a{color:#000; text-decoration:none}
	.img h4{color: #000;
    background: #d9e464;
	margin:auto;
    box-shadow: 0px 0px 5px 0px;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	border-radius:40px 10px;
    padding: 10px 20px;}
	.img h4 small{ color:#444;}*/
.pad1{ padding:15px;}
.sub-name{ color:#2a324b; text-align:center; margin:auto; padding:0px 5px; letter-spacing:0px;}

.staff{ background:#f7f7f7; height:300px; text-align:center; transform: translate(0px,0px); transition: .3s ease-in-out; border:1px solid #ddd; border-radius:5px; padding:5px 5px;}
.staff:hover{ box-shadow: 0px 0px 10px -8px #000;transform: translate(0px,-3px); border:1px solid #ddd; transition: .3s ease-in-out;}
.staff img{ width:60%; height:auto; border-radius:10px;}
.staff h3{ text-align:center; color:#3d404e; font-weight:bold; padding:10px 0px;}
.staff h5{  text-align:center; color:#808080; font-weight:normal;}

.press{ background:#f0f8ff; padding:10px; margin-bottom:20px; border:1px solid #ddd; border-radius:5px; transform: translate(0px,0px); transition: .5s ease-in-out;}
.press:hover{ box-shadow: 0px 0px 10px -8px #000; transform: translate(0px,-3px); transition: .5s ease-in-out;}




.cont{ padding:10px; background:#f8fdff; transition: .3s ease-in-out; text-align:center; border: 1px solid #ddd; margin-bottom:15px;}
.cont:hover{ box-shadow:0px 0px 10px -5px #01001c; transition: .3s ease-in-out; border:1px solid #888;}
.cont img{ width:60px; height:auto}
.cont h3{ text-align:center; color:#01001c; font-weight:bold; margin:auto; padding:10px;}
.cont p{ text-align:center; color:#707070; line-height:25px;}
.con{ text-align:center; padding:5px; margin-top:8px;}
.con a{ text-decoration:none; color:#282828; font-size:3em;}
.con a:hover{ text-decoration:none; color:#282828;}
.con h5{ text-align:left; color:#282828; font-size:1.2em; line-height:20px;}
.con h5 a{ font-weight:bold; text-decoration:underline; font-size:1em; color:#01001c;}
.con h5 a:hover{ text-decoration:underline; color:#282828;}

.size{ font-size:.7em;}
.news1{border-bottom:1px dotted #ddd; font-size:1em; line-height:25px;}
.news1 small{ color:#808080;}
.news1 a{ text-decoration:none; font-weight:bold; color:#666; transition: .5s ease-in-out;}
.news1 a:hover{ color:#376494;}
.btn1{ font-size: .8em;
    padding: 0px;
    color: #444;
    width: 28px;
    height: 26px;
    text-decoration: none;
    cursor: pointer;
    vertical-align: unset;
    border-radius: 50px;
    border: 0px;}









.icon{ padding:10px 0px; border:0px solid #ddd; background:#f7f7f7; border-radius:5px; transition: .5s ease-in-out; text-align:center}
.icon:hover{ transition: .5s ease-in-out; border:0px solid #808080;}
.icon a{ width:100%; display:inline-block; text-decoration:none; transform: scale(.95); transition: .5s ease-in-out;}
.icon a:hover{ text-decoration:none; transform: scale(1); transition: .5s ease-in-out;}
.icon img{width:35%; height:auto;}
.icon h5{text-align:center; line-height:20px; padding:15px 2px; margin:auto; color:#111; font-weight:normal; text-transform:uppercase;}
.icon h5 small{ font-size:.8em; color:#808080;}


.ico{ font-size:1.5em;}
.admi{ background:url(../images/admi-bg.jpg) no-repeat center; background-size:cover; width:100%; padding:40px 5px;}
.admi h4{ text-align:left; color:#fff;}
.admi h1{ font-weight:normal; text-align:left; color:#000; font-family: 'Lexend Deca', sans-serif;}
.admi p{ color:#ddd; font-size:1em; padding:10px 5px;}
.admi a{ width:auto; display:inline-block; padding:7px 20px; font-weight:500; text-decoration:none; color:#fff; border:2px solid #fff; background:none; transition: .5s ease-in-out;}
.admi a:hover, .admi a:focus{ background:#fff; color:#111; text-decoration:none; transition: .5s ease-in-out; border:2px solid #fff;}
.back4{ background:url(../images/achieve-bg.jpg) no-repeat center fixed; background-size:cover; padding:30px 5px;}
.back4 h2{text-align:center; line-height:40px; margin:auto; font-family: 'Lexend Deca', sans-serif; letter-spacing:1px; padding:15px 5px; color:#fff; font-weight:normal;}
.back4 h2 span{ color:#2a324c; font-weight:normal;}
.princi{ text-decoration:none; color:#f22659; font-family: 'Lexend Deca', sans-serif; font-size:2em; text-align:center; line-height:30px;}
.princi strong{ color:#2a314c;}

.link{ text-decoration:none; color:#f2285a; transition: .5s;}
.link:hover{ text-decoration:none; color:#666; transition: .5s;}




.pad2{ padding:10px;}
/*.pad2 a{ transform: translate(0px,0px); display:inline-block; width:100%; transition: .5s ease-in-out; text-decoration:none;}
.pad2 a:hover, .pad2 a:focus{transform: translate(0px,-5px); transition: .5s ease-in-out; text-decoration:none;}*/
.name{ font-family: Fantasy; font-size:3.1em; letter-spacing:2px; font-weight: bold; margin: auto; padding: 20px 5px; color:#ed0f15; line-height:47px; text-align:left;}
.bg{ background:#f7f7f7; padding:10px; height:60px;}
.event1{padding-top: 20px; height:500px; padding-left:10px; padding-right:10px; margin-top: 44px; text-align:center; transition: .5s ease-in-out; margin-bottom:5px; border-radius:5px; border:1px solid #ddd}
.event1 h4{text-align:center; padding:10px 2px; color:#444; font-weight:normal}
.event1 img{ width:100%; height:auto; padding:2px; border:1px solid #ddd; border-radius:3px;}
.event{position:absolute; width:98%; z-index:1; text-align:center}
.event h3{width:100%; text-align:center; font-family: 'Lexend Deca', sans-serif; transition: .5s ease-in-out;}
.event h3 span{background:#f7991e; color:#000; padding: 10px 30px; transition: .5s ease-in-out; display: inline-block; border-radius: 2px; font-weight:normal;}
.event span small{color:#808080;}
.bg1{background: repeat; padding:20px 5px;}
.bg1 h2{ text-align:center; color:#d4ad38; font-family: 'Lexend Deca', sans-serif;}
.bg1 img{ width:100%; height:auto;}
.bg1 h5{ text-align:center; color:#fff;}
.links{ background:#d4ad38; padding:20px 5px;}
.links h3{text-align:center; color:#111; font-family: 'Lexend Deca', sans-serif;}
.bg2{ background:url(../images/army-bg.jpg) repeat center; padding:20px 5px;}
.border2{ background:url(../images/border.jpg) repeat center; height:5px;}




.top-contact{
    background:#0103f8;
    border-radius:0 0 50px 50px;
}
.top1{background:#131247; z-index:18;}
.top{ background: #fff; text-align:left; padding:0px; color:#fff;}
.top p a{ text-decoration:none; color:#fff; font-weight:normal; display:inline-block;}
.top p a:hover, .top a:focus{ text-decoration:none; color:#fff;}
.top p{ padding:0px 0px; margin-bottom:0px; color:#fff; font-weight:bold; font-size:1em; text-align:center;}
.iheight{width:100%; height:250px; border:0; padding:5px;}
.btn2{ background:#2b324c; font-weight:normal; color:#fff; border:0px solid #333; border-radius:8px; padding:7px 15px; transform: translate(0px,0px); transition: .5s ease-in-out;}
.btn2:hover{ background:#2b324c; border:0px solid #333; color:#fff; transition: .5s ease-in-out; transform: translate(3px,0px);}
.icon1{ text-align:right; padding:8px 5px;}
.add1{ text-align:left; line-height:30px; font-size:1.2em; color:#333;}
.add1 a{ color:#333; text-decoration:none}
.add1 a:hover, .add1 a:focus{color:#000} 
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 25%;
  padding:1px;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 200px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
.headi2{ text-align:center; margin:auto; background:url(../images/headi1-bg.png) no-repeat center bottom; font-family: 'Lexend Deca', sans-serif; text-transform:uppercase; padding:15px 5px; color:#000066; font-weight:bold;}
.headi2 span{ color:#228b22; font-weight:bold;}

.headi{ text-align:left; color:#333; font-weight:bold;}
.headi span{ color:#ff6347;}


.top-nav{ background:linear-gradient(90deg, #2b68e3, #1e5cdf, #2b68e3);}
.row{ margin-left:0px; margin-right:0px;}
.pad{ padding:5px;}
.logo{width: 68%;
    padding: 5px;
    height: auto;
}
.fixed{ height:200px; overflow:hidden; position:relative; border:1px solid #ddd; transition: .7s ease-in-out;}
.fixed:hover, .fixed:focus{ border:1px solid #808080; transition: .7s ease-in-out;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247; /*background:linear-gradient(180deg, #241e62, #2f2780);*/ text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#999; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#999; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h2{ text-align:center; font-weight:bold; color:#e3b000; font-family: 'Lexend Deca', sans-serif;}
footer h4{padding:10px 5px; color:#fff; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff; font-weight:normal;}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#999}
footer address strong{ color:#999;}
footer p{font-size:1em; line-height:25px; color:#ddd; text-align:justify;}

/* @media (max-width: 1440px) */

@media (max-width: 1440px) {
   .about2 p{ font-size:1.1em; line-height:30px; font-weight:normal;}
    .news h3{ height:auto;}
}
/* END */

/* @media (max-width: 1366px) */

@media (max-width: 1366px) {
    .about2 p{ font-size:1.1em; line-height:24px; font-weight:normal;}
    .news h3{ height:auto;}
}
/* END */

/* @media (max-width: 1280px) */

@media (max-width: 1280px){
    .about2 p{ font-size:1.1em; line-height:22px; font-weight:normal;}
    .about2 h1{ padding:0px;}
    .news h3{ height:auto;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}
}
/* END */

/* @media (max-width: 1024px) */

@media (max-width: 1024px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.btn-reg {
        font-size:1em;
    }
.gallery-item {
  width: 25%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 180px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu > ul > li > a {
  padding: 17px 13px;
  font-size: 1em;
  text-decoration: none;
  text-transform:none;
  font-weight:normal;
  color: #fff;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
#cssmenu ul ul li a {
font-size:.9em;
padding:15px 20px;
font-weight:normal;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height 0.6s ease;
  -moz-transition: height 0.6s ease;
  -ms-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 43px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  /*top: 15px;
  right: 10px;*/
  top: 20px;
  right: 12px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.6s ease;
  -moz-transition: border-color 0.6s ease;
  -ms-transition: border-color 0.6s ease;
  -o-transition: border-color 0.6s ease;
  transition: border-color 0.6s ease;
}
body, html{overflow-x:hidden !important;}
.top p{text-align: center;
    font-size: .95em;
    padding: 8px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:.9em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:.9em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:.9em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:1em; color:#ddd; text-align:justify;}
.name{ padding:25px 0px; font-size:2.7em;}
.btn-query{margin-top:15px; font-size:1em;}
.pad1{ padding:5px;}
.logo{ width:90%; height:auto; padding:5px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.about2 h1{ font-size:1.9em; line-height:inherit;}
.about2 p{ font-size:1em; line-height:25px; font-weight:normal;}
.back3 h2{ font-size:1.9em;}
.bottom p{ font-size:.8em;}
.headi1{font-size:2em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:1em; line-height:25px; padding:3px;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 800px) */

@media (max-width: 800px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 25%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 130px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display:block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu > ul > li > a {
  padding: 15px 5px;
  font-size: .9em;
  text-decoration: none;
  text-transform:none;
  font-weight:normal;
  color: #fff;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -ms-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}
#cssmenu ul ul li a {
font-size:.7em;
padding:10px 20px;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height 0.6s ease;
  -moz-transition: height 0.6s ease;
  -ms-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 30px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 17px;
  right: 10px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.6s ease;
  -moz-transition: border-color 0.6s ease;
  -ms-transition: border-color 0.6s ease;
  -o-transition: border-color 0.6s ease;
  transition: border-color 0.6s ease;
}
 body, html{overflow-x:hidden !important;}
.top p{text-align: center;
    font-size: .8em;
    padding: 7px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:30px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:.95em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:.95em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.2em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:.95em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:.85em; color:#ddd; text-align:justify;}
.announce h4{font-size:1em; text-align:left}
.about2 p{padding:5px;}
.name{ padding:10px 0px; font-size:2.1em;}
.btn-query{margin-top:5px; padding:7px 15px; font-size:.8em;}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:5px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.about2 h1{ font-size:1.9em; line-height:inherit;}
.about2 p{ font-size:1em; line-height:25px; font-weight:normal;}
.back3 h2{ font-size:1.9em;}
.bottom p{ font-size:.8em;}
.headi1{font-size:2em;}
.news-back h2{ font-size:1.9em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.back h1{ font-size:2.2em;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 768px) */

@media (max-width: 768px){
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -33px;
    right: 185px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -26px;
    right: 185px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
.top p{text-align: center;
    font-size: .8em;
    padding: 7px 0px;
    font-weight:normal;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:30px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:.95em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:.95em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.3em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:.95em; line-height:30px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:.85em; color:#ddd; text-align:justify;}
.name{ padding:0px 0px; font-size:2em;}
.btn-query{margin-top:0px; padding:5px 15px; font-size:.8em;}
.pad1{ padding:5px;}
.logo{ width:88%; height:auto; padding:0px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.about2 h1{ font-size:1.9em; line-height:inherit; padding:0px;}
.about2 p{ font-size:1em; line-height:25px; font-weight:normal;}
.back3 h2{ font-size:1.9em;}
.bottom p{ font-size:.8em;}
.headi1{font-size:2em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.back h1{ font-size:2.2em;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (man-width: 426px) and (max-width: 767px) */

@media (min-width: 426px) and (max-width: 767px){
.top p{text-align: center;
    font-size: 1em;
    padding: 10px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:1em; color:#ddd; text-align:justify;}
.name{ display:none;}
.btn-query{margin-top:15px;}
.dis{ display:none}
.pad1{ padding:5px;}
.logo{ width:70%; height:auto; padding:0px}
.affix .logo{ width:30%;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
.news h3{ height:auto;}
#cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -43px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
}
/* END */

/* @media (max-width: 425px) */

@media (max-width: 425px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 33.333%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 100px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -50px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -43px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px;}
  .top p{text-align: center;
    font-size: .9em;
    padding: 5px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:1em; color:#ddd; text-align:justify;}
.announce h4{font-size:1em;}
.about2 p{padding:5px;}
.name{ display:none;}
.btn-query{margin-top:0px;}
.dis{ display:none}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; position:relative; padding:0px}
.affix .logo{ width:30%;}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Lexend Deca', sans-serif;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 375px) */

@media (max-width: 375px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 50%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 120px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -44px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -37px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px;}
  .top p{text-align: center;
    font-size: .9em;
    padding: 5px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:1em; color:#ddd; text-align:justify;}
.announce h4{font-size:1em;}
.about2 p{padding:5px;}
.name{ display:none;}
.btn-query{margin-top:0px;}
.dis{ display:none}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.affix .logo{ width:30%;}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}

.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Lexend Deca', sans-serif;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 360px) */

@media (max-width: 360px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 50%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 120px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -45px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -37px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px !important;}
  .top p{text-align: center;
    font-size: .9em;
    padding: 5px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:1em; color:#ddd; text-align:justify;}
.announce h4{font-size:1em;}
.about2 p{padding:5px;}
.name{ display:none;}
.btn-query{margin-top:0px;}
.dis{ display:none}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.headi1{font-size:2em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Lexend Deca', sans-serif;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* @media (max-width: 320px) */

@media (max-width: 320px){
.gallery {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
 
.gallery-item {
  width: 50%;
}
 
.gallery-item > a > img {
  width: 100%;
  height: 100px;
  padding:2px;
  border:1px solid #ddd;
  object-fit: cover;
  transition: .5s ease-in-out;
  display: block;
}
.gallery-item > a > img:hover { border:1px solid #808080;} 
img {
  opacity: 1;
  transition: opacity 1s;
}
 
img[data-src] {
  opacity: 0;
}
#cssmenu {
    width: 100%;
	padding-top:0px;
	background:none;
	box-shadow: 0 0 0 0 #000;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
	position:absolute;
	z-index:17;
	background:#e3b000;
	top:0px;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
	 padding: 10px 20px !important;
    font-size: .9em;
	border-top:1px solid #22446f;
    font-weight: normal;
	color:#fff;
	background:#13304c;
  }
 #cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{
 color:#fff;
 background:#22446f;

}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 15px 25px;
    font-size: 12px;
    color: #fff;
	font-weight:normal;
	border-top:1px solid #18304d;
    background: #22446f;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color:#333 ;
	background:#fbf300;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
	top:0;
	box-shadow:0 0 0 0 #000;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 0px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
	font-weight:normal;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: -42px;
    right: 15px;
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: -35px;
    right: 15px;
    display: block;
    width: 20px;
    height: 9px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 34px;
    width: 40px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 20px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 17px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
  body, html{overflow-x:hidden !important;}
  .iheight{height:366px;}
  .top p{text-align: center;
    font-size: .8em;
    padding: 4px 0px;
    font-weight:bold;
    line-height: 15px;}
footer{margin:auto; font-size:14px; font-weight:500; background: #131247;  text-align:center; color:#ddd; padding:10px 5px 5px 5px;}
footer ul{line-height:35px; list-style:none; margin-left:-40px; text-align:left; margin-bottom:0px;}
footer ul li a{color:#ccc; padding:10px; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none; list-style:square;}
footer ul li a:hover{color:#fff; text-decoration:none; margin-left:5px; transition:.8s;}
footer a{color:#ccc; font-weight:normal; font-size:1em; transition:.8s; text-decoration:none;}
footer a:hover{color:#fff; transition: .8s; text-decoration:none;}
footer img{padding:5px;}
footer h4{padding:10px 5px; color:#fff; font-size:1.5em; font-weight:normal; text-align:left; font-family: 'Lexend Deca', sans-serif;}
footer h4 span{ color:#fff}
footer address{font-size:1em; line-height:35px; padding:0px 5px; text-align:justify; color:#ccc}
footer p{font-size:1em; color:#ddd; text-align:justify;}
.announce h4{font-size:1em;}
.about2 p{padding:5px;}
.name{ display:none;}
.btn-query{margin-top:0px; font-size:.9em;}
.dis{ display:none}
.pad1{ padding:5px;}
.logo{ width:100%; height:auto; padding:0px}
.news h3{ height:auto;}
.top2 p{ font-size:.6em; padding:3px 0px;}
.headi1{font-size:2em;}
.top1{ border-bottom:0px solid #333;}
#nt-exampletop p{font-size:.9em; line-height:25px; padding:0px;}
.about h1{ text-align:center; color:#fff; font-weight:bold; margin:auto; padding:15px 5px; font-family: 'Lexend Deca', sans-serif;}
.breadcrumb{ background:none; font-size:1em; text-align:center; margin-bottom:0px; margin-top:0px;}
.modal{ top:0px;}
.modal-body{ padding:5px; width:-webkit-fill-available;}
/* width */
::-webkit-scrollbar {
  width: 2px;
  height:0px;
 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4846a2;
  border-radius:50px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #343471; 
}
}
/* END */

/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .9s ease-in-out;
	transition: .9s ease-in-out;
	border:0px solid #fff;
	height:250px;
    object-fit: cover;
    vertical-align:middle;
    width:100%;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .9s ease-in-out;
	transition: .9s ease-in-out;
}
.column {
	margin:0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 0px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}

figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
	border-radius:0px;
}
a.back-to-top {
	display: none;
	width: 40px;
	height: 38px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	border-radius:50px;
	background: #ed0f15 url("../images/up-arrow.png") no-repeat center 43%;
	transition: 1s; 
}
a:hover.back-to-top {
	background-color:#ed0f15;
}

/*notifications*/

.notification {
    position: fixed;
    top: 100px;
    right: -350px;
    width: 350px;
    padding: 20px;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    z-index: 1000;
    transition: right 0.5s ease-in-out;
    background: rgba(34, 139, 34, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.notification-success {
    background-color: rgba(40, 167, 69, 0.8);
    color: #ffffff;
}

.notification-error {
    background-color: rgba(220, 53, 69, 0.8);
    color: #ffffff;
}

.notification-warning {
    background-color: rgba(255, 193, 7, 0.8);
    color: #000000;
}

.show-notification {
    right: 20px;
}

<!-- Custom CSS End -->