@media only screen and (min-width:1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1240px;
}
}


@media only screen and (max-width:1200px){
.container, .container-lg, .container-md, .container-sm {
	max-width: 1170px;
	padding:0 20px;
}

header{padding: 10px 0;}
header.sticky .header-right {
	min-height: 55px;
}

header .logo img {
	width: 100%;
}


header .logo {max-width: 130px;}
header.sticky .logo {
	max-width:95px;
}
.header-right .common-btn {
	font-size: 12px;
	min-width: 156px;
	padding: 0 18px;
}
header .header-right .nav li{font-size: 13px}
.contact .inner .left p br{display: none}
.top-footer .right{padding-left: 30px;}
.top-footer ul li{font-size: 14px;}
.top-footer .common-btn{padding: 0 15px; font-size: 13px;}
.newsletter .input-row{max-width:380px;}

}


@media only screen and (min-width:1050px) and (max-width:1400px){
header .header-right{gap:20px;}
header .header-right .nav{gap: 17px;}

	
}


@media only screen and (min-width:1025px) and (max-width:1192px){
header .header-right{gap:20px;}
header .header-right .nav{gap: 13px;}

}

@media only screen and (min-width:992px) and (max-width:1024px){
header .header-right{gap:10px;}
header .header-right .nav{gap: 10px;}
.header_tel{font-size:13px}

}

/* Desktop hover */
@media (min-width: 992px) {

.header-right .nav li:hover > .sub-menu {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
     transition: all 0.6s ease;
  }
.toggle-icon{display: none;}
}


@media only screen and (max-width: 991px){
.container, .container-md, .container-sm {
	max-width: 100%;
	padding: 0 20px;
}

.menu-toggle.active i:before{
	content: "\F62A";
	font-family: "bootstrap-icons";
}
.menu-toggle {
	display: block;
	right: 0;
	float: right;
	background:#019fba;
	width:35px;
	height:35px;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:27px; margin-top:18px; line-height:20px;
}

.menu-toggle:hover{color: #fff;}
header .header-right {
	background: #EAF8FC;
    top:90px;
    left: 0;
    padding: 20px;
    z-index: 9;
    position:absolute;
    width: 100%;
    height: calc(100%);
    overflow-x: auto;
    transition: .3s linear 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    min-height: inherit; opacity: 0.5; align-items: flex-start;
}
.header-right.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99; opacity: 100%;
}

header .header-right .nav {
	display: flex;
	gap: 5px;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	gap: 20px;
	height: auto;
}

header .header-right .nav > li a:hover::before {
	content:none;
}
.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
}

header .logo {
	max-width:100px;
}

h1{font-size: 50px}
h2{font-size: 40px}
h2 br{display: none;}

.common-btn {
	min-width: 166px;
	min-height: 46px;
	font-size: 14px;
}
.home-banner::after {
	right: 0;
	bottom: 0;
	width: 360px;
	height: 360px;
	background-size: 100% auto;
}
	.gallery-slider .text-box h3 br{display: none}
	.gallery-slider .text-box h3{line-height: 44px;}
	.evaluation::after {
	left: 0;
	bottom: -42px;
	width: 400px;
	height: 350px;
	background-size: 100% auto;
}
.evaluation {
	height: 466px;
}
.contact .inner .left {
	padding: 30px 25px;
}
.contact .contact-form{padding: 60px 25px 30px;}
.top-footer .right {
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 20px;
}
.top-footer ul{margin-right: 0;}
footer .container::after {
	left: 0;
	bottom: 0;
	width: 300px;
	height: 300px;
	background-size: 100% auto;
}
.mid-footer ul li a {
	font-size: 14px;
	line-height: 25px;
}

.quickaccess .inner-card .icon {
	display: block;
	margin-bottom: 40px;
}

}


/* Toggle icon (only visible on mobile) */
.toggle-icon::before {
	content: "+";
	float: right;
	font-size: 25px;
	margin-left: 8px;
	font-weight: 500;
}

.toggle-icon.active::before {
  content: "-";
}

/* On mobile, submenu opens when active */
@media (max-width: 991px) {
  .main-menu .sub-menu.open {
    max-height: 500px; /* expand */
    opacity: 1;
    visibility: visible;
  }
 header{position: static;}

}



