@media only screen and (min-width: 468px) and (max-width: 1305px) {
	.container {
		max-width: 99%;
	}
}

@media only screen and (max-width:1101px) {
	div#leftNav {
		display: block !important;
	}
}


@media only screen and (min-width: 768px) and (max-width: 1200px) {
	.col-md-6.less-he {
		display: flex;
		flex-direction: column;
	}

	.col-md-6.less-he .box-less-right {
		flex: 9;
	}
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
	a.nav-link {
		font-size: 13px!important;
	}
}
@media only screen and (max-width:992px) {
	.col-md-2.button-section {
		display: none;
	}

	.menu-section {
		text-align: right !important;
		margin-right: -38px;
	}

	.sec-title {
		font-size: 30px !important;
		line-height: 50px;
	}

	p.dates-text a {
		display: block;
		word-break: break-all;
	}

	.main-header a.nav-link {
		font-size: 14px;
	}

	.team-box {
		margin-bottom: 25px;
	}
}

@media only screen and (min-width:768px) {

	.d-laptop {
		display: block !important
	}

	.d-mobile {
		display: none !important;
	}

	.mbile-icon-box {
		display: none;
	}
}

/*============CSS FOR MOBILE========================*/
@media only screen and (max-width:768px) {
	.box-buttom-sign-left {
		display: none;
	}

	.box-buttom-sign-right {
		display: none;
	}

	.box-less-right {
		margin: 0px;
		height: auto;
	}
	.box-top-signs.box6sign {
		display: none;
	}
	.box-main {
		overflow: hidden;
	}
	.mbile-icon-box {
		margin-top: -3px;
		margin-bottom: -3px;
	}
	.div-mobile-button {
		text-align: center;
		padding-top: 30px;
	}
	.con-top{
		margin-bottom: 12px;
	}

	a.btn-ga {
		display:none;
		font-size: 14px;
		font-weight: 600;
		line-height: 14px;
		letter-spacing: 2px;
		text-align: center;
		color: #fff;
		border: 2px solid #FFFFFF;
		border-radius: 25px;
		padding: 12px 30px;
	}
	.owl-dots {
		display: none;
	}
	.left-btn {
		width: 60px;
	}

	.right-btn {
		width: 60px;
	}

	#thumbs.owl-theme .owl-stage-outer {
		display: none;
	}

	h3.metropolition-title {
		font-size: 16px;
		font-weight: 600;
		line-height: 28px;
		text-align: left;
		margin-bottom: 10px;
	}

	.metropolition ul li {//
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
	}
	p.fo-contact-info a {
		font-size: 14px;
	}

	ul.footer-item-div li a {
		font-size: 15px;
		line-height: 28px;
	}

	p.footer-copyright-text {
		font-size: 14px;
	}
	img.footer-logo {
		width: 267px;
	}
	h5.dates-range {
		margin-bottom: 3px;
	}
	h5.award-title {
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		text-align: left;
	}
	h3.dates-title {
		font-size: 20px;
		margin-bottom: 15px;
	}
	p.award-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: left;
	}
	img.team-img {
		width: 164px;
		height: 164px;
	}

	h4.team-name {
		font-size: 16px;
		font-weight: 600;
		line-height: 28px;
	}

	p.team-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		text-align: center;
	}

	p.team-postion {
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
	}
	p.dates-text {
		font-size: 14px;
		line-height: 24px;
	}
	h4.ctitle {
		font-size: 16px;
		font-weight: 600;
		line-height: 28px;
		text-align: left;
	}
	.timeline-container li h2 {
		font-size: 16px;
		line-height: 28px;
		font-weight: 600;
	}

	.timeline-container .events-content ol li p {
		font-size: 14px;
		line-height: 24px;
		font-weight: 400;
	}
	p.con-text{
		font-size: 14px;
	}
	.box-design h3.boxs1-title {
		font-size: 16px;
		line-height: 28px;
		font-weight: 600;
	}

	.box-design ul.box-ul li {
		font-size: 14px;
		line-height: 24px;
		font-weight: 400;
	}
	.ab-text {
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
	}
	h2.about-title {
		font-size: 32px;
		line-height: 47px;
		font-weight: 700;
		margin-bottom: 25px;
	}
	img.top-img {
		width: 85px;
		height: 67px;
	}
	p.ex-hero {
		font-size: 32px;
		margin-bottom: 0px;
	}
	.header-buttom p img {
		width: 38px;
		height: 38px;
	}
	h1.header-title{
		font-size: 94px;
		font-weight: 300;
		margin-bottom: 0px;
	}
	.d-laptop {
		display: none !important
	}

	.d-mobile {
		display: block !important;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	button.navbar-toggler:focus {
		outline: none !important;
	}

	img.logo1 {
		margin-left: 11px;
	}

	nav.navbar.navbar-expand-md.navbar-dark.main-header.d-laptop {
		display: none;
	}

	div#collapsibleNavbar {
		width: 100%;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 81px;
		background: #000028e0;
		z-index: 999;
		padding-bottom: 40px;
		padding-top: 20px;
	}

	.menu-section {
		margin-right: 0px
	}

	.header-top {
		margin-bottom: 128px;
	}

	p.hero-text {
		margin-bottom: 180px;
		font-size: 35.54px;
		font-weight: 400;
		line-height: 35px;
		text-align: left;
	}
	.hero-section .container {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 25px;
		padding-bottom: 0px;
	}
	.btn1 {
		width: 100%;

	}

	.hero-section {
		background: url(../images/mobile/m-banner.png);
		background-position: top;
	}

	.main-header a.nav-link {
		font-size: 16px;
	}

	.sbout-section {
		padding-bottom: 35px;
	}

	.box-section {
		padding: 35px 0px;
	}

	.box-top-sign {
		display: none;
	}

	.let-box-top-sign {
		display: none;
	}

	.mbile-icon-box.bi1 {
		text-align: center;
		margin-right: -40%;
	}

	.mbile-icon-box.bi2 img.mobile-icon {
		margin-left: 10%;
	}

	.mbile-icon-box.bi3 {
		text-align: center;
	}

	.mbile-icon-box.bi4 {
		text-align: right;
	}

	.mbile-icon-box.bi4 img.mobile-icon {
		margin-right: 5%;
	}

	.mbile-icon-box.bi5 {
		text-align: center;
	}

	.mbile-icon-box.bi5 img.mobile-icon {
		margin-left: -5%;
	}

	.mbile-icon-box.bi6 img.mobile-icon {
		margin-left: 20%;
	}

	.mbile-icon-box.bi7 {
		text-align: center;
	}

	.sec-title {
		font-size: 32px !important;
		line-height: 48px;
		font-weight: 700;
	}

	a.time-btn.btn {
		font-weight: bold;
		border: 2px solid;
		font-size: 14px;
		padding: 10px 0px;
		margin-bottom: 30px;
		font-weight: 600;
		width: 174px;
	}

	.events-content.touch-enabled {
		min-height: auto !important;
		max-height: 500px !important;
	}


	.timeline-container img.scroll-left {
		width: 28px;
		height: 28px;
		margin-right: 8px;
	}

	.timeline-container img.prev {
		width: 40px;
		height: 44px;
	}

	.timeline-container img.next {
		width: 40px;
		height: 44px;
	}

	.timeline-container img.scroll-right {
		width: 28px;
		height: 28px;
		margin-left: 8px;
	}

	.horizontal-timeline .events-wrapper {
		height: 78px;
		margin: 0px 8px;
	}

	.sec-padding {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.content-slideshow {
		height: 300px;
	}

	.dates-box {
		margin-bottom: 26px;
		margin-left: 15px;
		margin-right: 15px;

	}


	.con-box {
		margin-bottom: 26px;
		margin-left: 10px;
		margin-right: 10px;
		flex: 1;
	}

	.award-box {
		margin-bottom: 26px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.top-footer .col-md-3 {
		max-width: 50%;
		padding-top: 38px;
	}

	.footer-section {
		padding-top: 40px;
	}

	.footer-top-box.footer-box1 {
		text-align: center;
	}

	.footer-copyeight-div {
		padding-top: 10px;
	}
}

@media only screen and (max-width:320px) {
	.sec-padding {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.sec-title {
		font-size: 25px !important;
		line-height: 44px;
	}


	.content-slideshow {
		height: 242px;
	}
}