@media only screen and (max-width:1170px) {

	.contact .block #contacts li:first-child .text {
		margin-top: 0;
	}

}
@media only screen and (max-width:1023px) {
	
	.page-title {
		font-size: 34pt;
	}
	#hero-slider .text h2 {
		font-size: 34pt;
	}
	#intro .block,
	#intro .wrapper > div:nth-child(2) {
		width: 100%;
		margin: 0 0 30px 0;
	}
	#intro .wrapper > div:last-child {
		margin-bottom: 0;
	}
	#intro #highlights li {
		width: 50%;
		margin-bottom: 40px;
	}
	#services article {
		width: calc(100% / 2 - 20px);
	}
	#services article:nth-child(2n) {
		margin: 0 0 50px 40px;
	}
	#services article:nth-child(5) {
		margin: 0;
	}
	.services article.half {
		width: 100%;
		height: auto !important;
	}
	.services article.full.thumb .text {
		width: 100%;
		margin-top: 30px;
	}
	.services article.full.thumb .thumbnail {
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	.services article.full.thumb .thumbnail img {
		width: 100%;
		height: auto;
		margin-top: -25%;
	}
	.company article {
		margin-top: 0;
	}
	.company article .thumbnail {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	.company article .thumbnail img {
		margin-top: -25%;
	}
	.company article .post-content {
		width: 100%;
		margin-top: 40px;
	}
	.company #partners .item {
		width: calc(50% - 15px);
		margin-right: 30px;
	}
	.company #partners .wrapper > div:nth-child(2n) {
		margin-right: 0;
	}
	.contact .wpcf7-form input[type=text],
	.contact .wpcf7-form input[type=email],
	.contact .wpcf7-form input[type=tel],
	.contact .wpcf7-form select,
	.contact .wpcf7-form textarea {
		font-size: 12pt;
	}
	.contact .wpcf7-form input[type=submit] {
		width: 100%;
		margin-top: 20px;
		float: left;
	}

	#services .wrapper {
		width: 100%;
    	display: block;
	    padding: 0 20px;
	}

	#services article {
	    width: calc(100%/2 - 20px);
	    height: auto !important;
	    min-height: 240px;
	}

}
@media only screen and (max-width:768px) {
	
	.subtitle .wrapper {
		width: 100%;
	}
	#footer #contact .phones a {
		margin-top: 0;
		margin-bottom: 0;
		text-align: right;
		clear: both;
	}
	#footer #contact .phones a:first-child {
		margin-top: 30px;
	}
	#footer #contact .phones a:last-child {
		margin-bottom: 30px;
	}

}
@media only screen and (min-width:737px) {
	
	#header .menu-main-container {
		display: block !important;
	}
	
}
@media only screen and (max-width:736px) {
	
	.page-title {
		padding: 60px 20px 80px 20px;
		font-size: 28pt;
	}
	.subtitle {
		width: 100%;
		padding: 0 40px 0;
		margin-bottom: 50px;
		font-size: 13pt;
		min-width: auto;
	}
	#header {
		height: 120px;
	}
	#header nav {
		margin-top: 20px;
		margin-bottom: 0;
		border-bottom: 3px solid #003b4a;
	}
	#header nav #logo {
	    width: 100px;
	    margin: 10px 0;
	    display: inline-block;
	    float: left;
	    overflow: hidden;
	    margin-left: 20px;
	}
	#header nav #mobile {
		margin-top: 27px;
		margin-right: 20px;
		font-size: 18pt;
		float: right;
		display: block;
	}
	#header nav #mobile-actions {
		margin-top: 23px;
		margin-right: 20px;
		display: block;
		float: right;
	}
	#header nav #mobile-actions a {
		width: 32px;
		height: 32px;
		padding-top: 4px;
		margin-left: 10px;
		color: #003b4a;
		border: 2px solid #003b4a;
		font-size: 16pt;
		text-align: center;
		border-radius: 100%;
		float: left;
	}
	#header nav #mobile-actions a:hover,
	#header nav #mobile-actions a:active {
		background-color: #003b4a;
		color: #fff;
	}
	#header nav #mobile-actions a:nth-child(2) {
		font-size: 13pt;
	}
	#header nav .menu-main-container {
	    width: 100%;
		display: none;
		position: absolute;
	    top: 75px;
	}
	#header nav .menu {
    	width: 100%;
    	float: left;
	}
	#header nav .menu li {
	    width: 100%;
	    margin: 20px 0 20px;
	    float: left;
	}
	#hero-slider {
		margin-top: -120px;
	}
	#hero-slider .text h2 {
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 28pt;
	}
	#hero-slider .cta {
		bottom: 30px;
	}
	#hero-slider .owl-nav > div {
		font-size: 32pt;
		margin-top: -23px;
	}
	#intro #highlights li {
		width: 100%;
		padding: 0;
	}
	#intro #highlights li:first-child {
		left: 0;
	}
	#intro #highlights li:last-child {
		right: 0;
	}
	#intro #highlights li .icon {
		width: 30%;
		padding-bottom: 30%;
		margin-left: 35%;
	}
	#quality .wrapper{
		grid-template-columns: 100%;
	}
	#services article,
	#services article:nth-child(2n) {
		width: 100%;
		height: auto!important;
		min-height: auto;
		margin: 0;
		margin-bottom: 50px;
	}
	.contact .block {
		width: 100%;
	}

	#services .wrapper {
    	display: block;
    }

    .services .wp-image-3385, .services .wp-image-3388{
    	width: 100%;
    	object-fit: contain;
    	margin: auto;
    	max-width: 100%
    }
}
@media only screen and (max-width:420px) {
	
	.page-title {
		padding: 60px 20px 80px 20px;
		font-size: 28pt;
	}
	.subtitle {
		padding: 0 20px;
		font-size: 12pt;
	}
	.services article {
    	padding: 30px;
    }
	#hero-slider .owl-nav > div {
		margin-top: 0;
		top: auto;
		bottom: 40px;
	}
	.company article .post-content {
		margin-top: 20px;
	}
	.company #partners .item {
		width: 100%;
		margin: 0 0 50px 0;
	}
	#footer #copy,
	#footer #contact {
		width: 100%;
		text-align: center;
	}
	#footer #contact .phone:first-child {
		margin-bottom: -30px;
	}
	#footer #copy #footer-logo,
	#footer #contact p,
	#footer #contact #phone {
		text-align: center;
		display: inline-block;
		float: none;
	}
	#footer #contact .phones {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	#footer #contact .phone {
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}
	#footer #contact .phone:first-child {
	    margin-bottom: 0 !important;
	}

	#footer #copy>p{
		flex-direction: column;
		margin-bottom: 20px
	}

}