@media only screen and (min-width: 1681px) and (max-width: 1920px) {
	
}

@media only screen and (min-width: 1601px) and (max-width: 1680px) {
	
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
	
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
	
}

@media only screen and (min-width: 1281px) and (max-width: 1366px) {
	
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	
}

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

}

@media only screen and (max-width: 768px) {
	header .top-bar {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}

	header .top-bar .menu ul {
		display: block;
		width: 100%;
		float: none;
	}

	header .top-bar .menu ul li {
		display: block;
		text-align: center;
		width: 100%;
		float: none;
		margin-left: 0px;
	}

	header .top-bar .lang-menu ul {
		float: none;
		display: block;
		width: 20%;
		margin: 20px auto;
	}

	header .top-bar .lang-menu ul li {
		display: table-cell;
		width: 1%;
	}

	header .top-bar .menu {
		margin-top: 0px;
	}

	aside .slider .owl-carousel .item {
		height: 17vh;
		position: relative;
	}

	aside .slider .owl-carousel .item .slogan h4 {
		color: white;
		font-size: 10.67px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 5px;
	}

	aside .slider .owl-carousel .item .slogan p {
		text-align: center;
		font-size: 8.67px;
		font-weight: 400;
		color: white;
	}

	aside .head-section-1 img {
		width: 100%;
		max-width: 100%;
		display: none;
	}

	aside .text-2 img {
		width: 100%;
		max-width: 100%;
		display: none;
	}

	header .top-bar .menu ul li a:hover {
		border-bottom: none;
	}

	aside .text-2 .content {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		padding: 7% 13%;
	}

	aside .content .right {
		display: table;
		text-align: center;
		width: 100%;
	}

	aside .content .left hr {
		display: block;
		color: #6eabe5;
		background-color: #6eabe5;
		width: 100%;
		height: 2px;
		margin: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	aside .content .left {
		display: table;
		width: 100%;
		color: #414141;
		font-size: 22px;
		text-align: center;
		font-weight: 800;
	}

	footer .content .menu .social {
		display: block;
		width: 35%;
		margin: 0 auto;
	}

	aside .text-2 .content img {
		width: auto;
		display: block;
	}

	footer .copyright .right {
		float: right;
		color: #626364;
		font-size: 8px;
		font-weight: 500;
		display: table;
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}

	footer .copyright .left {
		float: left;
		text-align: left;
		color: #626364;
		font-size: 8px;
		font-weight: 500;
		display: table;
		text-align: center;
		width: 100%;
	}

	footer {
		background-color: #e3e7ea;
		margin: 30px 0 0 0;
		text-align: center;
		padding: 30px 0 0 0;
	}

	aside .text-2 {
		position: relative;
		display: table;
		background-image: url(../img/1.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	aside .head-section-1 {
		position: relative;
		margin-bottom: 10px;
		display: table;
		height: 30vh;
		width: 100%;
		background-position: center;
		background-image: url(../img/3.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	aside .text-1 {
		position: relative;
		display: table;
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}

	aside .head-section-1 .content ul {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	aside .news-1 .new {
		background-color: #eef1f6;
		border-radius: 5px;
		height: 100%;
		display: table;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}

	aside .news-2 .new {
		background-color: #eef1f6;
		border-radius: 5px;
		height: 100%;
		display: table;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	aside .slider .owl-carousel .item .slogan a {
		color: white;
		font-size: 9.67px;
		width: 50%;
		text-align: center;
		display: block;
		margin: 10px auto;
	}

	aside .slider .owl-carousel .item .slogan {
		position: absolute;
		z-index: 9;
		bottom: 0;
		left: 0;
		width: 100%;
		right: 0;
		background-color: rgba(91,161,226,0.85);
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		padding: 20px 60px 10px 60px;
	}

	aside .slider .owl-carousel .item .slogan {
		position: absolute;
		z-index: 9;
		bottom: 0;
		left: 0;
		width: 100%;
		right: 0;
		background-color: rgba(91,161,226,0.85);
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		padding: 35px 60px 20px 60px;
	}
}