@media only screen and (max-width: 1800px) {
	:root {
		--font-18: 16px;
		--font-20: 19px;
		--font-16: 15px;
		--font-22: 21px;
		--font-35: 34px;
		--font-45: 42px;
	}

	.container-fluid {
		padding: 0 50px;
	}

	.menu li:not(:last-child) {
		margin-right: 28px;
	}

	.site-branding img {
		width: 135px;
	}

	.footer-top {
		padding: 75px 0;
	}

	.footer-description p {
		margin-top: 37px;
		padding-top: 28px;
	}

	.social-media-icon {
		margin: 37px 0 0 0;
	}

	.social-media-icon li a {
		width: 46px;
		height: 46px;
	}

	.footer-heading {
		margin-bottom: 18px;
	}

	.comapny-info p {
		padding-left: 70px;
		min-height: 52px;
	}

	.comapny-info i {
		width: 52px;
		height: 52px;
	}

	.footer-block {
		max-width: 316px;
		min-width: 220px;
	}

	.slick-next,
	.slick-prev {
		width: 40px;
		height: 40px;
	}

	section {
		padding: 112px 0;
	}

	.about-row .description {
		margin-left: 46px;
		padding-left: 46px;
		padding-right: 46px;
	}

	.heading-group, .contact-form .description {
		margin-bottom: 28px;
	}

	p {
		margin: 0 0 22px 0;
	}

	.center-content {
		width: 78%;
		margin-bottom: 46px;
	}

	.testi-inner {
		padding: 23px;
	}

	.testimonial-icon {
		margin-bottom: 18px;
	}

	.client {
		margin-top: 18px;
		padding-top: 18px;
	}

	.testimonial-icon img {
		width: 30px;
	}

	.image-box-content>div {
		padding: 37px;
	}

	.image-box-image {
		margin: -37px -37px 37px -37px;
	}

	.contact-inner {
		padding: 20px 28px;
	}

	.contact-inner i {
		width: 52px;
		height: 52px;
	}
	
	a.scrolltotop {
		bottom: 28px;
		height: 56px;
		right: 28px;
		width: 56px;
	}
	
	a.whatsapp-link {
		bottom: 28px;
		height: 56px;
		left: 28px;
		width: 56px;
	}
	
	.button, input.wpcf7-submit {
        padding: 9px 28px;
    }
	
	.container.small {
		max-width: 65.5%;
	}
	
	.cta-wrap {
        padding: 70px 130px;
    }
}

@media only screen and (max-width: 1600px) {
	:root {
		--font-20: 18px;
		--font-22: 20px;
		--font-35: 33px;
		--font-45: 40px;
	}

	.container-fluid {
		padding: 0 40px;
	}

	.menu li:not(:last-child) {
		margin-right: 25px;
	}

	.site-branding img {
		width: 120px;
	}

	.footer-top {
		padding: 66px 0;
	}

	.footer-description p {
		margin-top: 33px;
		padding-top: 25px;
	}

	.social-media-icon {
		margin: 33px 0 0 0;
	}

	.social-media-icon li a {
		width: 41px;
		height: 41px;
	}

	.footer-heading {
		margin-bottom: 16px;
	}

	.comapny-info p {
		padding-left: 62px;
		min-height: 46px;
	}

	.comapny-info i {
		width: 46px;
		height: 46px;
	}

	.footer-block {
		max-width: 280px;
		min-width: 210px;
	}

	.slick-next,
	.slick-prev {
		width: 38px;
		height: 38px;
	}

	section {
		padding: 100px 0;
	}

	.about-row .description {
		margin-left: 41px;
		padding-left: 41px;
		padding-right: 41px;
	}

	.heading-group, .contact-form .description {
		margin-bottom: 26px;
	}

	p {
		margin: 0 0 20px 0;
	}

	.center-content {
		width: 86%;
		margin-bottom: 41px;
	}

	.testi-inner {
		padding: 20px;
	}

	.testimonial-icon {
		margin-bottom: 16px;
	}

	.client {
		margin-top: 16px;
		padding-top: 16px;
	}

	.image-box-content>div {
		padding: 33px;
	}

	.image-box-image {
		margin: -33px -33px 33px -33px;
	}

	.contact-inner {
		padding: 20px 26px;
	}
	
	.contact-inner i {
		width: 48px;
		height: 48px;
	}
	
	a.scrolltotop {
		bottom: 26px;
		height: 52px;
		right: 26px;
		width: 52px;
	}
	
	a.whatsapp-link {
		bottom: 26px;
		height: 52px;
		left: 26px;
		width: 52px;
	}
	
	.button, input.wpcf7-submit {
        padding: 8px 25px;
    }
	
	.container.small {
		max-width: 70%;
	}	
	
	.cta-wrap {
        padding: 65px 110px;
    }
}

