/* top-menu tiny */
.top-menu.tiny {top: 45px;}
.top-menu{padding:0!important;margin:0!important;position:fixed;top:0;left:0;border-radius:0;-webkit-border-radius:0;width:100%;font-size:13px;font-weight:400;background:0 0;border-bottom:0;z-index:1;transition:all .3s linear 0s;min-height:120px!important;background:linear-gradient(180deg,#fff 24.28%,rgba(255,255,255,0) 100%)}
.top-menu.tiny{bottom:auto;top:0;position: fixed; height: 65px; background-color: rgba(255,255,255,0.8); z-index: 99;min-height: 95px !important;}
.top-menu.tiny .desktoplogo{padding: 0px; border: 0;}
.top-menu.tiny .desktoplogo img{width:40%;}
.top-menu.tiny .desktoplogo .content{-webkit-filter: none; filter: none;}
.top-menu.tiny .topSearch{top: 7px;}
.top-menu.tiny .topSearch .search_icon{background-color: rgba(0,0,0, 0.2);}

.top-menu.tiny .mainMenu ul.toggle{top:30px;}
.top-menu.tiny .mainMenu ul.toggle li{background-color: rgba(0,0,0, 0.5);}

.grow,.grow .logo {transition: 0.8s ease-in-out;}
.shrink,.shrink .logo {transition: 0.8s ease-in-out;}
.desktoplogo .logo{width:340px;}

.mobileheader{display: none;}
.desktoplogo{display:inline-block;margin-left:0;position:absolute;top:0}
.desktoplogo .content{ padding:15px 0 5px 0px;}

.mainMenu ul.toggle{position:fixed;z-index:1000;top:40px;right:7%;width:50px;height:50px;cursor:pointer}
.mainMenu ul.toggle li{position:absolute;left:5%;transform:translateY(-50%);height:5px;width:90%;list-style:none;background:#231f20;transition:.9s}
.mainMenu ul.toggle li:nth-of-type(1){ top: 20%;}
.mainMenu ul.toggle li:nth-of-type(2){ top:  50%;}
.mainMenu ul.toggle li:nth-of-type(3){ top: 80%;}
.mainMenu ul.toggle.active li:nth-of-type(1){ top: 50%; transform: translateY(-50%) rotate(45deg); background: #000;}
.mainMenu ul.toggle.active li:nth-of-type(2){ left: -100%; opacity: 0; background: #000;}
.mainMenu ul.toggle.active li:nth-of-type(3){ top: 50%; transform: translateY(-50%) rotate(-45deg); background: #000;}

/******Sidebar******/
.mainMenu .sidebar{position:fixed;right:-100%;bottom:0;background:rgba(255,255,255,.7);width:65%;height:100vh;box-sizing:border-box;padding:0 50px 50px 0;transition:.9s;z-index:999;overflow:hidden;border-radius: 50px 0px 0px 50px;backdrop-filter: blur(32px);}
.mainMenu .sidebar.active{right: 0;}

.menu-social{width: 12%; border-radius: 20px; position: absolute; right: 5%; background: url(../img/menu-social-bg.jpg); background-size: cover; background-position: center; text-align: center; padding: 20px 0;}
/* footer social icons */
ul.menu-social-network { list-style: none; display: inline; margin-left:0 !important; padding: 0;}
ul.menu-social-network li { display: block; margin: 30px 5px 30px 5px;}
/* footer social icons */
.menu-social-network a.icoRss:hover { background-color: #F56505;}
.menu-social-network a.icoFacebook:hover { background-color:#3B5998;}
.menu-social-network a.icoTwitter:hover { background-color:#33ccff;}
.menu-social-network a.icoGoogle:hover { background-color:#BD3518;}
.menu-social-network a.icoVimeo:hover { background-color:#0590B8;}
.menu-social-network a.icoLinkedin:hover { background-color:#007bb7;}
.menu-social-network a.icoYoutube:hover { background-color:#cc0000;}
.menu-social-network a.icoInstagram:hover { background-color:#c8008b;}
.menu-social-network a.icoWhatsapp:hover { background-color:#189d0e;}
.menu-social-network a.icoRss:hover i, .menu-social-network a.icoFacebook:hover i, .menu-social-network a.icoTwitter:hover i,
.menu-social-network a.icoGoogle:hover i, .menu-social-network a.icoVimeo:hover i, .menu-social-network a.icoLinkedin:hover i, .menu-social-network a.icoYoutube:hover i, .menu-social-network a.icoInstagram:hover i,a.icoWhatsapp:hover i { color:#fff;}
a.socialIcon:hover, .socialHoverClass { color:#44BCDD;}
.menu-social-circle li a { display:inline-block; position:relative; margin:0 auto 0 auto; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 35px; height: 35px; font-size:14px; background: rgba(255,255,255,0); border: 2px solid #fff;}
.menu-social-circle li i { margin:0; line-height:32px; text-align: center;}
.menu-social-circle li a:hover{border: 2px solid rgba(255, 255, 255, 0);}
.menu-social-circle li a:hover i, .triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.menu-social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

.menu-single-link{width: 100%; float: left; margin-top: 0px; margin-bottom: 30px;}
.menu-single-link ul{padding: 0; margin: 0;}
.menu-single-link ul li{list-style: none; display: inline-block; margin: 0 8px;}
.menu-single-link ul li a{display: block; padding: 5px; font-size: 15px; text-transform: uppercase; font-weight: 600;}
.menu-single-link ul li a:hover{color: var(--color-yellow);}

.top-admission-btn-bg{position: absolute; top:50px; right: 185px;}
.top-admission-btn-bg a{margin: 0;}
.top-menu.tiny .top-admission-btn-bg{top:40px;}
.top-menu.tiny .wsmenu{margin: 9px 0 0 0;}

.top-forOnline-btn-bg{position: absolute; top:50px; right: 355px;}
.top-forOnline-btn-bg a{margin: 0;}
.top-menu.tiny .top-forOnline-btn-bg{top:40px;}

.top-xtra-menu-bg{background: #f5f5f5ad;}
ul.top-xtra-menu{position: relative; margin-bottom: 0; width: 100%; padding: 0; text-align: right;}
ul.top-xtra-menu li{list-style: none; display: inline-block; margin: 0 10px; position: relative; z-index: 0;}
ul.top-xtra-menu li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -5px; position: absolute; top: 12px; font-weight: 900; font-size: 5px;}
ul.top-xtra-menu li a { display: block; padding: 5px; font-size: 13px; font-weight: 400;}

.overlapblackbg {left: 0; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; display: none; background-color: rgba(0, 0, 0, 0.4); cursor: pointer;backdrop-filter: blur(6px);}
.overlapblackbg.active {display: block;}



















@media(min-width:320px) and (max-width:1080px){
html { overflow: hidden; height: 100%;}
body { height: 100%; overflow: scroll;}
.mobileheader{display: block; position: relative; padding:5px 0 15px 0;}
.smllogo{padding: 5px 0 5px 10px; display: inline-block;}
.smllogo a{display: block; width: 100%;}
.smllogo a img{width: 100%;}
.desktoplogo{display: none;}
.top-menu{position: relative !important;min-height: auto !important;z-index: 9999;}
.mainMenu .sidebar.active {top: unset; right: 0;}
.mainMenu .sidebar{ top: unset; right: -100%; bottom: 0; background: rgba(255, 255, 255,0.80); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); width: 100%; height: 100vh; padding:80px 40px 50px 10px; overflow-y: auto; border-radius: 0;}
.mainMenu ul.toggle { top: 12px; right: 15px; width: 35px; height: 35px;}
.mainMenu ul.toggle li{background: rgba(0,0,0,0.5);}
.menu-social{width: 100%; right: 0; left: 0%; float: left; background: none;}
.menu-social:before{position: absolute; content: ''; top: 10px; right: 10px; bottom: 10px; left: 10px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 20px;}
.menu-social-circle li a{border: 2px solid #000;}
.menu-social-circle i{color: #000;}
ul.menu-social-network li{display: inline-block; margin: 10px 5px 10px 5px;}
.menu-single-link{margin-top: 0;}
.menu-single-link ul li{display: block; margin:0; text-align: right;}
.menu-single-link ul li a{padding: 12px;}
.inner-banner .inner-breadcrumb{display: none;}
.top-admission-btn-bg{right:10px;top:unset;bottom:-30px}
.top-admission-btn-bg a{border:2px solid var(--color-one);color:var(--color-white) !important;background:var(--color-one); padding:5px 20px 5px 20px;font-size:11px;font-weight: 500; display: inline-block;border-radius:50px; text-transform: uppercase;letter-spacing: 0.5px;}
.top-admission-btn-bg a:hover{border:2px solid var(--color-one);background:var(--color-two);color:var(--color-white) !important;}
.mainMenu .sidebar:before{display: none;}

.top-forOnline-btn-bg{right:135px; top:60px;}
.top-forOnline-btn-bg a{border:2px solid var(--color-one);color:var(--color-white) !important;background:var(--color-one); padding:5px 20px 5px 20px;font-size:11px;font-weight: 500; display: inline-block;border-radius:50px; text-transform: uppercase;letter-spacing: 0.5px;}
.top-forOnline-btn-bg a:hover{border:2px solid var(--color-one);background:var(--color-two);color:var(--color-white) !important;}



.top-xtra-menu-bg{display: none;}
.mainMenu .sidebar.active .top-xtra-menu-bg{display: block;}



}

/* @media(min-width:1081px) and (max-width:1470px){
    .top-admission-btn-bg { top: 109px; right: 100px;}
    .top-menu.tiny .top-admission-btn-bg {top: 65px;}

    .top-forOnline-btn-bg { top: 109px; right: 250px;}
    .top-menu.tiny .top-forOnline-btn-bg {top: 65px;}
} */