/*
 media query
 * */

@media (max-width: 576px) {
	.footer-dark .col-md-3 {
		margin: 15px 0;
	}
	.contact-container .text-large {
		font-size: 2.5rem;
	}
	.contact-page .media .contact-markimg {
		float: left;
		width: 49.5%;
		height: 100%;
	}
	.contact-page .media .contact-col {
		float: right;
		width: 49.5%;
	}
	.contact-col p:nth-child(2) {
		margin-top: 25%;
	}
}

@media (max-width: 767px) {
	.page-header {
		padding: 15px !important;
	}
	.section-big-text {
		font-size: 3rem !important;
	}
	.close-menu {
		top: 1.5rem;
		right: 2rem;
		padding: 0;
	}
	.menu-bar {
		font-size: 2rem;
		display: inline-flex;
	}
	.site-logo img {
		width: 60%;
	}
	.site-tel {
		display: none !important;
	}
	.map-container {
		min-height: 350px;
	}
	.section-footer .footer-fluid {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.case-item {
		margin-bottom: 15px;
	}
	.about-adv .about-adv-text {
		font-size: 1rem;
		line-height: 1.5;
	}
}

@media (min-width: 768px) {
	.page-header .site-tel {
		font-size: 0.9rem;
		display: flex;
		color: #343a40;
	}
	.contact-col p:nth-child(2) {
		position: absolute;
		bottom: 0;
	}
	.about-introduce-content p {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.about-adv .about-adv-text {
		line-height: 1.75;
	}
}

@media (max-width: 991px) {
	.call-to-action .call-to-action-title {
		font-size: 3rem;
		font-weight: 300;
	}
	.call-to-action .call-to-action-text {
		font-size: 1.5rem;
		font-weight: 300;
	}
	.about-action .about-action-title {
		font-size: 3rem;
	}
	.about-action .about-action-text {
		font-size: 1.5rem
	}
	.article-item .media-body {
		margin-top: 1rem;
	}
	.article-item .article-item-thumbnail {
		width: 100%;
	}
}

@media (min-width: 992px) {
	.section-footer .footer-fluid {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.article-item .article-item-footer {
		position: absolute;
		bottom: 0;
	}
}

@media (max-width: 1199px) {
	.article-item .article-item-description {
		-webkit-line-clamp: 4;
	}
	.container-md-fulid {
		width: 100%;
		max-width: 100%;
	}
	.contact-col p {
		font-size: 0.85rem;
	}
}

@media (min-width: 1200px) {
	.article-item .article-item-description {
		margin-bottom: 1.5rem;
	}
}

@media (min-width: 1560px) {
	.container {
		max-width: 1340px;
	}
}