@media(min-width:1200px) and (max-width:1400px) {
	.history .history-detail {
		/* padding-left: 50px;
		padding-right: 50px; */
	}

	header:before {
		/* width: 40.3%;	 */
	}

	.top-bar .open-time {
		padding-left: 23%;
	}

	header .logo{
		left: -2vw;
	}
}

@media(max-width:1200px) {
	header:before {
		/* width: 40.3%;	 */
	}

	.top-bar .open-time {
		padding-left: 23%;
	}

	header .logo{
		left: 0;
	}
}

@media(max-width:1024px) {}

@media(min-width:992px) and (max-width:1199px) {
	header:before {
		/* width: 40.3%;	 */
	}


	.top-bar {
		padding-left: calc(50% - 310px);
	}		

	/* .top-bar .open-time {
		padding-left: 23%;
	} */
}

@media(min-width:992px){
	footer .connect-title{margin-right: 20px;}
	.about.sticky{position: sticky; bottom: 20px;}
}

@media(min-width:768px) and (max-width:991px) {
	.about .hrs {
		margin-top: 50px;
	}

	.about .hrs ul {
		text-align: center;
	}

	.about .hrs .appoiment {
		margin-top: 10px;
	}

	.about .hrs h3 {
		text-align: center;
	}

	.about .hrs h3 i {
		float: none;
	}

	.history .history-detail {
		/* padding: 30px; */
	}

	footer .foot-logo {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	footer .foot-link {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
		display: inline-block;
		float: none;
	}

	footer .under-footer .con-info {
		width: 100%;
		text-align: center;
	}

	footer .under-footer .con-info li {
		width: 100%;
	}

	footer .social-link {
		width: 100%;
		float: none;
		display: inline-block;
		margin-top: 10px;
		text-align: center;
	}

	header:before {
		display: none;
	}
	
	header .logo{
		margin: 20px auto 0;
		float: none;
	}

	header nav{
		margin: 20px auto 0;
		float: none;
		display: table;
	}

	.top-bar:after {
		content: "";
		background: #fff;
		position: absolute;
		left: -40px;
		top: 0px;
		width: 80px;
		background: #fff;
		height: 80px;
		z-index: 9;
		-webkit-transform: skew(40deg);
		-moz-transform: skew(40deg);
		-o-transform: skew(40deg);
		transform: skew(40deg);
	}

	.top-bar {
		padding-left: 0;
	}

	.top-bar .open-time {
		padding-left: 40px;
	}

	header nav .ownmenu li {
		padding: 0 7px;
	}

	.home-slider .home-title .center{
		font-size: 3.5em;
	}

	.gallery .col-sm-6:last-child{width: 100%;}
}

@media(max-width:991px){
	.gallery .col-sm-6:nth-child(3n+3){
		border-right: 1px solid #0004 !important;
	}
	.gallery .col-sm-6:nth-child(2n+2){
		border-right: 0 !important;
	}

	.event .row{flex-wrap: wrap;}
	.event .col-sm-12{width: 100%;}
	.event .bg-event-1{margin-right: 0; width: 100%;}

	.event h3{font-size: 2.8em;}

	.event .col-md-4{display: none;}
	.event .col-md-8{width: 100%; text-align: center; padding: 0 30px !important;}

	.bg-event-1,.bg-event-2,.bg-event-3{margin-bottom: 20px;}

	.about .certifications{flex-direction: column; }
	.about .certifications .item,
	#st_about_certifications_description{
		width: 100%; 
		margin: 20px auto; 
		text-align: center; 
		display: block;
		font-size: 1.2em;
		white-space: normal;
	}
	.about .certifications br{display: none;}
	.about::before{content: none;}

	.certifications-about .secondary img{
		object-position: center;
		width: 100%;
	}
	.certifications-about .secondary{text-align: center;}
	.certifications-about .secondary h3::after{
		margin: 15px auto 30px;
	}

	.connectivity-description .col-md-6{text-align: center;}
	.connectivity-description .col-md-6:first-child{
		flex-direction: column;
		align-items: center;
	}
	.connectivity-description .col-md-6:first-child h3{margin: 30px 0 !important;}
	
	footer .copy{
		text-align: center;
	}
	
	.home-slider,.tp-banner-container{max-height: 630px;}
}
@media(max-width:767px) {
	.hide-res{display: none !important;}

	.ownmenu>li.showhide span.icon {
		color: #272727;
		padding: 0px;
		margin: 0px;
		width: 100%;
		text-align: center;
		font-size: 25px;
	}

	header:before {
		display: none;
	}

	.top-bar {
		height: auto;
		padding: 0 60px;
		height: auto;
	}

	.top-bar .center {
		width: 100%;
		flex-direction: column;
		text-align: center;
	}

	.top-bar .center .item{width: 100%; flex-direction: column; margin-top: 20px;}
	.top-bar b {
		display: inline-flex;
		justify-content: center;
		font-size: 1.4em;
	}

	.top-bar .social{
		justify-content: space-between;
		width: 100%;
	}

	.top-bar .social a{
		width: 30px;height: 30px;
		margin: auto 0;
	}

	.top-bar:after {
		content: "";
		background: #fff;
		position: absolute;
		left: calc(-50% + 40px);
		top: 0px;
		width: 50%;
		background: #fff;
		height: 100%;
		z-index: 9;
		-webkit-transform: skew(-340deg);
		-moz-transform: skew(-340deg);
		-o-transform: skew(-340deg);
		transform: skew(-340deg);
	}

	.top-bar:before {
		right: calc(-50% + 40px);
		top: 0px;
		width: 50%;
		background: #fff;
		height: 100%;
		-webkit-transform: skew(340deg);
		-moz-transform: skew(340deg);
		-o-transform: skew(340deg);
		transform: skew(340deg);
	}

	.top-bar .call {
		float: left;
		display: inline-block;
		margin-left: 30%;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

	header .logo {
		width: 100%;
		min-width: unset;
		text-align: center;
		margin: 10px 0;
	}

	.top-bar .open-time {
		padding-left: 20px;
		width: 100%;
		text-align: center;
	}

	.ownmenu>li.showhide {
		height: auto;
		margin: 0px;
		padding: 0px;
		line-height: 60px;
		height: 60px;
	}

	header nav {
		width: 100%;
		margin-top: 0px;
	}

	header nav .ownmenu .indicator {
		display: block;
	}

	header nav li a {
		display: inline-block;
		width: 100%;
		float: none;
	}

	header .nav-img {
		display: none !important;
	}

	.ownmenu>li.showhide span {
		line-height: 60px;
		display: inline-block;
		width: 100%;
	}

	.ownmenu>li.showhide span.title {
		margin: 0px;
	}

	.ownmenu>li>a {
		padding: 10px 0;
		text-align: center;
	}

	.ownmenu .indicator {
		display: block;
	}

	header .ownmenu ul.dropdown {
		background: none;
	}

	.sec-100px {
		padding: 50px 0;
	}

	.about .hrs {
		margin-top: 50px;
	}

	.about .hrs ul {
		text-align: center;
	}

	.about .hrs .appoiment {
		margin-top: 10px;
	}

	.about .hrs h3 {
		text-align: center;
	}

	.about .hrs h3 i {
		float: none;
	}

	.history .history-detail {
		/* padding: 30px; */
	}

	footer .foot-logo {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	footer .foot-link {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
		display: inline-block;
		float: none;
	}

	footer .under-footer .con-info {
		width: 100%;
		text-align: center;
	}

	footer .under-footer .con-info li {
		width: 100%;
	}

	footer .logo-footer{margin: -10px auto 60px;}

	footer .social-link {
		width: 100%;
		float: none;
		display: inline-block;
		margin-top: 10px;
		text-align: center;
	}
	footer form{width: 100%;}
	footer .col-contact{
		padding: 0 15px;
		width: 100%;
	}
	footer .col-map{
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}

	footer .w-res{
		width: 100%;
		text-align: center;
	}

	footer .col-sm-12{margin-top: 20px; width: 100%;}
	

	.home-slider .home-title:not(.secondary){
		position: relative;
		margin-top: -630px;
		padding: 100px 0 60px;
	}
	.home-slider .home-title.secondary{
		position: relative;
		margin-top: -150px;
		text-align: center;
	}
	.home-slider .home-title .center:not(.small){font-size: 2em !important; margin: 0 0 40px;}
	.home-slider .home-title .center:not(.small) .col-sm-8{width: 100%;}
	.home-slider .home-title .center.small{margin: 20px 0;}
	.home-slider .home-title .center .line {text-align: center !important;}
	.home-slider .home-title .icon{
		/* display: flex; */
		position: relative;
		top: unset;
		left: unset;
		height: fit-content;
		padding: 10px 0 50px;
		display: flex;
	}
	.home-slider .home-title .icon::before{top: calc(90% - 1px);width: calc(50%);}
	.home-slider .home-title .icon::after{ bottom: 10%; right: 50%; top: unset;}
	.home-slider .home-title .icon img{
		position: relative;
		margin: auto;
		right: unset;
		top: unset;
	}

	.gallery .col-sm-6{width: 100%; border-right: 0 !important;}

	.gallery .serv-item{
		flex-direction: column;
		padding: 0 20px;
		justify-content: center;
		text-align: center;
	}
	.gallery .serv-item .name{width: 100%;}
	.gallery .serv-item .name span:after{margin: 15px auto 0;}
	.gallery .serv-item .icon{
		margin: 0 auto 15px;
		padding-right: 0;
	}
	.gallery .serv-item .icon img{
		width: 50px;
		margin: auto;
	}

	.about .certifications{
		padding-right: 0 !important;
	}
	.about .certifications .item h1{
		font-size: 2.5em;
	}
	.about .certifications .item img{height: 70px;}

	.connect-title{
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.connect-title .padding-r-50{padding: 0 30px !important; margin: 0 0 30px;}
	.connect-title .col-sm-12{margin: auto; margin-top: 30px;}

	.certifications-about .row{
		display: flex;
		flex-direction: column;
	}
	.certifications-about .row .col-sm-4{width: 100%; border-right: none !important; border-bottom: 1px solid #0004;}
}

@media (max-width:640px) {}

@media(max-width:540px) {}

@media(max-width:440px) {}

@media(max-width:320px) {}