@media only screen and (max-width: 1440px) {
	:root {
		--font-20: 17px;
		--font-22: 19px;
		--font-35: 32px;
		--font-45: 38px;
	}

	.container-fluid {
		padding: 0 30px;
	}

	.menu li:not(:last-child) {
		margin-right: 22px;
	}

	.site-branding img {
		width: 115px;
	}

	.footer-top {
		padding: 60px 0;
	}

	.footer-description p {
		margin-top: 30px;
		padding-top: 22px;
	}

	.social-media-icon {
		margin: 30px 0 0 0;
	}

	.social-media-icon li a {
		width: 37px;
		height: 37px;
	}

	.footer-heading {
		margin-bottom: 15px;
	}

	.footer-block {
		max-width: 280px;
		min-width: 200px;
	}

	.container {
		max-width: 80%;
	}

	.slick-next,
	.slick-prev {
		width: 36px;
		height: 36px;
	}

	section {
		padding: 90px 0;
	}

	.about-row .description {
		margin-left: 37px;
		padding-left: 37px;
		padding-right: 37px;
	}

	.heading-group,.contact-form .description{
		margin-bottom: 24px;
	}

	p {
		margin: 0 0 18px 0;
	}

	.center-content {
		margin-bottom: 37px;
	}

	.image-box-content>div {
		padding: 30px;
	}

	.image-box-image {
		margin: -30px -30px 30px -30px;
	}

	.contact-inner {
		padding: 20px 24px;
	}
	
	.container.small {
		max-width: 73%;
	}	
	
	.cta-wrap {
        padding: 60px 90px;
    }
}

