@charset "utf-8";

/* 1. 1600px */

@media only screen and (max-width: 1600px) {
	
	.header-bar-elements ul li:not(:last-of-type) {
		margin-right: 26px;
	}
	
	.header-bar-elements ul li>div {
		width: 20px;
		height: 20px;
	}
	
	.header-bar-elements ul li span {
		font-size: 12px;
		margin-left: 10px;
	}
	
	.footer-bar-content {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	.copyright-content {
		margin-top: 0px;
		padding-top: 0px;
	}
	
	.footer-about {
		margin-bottom: 0px;
	}
	
	.footer-info {
		margin-bottom: 0px;
	}
	
	.footer-links {
		margin-bottom: 0px;
	}
	
	.footer-col-margin {
		margin-bottom: 0px;
	}
	
	.footer-info-content {
		margin-top: 30px;
	}
	
	.footer-text {
		margin-top: 30px;
	}
	
	.footer-links ul {
		margin-top: 30px;
	}
	
	.footer-company-logo h5 {
		text-align: left;
	}
	
	.footer-text p {
		text-align: justify;
	}
	
	.footer-title h5 {
		text-align: left;
	}
	
	.social-facebook {
		display: block;
	}
}


/* 2. 1440px */

@media only screen and (max-width: 1440px) {
	
	.header-bar {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.header-content {
		padding-left: 30px;
	}
	
	.main-nav {
		margin-left: 40px;
	}
}


/* 3. 1280px */

@media only screen and (max-width: 1280px) {
	
	.header-bar-elements ul li:not(:last-of-type) {
		margin-right: 24px;
	}
	
	.header-bar-elements ul li>div {
		width: 17px;
		height: 17px;
	}
	
	.header-bar-elements ul li span {
		font-size: 10px;
		margin-left: 8px;
	}
}


/* 4. 1199px */

@media only screen and (max-width: 1199px) {
	
	.main-nav ul li:not(:last-of-type) {
		margin-right: 13px;
	}
	
	.main-nav {
		margin-left: 40px;
	}
	
	.main-nav ul li a {
		font-size: 14px;
	}
	
	.footer-content {
		padding-bottom: 23px;
	}
	
	.footer-col-margin {
		margin-bottom: 17px;
	}
	
	.footer-about {
		margin-bottom: 0px;
	}
	
	.footer-info {
		margin-bottom: 0px;
	}
	
	.footer-links {
		margin-bottom: 0px;
	}
	
	.footer-info-content {
		margin-top: 30px;
	}
	
	.footer-text {
		margin-top: 30px;
	}
	
	.footer-links ul {
		margin-top: 30px;
	}
	
	.footer-company-logo h5 {
		text-align: left;
	}
	
	.footer-text p {
		text-align: justify;
	}
	
	.footer-title h5 {
		text-align: left;
	}
	
	.social-facebook {
		display: block;
	}
}


/* 5. 1100px */

@media only screen and (max-width: 1100px) {
	
	.header-bar-elements ul li:not(:last-of-type) {
		margin-right: 20px;
	}
	
	.header-bar-elements ul li>div {
		width: 15px;
		height: 15px;
	}
	
	.header-bar-elements ul li span {
		font-size: 9px;
		margin-left: 6px;
	}
}


/* 6. 991px */

@media only screen and (max-width: 991px) {
	
	.header.scrolled {
		top: 0;
	}
	
	.header-bar {
		display: none !important;
	}
	
	.header-content {
		padding-right: 30px;
	}
	
	.main-nav {
		display: none;
	}
	
	.mobile-menu-bars {
		display: block;
	}
	
	.contact-area-info {
		margin-top: 50px;
	}
	
	.contact-area-row h4 {
		text-align: center;
	}
	
	.contact-area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	.contact-area-row {
		margin-top: 30px;
	}
	
	.banner-area-content {
		padding-top: 180px;
	}
	
	.footer-collapsible-button {
		display: block;
	}
	
	.footer-title {
		display: none;
	}
	
	.footer-collapsible-content {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.2s ease-out;
	}
	
	.footer-info-content {
		margin-top: 0px;
	}
	
	.footer-links ul {
		margin-top: 0px;
	}
	
	.footer-col-margin {
		margin-bottom: 0px;
	}
	
	.footer-about {
		margin-bottom: 10px;
	}
	
	.mobile-menu-overlay {
		display: block;
	}
}


/* 7. 767px */

@media only screen and (max-width: 767px) {
	
	.footer-bar-content {
		margin-top: 20px;
		padding-top: 0px;
		padding-bottom: 20px;
		height: auto;
	}
	
	.copyright-content {
		margin-top: 0px;
		padding-top: 0px;
	}
}

/* 8. 575px */

@media only screen and (max-width: 575px) {
	
	h1 {
		font-size: 36px;
	}
	
	p {
		font-size: 13px;
	}
	
	.button {
		width: 165px;
		height: 47px;
	}
	
	.button a {
		font-size: 12px;
		line-height: 47px;
	}
	
	.header-content {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.copyright-content {
		font-size: 14px;
	}
	
	.footer-col-margin {
		margin-bottom: 0px;
	}
	
	.footer-text {
		margin-top: 15px;
	}
	
	.footer-text p {
		text-align: justify;
	}
	
	.social-facebook {
		display: inline-block;
	}
}