body{
	background: url('../images/body-bg.jpg') no-repeat right bottom;
	background-size: cover;
}
a{
	transition: .5s ease;
}
.text-primary{
	color: #0c4ca3 !important;
}
.text-warning{
    color: #ff8e31!important;
}
.text-yellow{
    color: #ffc107!important;
}
.banner-slider{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0 !important;
}
.banner-slider .item{
	width: 100% !important;
}

.header{
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	z-index: 1;
	background: rgba(255,255,255,.8);
	/*border-bottom: solid 1px #0c4ca3;*/
}
.nav-menu li a{
	color: #333;
	padding: 0 4px;
}
.nav-menu li:last-child a{
	padding-right: 0;
}
.nav-menu li a:hover{
	color: #0c4ca3;
	text-decoration: none;
}
.docSlider-pager{
	width: fit-content;
	right: 0;
	left: 20px;
}
.menu-bar{
    border: solid 1px #333;
    padding: 2px 10px 2px 25px;
    border-radius: 5px;
    color: #333;
    margin-left: 10px;
    background: url(../images/bars.svg) no-repeat 4px;
}
.menu-bar:hover{
	text-decoration: none;
	filter: invert(19%) sepia(100%) saturate(1740%) hue-rotate(202deg) brightness(95%) contrast(93%);
}
.social-links a{
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #333;
	margin-right: 5px;
	border: solid 1px #333;
	text-align: center;
	line-height: 28px;
}
.social-links a:hover{
	text-decoration: none;
	background: #0c4ca3;
	border-color: #0c4ca3;
	color: #fff;
}
.latest-news-div{
	position: fixed;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
	color: #fff;
	z-index: 1;
}
.latest-news-div span{
	display: block;
	background: #0c4ca3;
	text-align: center;
	font-weight: bold;
}
.latest-news-div marquee a{
	color: #ff0;
}
.mobile-menu{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 11;
	display: none;
}
.mobile-menu .menu-close{
	position: absolute;
	right: 82px;
	top: 20px;
	color: #fff;
	z-index: 1;
	font-size: 16px;
	font-weight: 600;
}
.mobile-menu .menu-close:hover{
	/*color: #ff8e31;*/
	text-decoration: none;
}
.mobile-menu .menu-close .fa{
	font-size: 16px;
	background: #e91919;
    padding: 6px 7px;
    border-radius: 50%;
}
.mobile-menu .mobile-nav{
	background: #0c4ca3 url('../images/menu-side-img.png') no-repeat right bottom;
	height: 100vh;
	/*display: inline-grid;
	align-items: center;*/
	overflow: auto;
}
.mobile-menu .mobile-nav .container-fluid{
	width: 90%;
	margin-top: 65px;
}
.mobile-menu .mobile-nav ul, .drop-sub-menu ul, .drop-sub-sub-menu ul{
	margin-left: 0;
}
.mobile-menu .mobile-nav ul li{
	position: relative;
}
.mobile-menu .mobile-nav ul li a{
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 7px 0;
	border-bottom: solid 1px rgba(255,255,255,.1);
}
.mobile-menu .mobile-nav .drop-sub-menu ul li a, .mobile-menu .mobile-nav .drop-sub-sub-menu ul li a{
	font-weight: normal;
}
.mobile-menu .mobile-nav ul li:last-child a{
	border-bottom: 0;
}
.mobile-menu .mobile-nav ul li a:hover{
	text-decoration: none;
	color: #ff8e31;
}
.mobile-menu .mobile-nav .main-menu li a{
	padding-left: 12px;
}
.mobile-menu .mobile-nav .main-menu li a:before{
	position: absolute;
	left: 0;
	top: 14px;
	font-family: 'FontAwesome';
	content: '\f111';
	color: #f68121;
	font-size: 7px;
}
.sub-menu1, .sub-menu2, .sub-menu3, .sub-menu4, .sub-menu5, .sub-menu6, .sub-menu7, .sub-menu8, .sub-menu9, .sub-menu10, .sub-sub-menu1, .sub-sub-menu2, .sub-sub-menu3, .sub-sub-menu4, .sub-sub-menu5, .sub-sub-menu6, .sub-sub-menu7, .sub-sub-menu8, .sub-sub-menu9{
	display: none;
}
.mobile-menu .mobile-nav h5{
	border-bottom: solid 2px #ff8e31;
    color: #fff;
    padding-bottom: 16px;
    font-size: 125%;
    margin-bottom: 0;
}
.drop-sub-menu ul li, .drop-sub-sub-menu ul li{
	padding-left: 15px;
}
.drop-sub-menu ul li a:before, .drop-sub-sub-menu ul li a:before{
	position: absolute;
	left: 0;
	top: 7px;
	font-family: 'FontAwesome';
	content: '\f0da';
	color: #f68121;
}
.heading{
	position: relative;
	color: #0c4ca3;
	margin-bottom: 40px;
}
.heading:before{
	position: absolute;
	left: 0;
	bottom: -15px;
	content: '';
	width: 80px;
	height: 2px;
	background: #f68121;
}
.modi-section, .mins-section1, .mins-section2{
	background: #0c4ca3;
	padding: 20px;
	color: #fff;
	border-radius: 5px;
	height: 100%;
}
.modi-section .heading, .mins-section1 .heading, .mins-section2 .heading{
	color: #fff;
}
.modi-section .lg-font{
	font-size: 25px;
}
.mins-section1{
	background: #f68121;
}
.mins-section2{
	background: #00a652;
}
.mins-section1 .heading:before, .mins-section2 .heading:before{
	background: #ff0;
}
.mins-section1 h6, .mins-section2 h6{
	color: #ff0;
}
.img-box, .img-box img{
    position: relative;
}
.img-box:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #C3C3C3;
}
.bulleted-list, .bulleted-list li ul{
	list-style: none;
    padding-left: 0;
}
.bulleted-list li{
	position: relative;
	padding-left: 15px;
    margin-bottom: 12px;
    text-align: justify;
}
.bulleted-list li:before{
	position: absolute;
	left: 0;
	font-family: 'FontAwesome';
	content: '\f0da';
	color: #f68121;
}
.bulleted-list li ul li:before{
	content: '\f101';
}
.btn-outline-primary{
    color: #0c4ca3;
    border-color: #0c4ca3;
}
.btn-outline-primary:hover{
	background: #0c4ca3;
	border-color: #0c4ca3;
}
.section4{
	background: linear-gradient(to top, #519afc, #0c4ca3);
	color: #fff;
	border-bottom: solid 1px rgba(255,255,255,.5);
}
.section4 .heading{
	color: #fff;
}
.docSlider-pager .docSlider-button{
	position: relative;
	border-radius: initial;
	height: 4px;
    width: 18px;
    margin: 0 0 40px 0;
    background: #000;
    transition: .5s ease;
    opacity: 1;
    border-radius: 10px;
}
.docSlider-pager .docSlider-button.active{
	width: 32px;
	background: #f68121;
}
.id_section4 .docSlider-pager .docSlider-button, .id_section5 .docSlider-pager .docSlider-button, .id_section7 .docSlider-pager .docSlider-button, .id_footer .docSlider-pager .docSlider-button{
	background: #fff;
}
.docSlider-pager .docSlider-button:nth-child(1):hover:before, .docSlider-pager .docSlider-button.active:nth-child(1):before, .docSlider-pager .docSlider-button:nth-child(2):hover:before, .docSlider-pager .docSlider-button.active:nth-child(2):before, .docSlider-pager .docSlider-button:nth-child(3):hover:before, .docSlider-pager .docSlider-button.active:nth-child(3):before, .docSlider-pager .docSlider-button:nth-child(4):hover:before, .docSlider-pager .docSlider-button.active:nth-child(4):before, .docSlider-pager .docSlider-button:nth-child(5):hover:before, .docSlider-pager .docSlider-button.active:nth-child(5):before, .docSlider-pager .docSlider-button:nth-child(6):hover:before, .docSlider-pager .docSlider-button.active:nth-child(6):before, .docSlider-pager .docSlider-button:nth-child(7):hover:before, .docSlider-pager .docSlider-button.active:nth-child(7):before, .docSlider-pager .docSlider-button:nth-child(8):hover:before, .docSlider-pager .docSlider-button.active:nth-child(8):before{
	content: '';
	position: absolute;
	bottom: 6px;
    left: 0px;
    color: #f68121;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    width: 75px;
    text-align: left;
}
.docSlider-pager .docSlider-button:nth-child(3):hover:before, .docSlider-pager .docSlider-button.active:nth-child(3):before{
	content: 'Why SDIB';
}
.docSlider-pager .docSlider-button:nth-child(4):hover:before, .docSlider-pager .docSlider-button.active:nth-child(4):before{
	content: 'Centers of Excellence';
}
.docSlider-pager .docSlider-button:nth-child(5):hover:before, .docSlider-pager .docSlider-button.active:nth-child(5):before{
	content: 'Gallery';
}
.docSlider-pager .docSlider-button:nth-child(6):hover:before, .docSlider-pager .docSlider-button.active:nth-child(6):before{
	content: 'Success Stories';
}
.docSlider-pager .docSlider-button:nth-child(7):hover:before, .docSlider-pager .docSlider-button.active:nth-child(7):before{
	content: 'Alumni Connect';
}
.docSlider-pager .docSlider-button:nth-child(8):hover:before, .docSlider-pager .docSlider-button.active:nth-child(8):before{
	content: 'Microsoft Certified Campus';
}
.section5{
	-moz-background: linear-gradient(to top, #592f5f, #333985);
	-webkit-background: linear-gradient(to top, #592f5f, #333985);
	background: linear-gradient(to top, #592f5f, #333985);
	color: #fff;
}
.section5 .heading{
	color: #fff;
}
.student-div a{
	display: block;
	position: relative;
	margin-bottom: 20px;
	color: #fff;
}
.student-div a img{
	width: 100%;
	height: 200px;
}
.student-div a span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
	display: none;
	align-items: center;
	justify-content: center;
	animation: gal .3s ease alternate both;
}
.student-div a:hover span{
	display: flex;
}
@keyframes gal{
	from{
		height: 0%;
	}
	to{
		height: 100%;
	}
}
.success-stories-div .owl-carousel .item .img-box img{
	height: 400px;
}
.success-stories-div .owl-carousel .item .img-box{
	margin-right: 30px;
}
.success-stories-div .container{
	position: relative;
}
.success-stories-div .owl-carousel .owl-stage-outer{
	padding-bottom: 30px;
}
.custom-navs{
	position: absolute;
	top: 0;
	right: 0;
}
.section8{
	background: #d4d4d4;
}
.campus-div img{
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}
.footer{
	background: #333985;
	color: #fff;
}
.footer .heading{
	color: #a5b7d0;
}
.footer .links li a{
	position: relative;
	color: #a5b7d0;
	display: block;
	padding: 3px 0 3px 15px;
}
.footer .links li a:hover{
	color: #f68121;
}
.footer .links li a:before{
	position: absolute;
	left: 0;
	top: 3px;
	font-family: 'FontAwesome';
	content: '\f0da';
	color: #f68121;
}
.footer .contact li{
	position: relative;
	padding-left: 35px;
	color: #fff;
	margin-bottom: 20px;
}
.footer .contact li a{
	color: #fff;
}
.footer .contact li .fa{
	position: absolute;
	left: 0;
	color: #f68121;
	border: solid 1px #f68121;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
    line-height: 26px;
}
.footer .copyright{
	font-size: 13px;
}
.footer hr{
	border-color: rgba(255,255,255,.1);
	margin: 25px 0;
}
.section7{
	background: url('../images/alumni-connect-img.jpg') no-repeat;
	background-size: cover;
}
.section7 .heading{
	color: #fff;
}
.alumni-slide .carousel-item{
	color: #fff;
	text-align: justify;
}
.alumni-slide .carousel-item img{
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 20px;
	border-radius: 50%;
}
.alumni-slide .carousel-control-next, .alumni-slide .carousel-control-prev{
	width: fit-content;
}
.alumni-slide .carousel-control-prev{
	left: -30px;
}
.alumni-slide .carousel-control-next{
	right: -30px;
}
.story-slide .carousel-item{
	color: #333;
}
.story-slide .carousel-item img{
	width: 100%;
	height: 160px;
	border-radius: 0;
	float: none;
}
.side-link, .side-link2{
	position: fixed;
	right: -26px;
	top: 140px;
	z-index: 3;
	transform: rotate(-90deg);
	background: #0c4ca3;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    display: block;
    padding: 5px 10px;
    border-radius: 3px 3px 0 0;
}
.side-link2{
	top: 210px;
    right: -14px;
}
.side-link:hover, .side-link2:hover{
	text-decoration: none;
	background: #f68121;
	color: #fff;
}
.banner-slider .owl-nav{
	display: none !important;
}
.coes-slider .owl-nav, .story-slider .owl-nav, .course-gal-slider .owl-nav{
	display: block !important;
	position: absolute;
	top: -75px;
	right: 0;
}
.coes-slider .owl-nav .owl-prev, .story-slider .owl-nav .owl-prev, .course-gal-slider .owl-nav .owl-prev{
	margin-right: 10px;
}
.coes-slider .owl-nav button, .story-slider .owl-nav button, .course-gal-slider .owl-nav button{
	border: solid 1px #f68121 !important;
	padding: 5px 14px !important;
	border-radius: 3px !important;
	transition: .3s ease;
	color: #f68121 !important;
}
.coes-slider .owl-nav button:hover, .story-slider .owl-nav button:hover, .course-gal-slider .owl-nav button:hover{
	background: #f68121 !important;
	color: #fff !important;
	border-color: #f68121 !important;
}
.coes-slider .owl-nav button, .course-gal-slider .owl-nav button{
	border: solid 1px rgba(255,255,255,.5) !important;
	color: #fff !important;
}
.course-gal-slider .item img{
	height: 180px;
}
.course-gal-slider .owl-nav{
	top: -45px;
}
.course-gal-slider .owl-nav button{
	border: solid 1px #f68121 !important;
	color: #f68121 !important;
}
.inner-banner{
	position: relative;
	width: 100%;
	display: inline-flex;
	align-items: center;
}
.inner-banner:before{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 45%);
}
.inner-banner img{
	width: 100%;
}
.inner-banner h2{
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
}
.inner-banner h2 span{
	width: 8px;
    height: 8px;
    background: #ff8e31;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -20px;
}
.inner-banner h2 span:before, .inner-banner h2 span:after{
	content: '';
	width: 60px;
	height: 3px;
	background: #ff8e31;
	position: absolute;
	left: -63px;
    top: 3px;
    border-radius: 50px;
}
.inner-banner h2 span:after{
	left: 11px;
}
.inner-body{
	overflow-y: auto !important;
}
.inner-body .footer{
	padding: 20px 0;
}
.table thead tr th{
	background: #ff8e31;
	color: #fff;
}
.accordion .card, .accordion .card-header{
	border-color: #a1badb;
}
.accordion .card-header{
	cursor: pointer;
	background: #f0f6ff;
}
.accordion .card-header:not(.collapsed){
	color: #0c4ca3;
}
.accordion .card-header:after{
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}
.accordion .card-header.collapsed:after{
    content: "\f067";
}
.accordion .card-header .card-title{
	float: left;
	margin-bottom: 0;
}
.contact-address .fa{
	width: 30px;
	height: 30px;
	border: solid 1px #0c4ca3;
	color: #0c4ca3;
	border-radius: 50%;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 17px 0 8px;
}
.contact-address .fa-map-marker{
	float: left;
	width: 50px;
	height: 50px;
	background: #0c4ca3;
	color: #fff;
	border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin: 0 10px 0 0;
}
.contact-head{
	position: relative;
	border-bottom: solid 1px #d6e8ff;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.contact-head:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 80px;
	height: 3px;
	background: #0c4ca3;
}
.nav-sm{
	background: #fff;
	padding: 10px 0;
	text-align: center;
	position: relative;
    top: -6px;
}
.nav-sm a{
	position: relative;
	display: inline-block;
	color: #333;
	padding: 5px 10px;
	font-weight: 600;
	background: #0c4ca3;
	color: #fff;
	border-radius: 3px;
}
.nav-sm a:hover{
	text-decoration: none;
	background: #ff8e31;
	color: #333;
}
.menu-sm{
	list-style: none;
    padding-left: 0;
}
.menu-sm li a{
	color: #333;
	position: relative;
	display: block;
	padding: 10px 0 10px 20px;
	border-bottom: solid 1px #ddd;
	font-weight: 600;
}
.menu-sm li:last-child a{
	border-bottom: 0;
}
.menu-sm li a:hover{
	text-decoration: none;
	color: #ff8e31;
}
.menu-sm li a:before{
	position: absolute;
	left: 0;
	font-family: 'FontAwesome';
	content: '\f18e';
	color: #f68121;
	font-weight: normal;
}
.date-bx{
	background: #ed7a1d;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
}
.topic-list{
	display: none;
}
.profile-div{
	background: #fff;
	padding: 12px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.profile-div img{
	width: 150px;
	border-radius: 50%;
}
.profile-div h4{
	font-size: 100%;
}
.profile-div h3{
	font-size: 115%;
	color: #f68121;
}
.menu-list li a{
	color: #333;
	display: block;
	padding: 7px 0px 7px 6px;
	border-bottom: solid 1px #eaeaea;
}
.menu-list li:last-child a{
	border-bottom: 0;
}
.menu-list li a:hover{
	color: #5bc0de;
	text-decoration: none;
}
.menu-list li a.active{
	background: #0098e1;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#ui-datepicker-div {
    left: 0 !important;
    top: 40px !important;
}
.cal-container {
    position: relative;
}
.mob-log #timer{
	position: absolute;
	right: 10px;
	top: 7px;
	background: #007bff;
	color: #fff;
	border-radius: 50px;
	padding: 0 12px;
}
.dropdown-menu{
	padding: 20px !important;
}
.citizen-profile-div .card{
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	border-left-color: #ff8e31;
	height: 100%;
}
.citizen-profile-div .card .name{
	width: 108%;
	position: relative;
    left: -21px;
    top: -21px;
	padding: 15px;
	background: #ff8e31;
	color: #fff;
	border-radius: 0 50px 50px 0;
	font-weight: bold;
}
/*----- Event CSS -----*/
.event-list-div a:hover{
	text-decoration: none;
}
.event-list-div a .mask{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.event-list-div a .mask:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgb(0 0 0 / 20%);
	transition: .5s ease;
}
.event-list-div a .mask:hover:before{
	background: rgb(0 0 0 / 60%);
}
.event-list-div a .mask span{
	position: absolute;
	bottom: 10px;
	left: 0;
	display: block;
	padding: 0 10px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
}
.event-list-div a .mask img{
	height: 240px;
}
.event-list-div a .mask h6{
	position: absolute;
	top: -80px;
	padding: 10px;
	color: #fff700;
	height: 52px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: .3s ease;
}
.event-list-div a .mask:hover h6{
	top: 0;
}
.event-details-list .card{
	border-color: #c2d9f5;
}
.event-details-list .card-header{
	background: #0c4ca3;
	color: #fff;
}
.event-details-list .card-body{
	background: #edf5ff;
}
.event-details-list ul li{
	padding-left: 0;
	padding-right: 0;
	background: transparent;
	border-color: #c2d9f5;
}
.inner-body .header{
	position: relative;
}
.inner-body .header .logo2{
	display: none;
}
.inner-body .header, .inner-body .header .mt-2, .inner-body .header .mb-3{
	transition: .5s ease;
}
.inner-breadcrumb{
	border-bottom: solid 1px #ddd;
	display: none;
}
.inner-breadcrumb ol{
	margin-bottom: 0 !important;
	background: transparent;
}
.inner-breadcrumb ol li, .inner-breadcrumb ol li a{
	color: #337ab7;
}
.inner-breadcrumb ol li.active{
	color: #27272a;
}
.fixed-header{
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    border-bottom: solid 2px #0c4ca3;
}
.fixed-header .logo1{
	display: none;
}
.fixed-header .logo2{
	display: block !important;
	position: absolute;
	top: 0;
	left: 11px;
}
.fixed-header .mt-2{
	margin-top: 0 !important;
}
.fixed-header .mb-3{
	margin-bottom: 3px !important;
}
/*--- Loader CSS ---*/
.fullpage-loader {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background: #fff;
  z-index: 99999;
  opacity: 1;
  transition: opacity 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fullpage-loader .fullpage-loader__logo {
  position: relative;
}
.fullpage-loader .fullpage-loader__logo:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fullpage-loader--invisible {
  opacity: 0;
}
.fullpage-loader .fullpage-loader__logo img{
	height: 120px;
	animation-name: flip-with-rotate;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}
@keyframes flip-with-rotate {
  0% {
    transform: perspective(400px) rotateY(0);
  }

  100% {
    transform: perspective(400px) rotateY(180deg);
  }
}
.chat-button{
	bottom: 20px!important;
}
.chat-button button{
	width: 100% !important;
}
.btn-info{
	white-space: break-spaces;
}
.searchbox{
	display: none;
}
.searchboxShow{
	display: block;
}
.searchbox .input-group{
	margin-bottom: 0!important;
}
#modal-container.blowup{
	z-index: 100!important;
}
/*Main Menu Modification CSS*/
.mobile-menu {
    left: initial;
    width: 250px;
    height: auto;
    background: transparent;
}
.mobile-menu .menu-close {
    right: 10px;
    top: 10px;
}
.mobile-menu .mobile-nav {
    background: #0c4ca3;
    border-radius: 5px;
    height: auto;
}
.mobile-menu .mobile-nav .container-fluid {
    margin-top: 35px;
    padding: 0 20px;
    width: 100%!important;
}
.mobile-menu .mobile-nav #menu-main-menu {
    width: 100%!important;
}
@media (max-width:768px){
	.mobile-menu {
		top: 160px;
	    right: 4%;
	}
}
@media (min-width:768px){
	.mobile-menu {
		top: 110px;
	    right: 4%;
	}
}
@media (min-width:998px){
	.mobile-menu {
		top: 110px;
	    right: 4%;
	}
}
@media (min-width:1200px){
	.mobile-menu {
		top: 92px;
	    right: 10%;
	}
}