@media only screen and (max-width: 1366px) {
	:root {
		--font-22: 18px;
		--font-35: 31px;
		--font-45: 36px;
	}

	.toggle {
		display: flex;
		flex-direction: column;
	}

	nav.main-navigation {
		right: -100%;
		width: 100%;
		background-color: #195c70;
		height: calc(100% - 98px);
		position: fixed;
		z-index: 99;
		overflow: auto;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-ms-transition: 0.5s all;
		-o-transition: 0.5s all;
		display: block;
		bottom: 0;
	}

	ul.menu li a {
		font-size: 16px;
		padding: 20px;
		display: flex;
		width: 100%;
		justify-content: space-between;
		color: #fff;
	}

	.main-navigation.active {
		right: 0;
	}

	ul.menu {
		flex-wrap: wrap;
	}

	ul.menu li {
		margin: 0 !important;
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	ul.menu li a:hover,
	.menu .current-menu-item a {
		background: #fbc420;
		color: #000 !important;
	}

	.site-branding img {
		width: 105px;
	}

	.container {
		max-width: 85%;
	}

	.footer-top {
		padding: 56px 0;
	}

	.footer-description p {
		margin-top: 28px;
		padding-top: 21px;
	}

	.social-media-icon {
		margin: 28px 0 0 0;
	}

	.footer-block {
		max-width: 260px;
		min-width: 187px;
	}

	section {
		padding: 85px 0;
	}

	.about-row .description {
		margin-left: 35px;
		padding-left: 35px;
		padding-right: 35px;
	}

	.heading-group, .contact-form .description {
		margin-bottom: 22px;
	}

	.center-content {
		width: 90%;
		margin-bottom: 35px;
	}

	.image-box-content>div {
		padding: 27px;
	}

	.image-box-image {
		margin: -27px -27px 27px -27px;
	}

	.contact-inner {
		padding: 20px 22px;
	}
	
	.container.small {
		max-width: 75%;
	}	
	
	.cta-wrap {
        padding: 55px 70px;
    }
}

@media only screen and (max-width: 1200px) {
	.site-branding img {
		width: 95px;
	}

	nav.main-navigation {
	    height: calc(100% - 91px);
	}

	.container {
		max-width: 93%;
	}

	.footer-top {
		padding: 50px 0;
	}

	section {
		padding: 75px 0;
	}

	.about-row .description {
		margin-left: 31px;
		padding-left: 31px;
		padding-right: 31px;
	}

	.heading-group, .contact-form .description {
		margin-bottom: 20px;
	}

	.center-content {
		width: 95%;
		margin-bottom: 31px;
	}

	.image-box-content>div {
		padding: 25px;
	}

	.image-box-image {
		margin: -25px -25px 25px -25px;
	}

	.contact-inner {
		padding: 20px;
	}
	
	.contact-block {
		width:100%;
	}
	
	.container.small {
		max-width: 87%;
	}	
	
	.cta-wrap {
        padding: 50px 50px;
    }
}

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

	.footer-block {
		max-width: 250px;
		min-width: 177px;
	}

	section {
		padding: 64px 0;
	}

	.center-content {
		width: 100%;
	}
	
	.container.small {
		max-width: 90%;
	}	
	
	.cta-wrap {
        padding: 50px 40px;
    }
}

@media only screen and (max-width: 992px) {
	:root {
		--font-35: 28px;
		--font-45: 34px;
	}

	.container, .container.small {
		width: calc(100% - 40px);
	}

	.footer-block:first-child {
		width: 100%;
		max-width: unset;
		padding-bottom: 30px;
		border-bottom: 1px dashed #585858;
		margin-bottom: 40px;
	}

	.slick-prev {
		left: 15px;
	}

	.slick-next {
		right: 15px;
	}

	section {
		padding: 61px 0;
	}

	.gallery-row {
		columns: 2;
	}
	
	.service-block {
		width:50%;
	}

	.image-box-content {
		width: 50%;
	}
	
	.contact-form {
		width:100%;
	}
	
	.contact-block{
		width:50%;
	}
	
	.cta-wrap {
        padding: 50px 30px;
    }
}

@media only screen and (max-width: 767px) {
	.container-fluid {
		padding: 0 23px;
	}

	.footer-description p {
		border-top: none;
		margin-top: 15px;
	}


	.footer-block {
		width: 48%;
	}

	.footer-block:last-child {
		width: 100%;
		margin-top: 50px;
		max-width: 300px;
	}

	section {
		padding: 60px 0;
	}

	section.inner-banner {
		min-height: 300px;
	}
	
	a.scrolltotop {
		bottom: 20px;
		right: 20px;
	}
	
	a.whatsapp-link {
		bottom: 20px;
		left: 20px;
	}
}

@media only screen and (max-width: 640px) {
	:root {
		--font-35: 25px;
	}

	.container-fluid {
		padding: 0 20px;
	}

	.image-box-content {
		width: 100%;
	}
}

@media only screen and (max-width: 581px) {
	.footer-block {
		width: 100%;
		max-width: unset !important;
		min-width: unset !important;
		margin-bottom: 50px;
	}

	.footer-block:last-child {
		margin-top: 0;
		margin-bottom: 0;
	}

	.about-row .description {
		padding: 0;
		margin-left: 0;
		border: none;
	}

	.gallery-row {
		columns: 1;
	}
	
	.service-block {
		width:100%;
	}
	
	.contact-block, .form-cols{
		width:100%;
	}
	
	.cta-wrap {
        border-radius: 30px;
    }
}