@media only screen and (max-width: 767px){
.space {
	padding: 40px 0;
}
		.login-box > ul.info-box{
		display:none !important;
	}

h1{font-size:40px;}
h2{font-size:30px; }
h4{font-size:25px;}

header.sticky{position: static;}
header{padding:8px 0; height: 70px}
header .logo img{max-width: 80px; transition: none}
header .logo{max-width: 90px}
header.sticky .logo{max-width: 90px; height: auto;}
.menu-toggle{margin-top: 10px}
header .header-right{top: 70px;}
.home-banner {
	padding: 50px 0;
	background-size:cover;
	height: 100%;
}
.home-banner .text-box h1{text-align: center;}
.home-banner .text-box{padding-top: 0;}
.home-banner::after {
	right: 0px;
	bottom: 0;
	width: 230px;
	height: 227px;
	z-index: -1;
}


.common-btn {
	min-width: 130px;
	min-height: 40px;
	font-size: 13px;
}

.btn-group .common-btn {
	min-width: 130px;
	min-height: 40px;
	font-size: 13px;
	display: inline-block;
	margin: 0 auto;
	min-width: 220px;
}

h1 br, h2 br{display: none;}

h1 {
  font-size:50px;
}

h2 {
  font-size:40px;
}

h3 {
  font-size: 35px;
}
h4 {
  font-size: 30px;
}

h5 {
  font-size: 26px;
}

h6 {
  font-size: 22px;
}
p br, h1 br, h2 br, h3 br, h4 br, h5 br, h6 br{display: none;}
.gallery-slider .text-box {
	max-width:100%;
	margin: 0 auto 50px;
	flex-direction: column;
}
.gallery-slider .text-box > img {
	margin: 0 auto 30px;
}
.gallery-slider .text-box h3 {
	text-align: center;
}
.gallery-slider .text-box p {
	max-width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.gallery-slider .text-box.bottom .common-btn{margin: 0 auto;}
.evaluation {
	height: auto;
	padding: 40px 0;
}
.evaluation figure img {
	width: 100%;
	max-width: 250px;
	bottom: -50px;
	position: relative;
}
.evaluation::after {
	left: -70px;
	bottom: -29px;
	width: 300px;
	height: 250px;
	background-size: 230px;
}
.contact.space {
	padding: 40px 0;
}
.contact .contact-form::before{content: none;}
.contact .contact-form {
	padding: 30px 25px;
	width:95%;
	margin: 50px auto 0;
	border-radius: 30px;
}
.contact .bottom-info{padding:20px;}
.contact.space .map{height: 250px;}
footer{padding-top: 40px;}
.top-footer {
	padding-bottom: 40px;
	flex-direction: column;
	gap: 25px;
}
.top-footer .right{padding: 0}
.newsletter .input-row{max-width: 100%;}
.mid-footer .newsletter {
	margin-bottom: 40px;
}
.top-footer .right{align-items: flex-start;}
.mid-footer{padding: 40px 0;}
.mid-footer ul{margin-bottom: 40px;}
.mid-footer ul.last{margin-bottom: 0}
.newsletter .input-row input[type="text"]{font-size: 16px;}
.hotTopicSwiper {position: relative; padding: 0 40px;}


.hotTopicSwiper .swiper-button-next {
	right: 0;
	background: #eaf8fc;
	padding-left: 20px;
	height: 100%;
	top: 0;
	margin: 0;
}

.hotTopicSwiper .swiper-button-prev {
	left:0;
	background: #eaf8fc;
	padding-left: 20px;
	height: 100%;
	top: 0;
	margin: 0;
}
.hotTopicSwiper .swiper-button-next::after, .hotTopicSwiper .swiper-button-prev::after{top:50%; margin-top: -6px}

}


@media only screen and (max-width:479px){
.home-banner .text-box .btn-group{flex-direction: column;}
.top-footer .right {
	padding: 0;
	flex-direction: column;
}
	

.top-footer ul {
	margin-right: 0;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
}
.top-footer .btn-group {
	display: inline-flex;
	gap: 10px;
	flex-direction: column;
}
.contact .inner .left {
	padding: 30px 20px;
}
.address-list{gap: 10px; margin-bottom: 20px;}
.address-list li span{width: 40px; height: 40px;}
.address-list li{gap:9px;}
.address-list li span::before{top: 100%;}
.address-list li .text p, .address-list li .text p a{font-size: 12px}
.quickaccess .col-6{width:100%; max-width: 100%;}
.hotTopicSwiper {
	position: relative;
	padding: 0 25px;
}

}