@media (min-width:1920px) {
	.wrapper {
		width: 1640px;
	}
	.wrapper.small {
		width: 1320px;
	}
}

@media only screen and (max-width: 1800px) {
	:root {
		--font-80: 71px;
		--font-58: 54px;
		--font-42: 38px;
		--font-30: 28px;
		--font-24: 23px;
		--font-20: 19px;
		--font-18: 17px;
		--font-16: 15px;
	}

	/* HEADER */
	header.site-header {
		padding: 18px 0;
	}
	.site-branding img {
		max-width: 285px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 55px;
	}
	.sidebar-top .site-branding img {
		max-width: 230px;
	}
	.social-media a:not(:last-child) {
		margin-bottom: 18px;
	}
	.sidebar-bottom {
		padding-top: 36px;
	}
	.call {
		margin-bottom: 18px;
	}

	/* Footer */
	footer.site-footer:before {
		max-width: 82%;
	}
	footer.site-footer {
		padding: 65px 0 46px 0;
	}
	.footer-middle,
	.footer-middle-bot {
		padding: 0 0 46px 0;
		margin: 0 0 28px 0;
	}
	ul.social-links li:not(:last-child) {
		margin-right: 28px;
	}
	.logos-list {
		margin-bottom: 28px;
	}
	.logo-box img {
		height: 165px;
	}

	/* Banner */
	.vector img {
		width: 74px;
	}
	.vector {
		margin-top: -90px;
	}
	.banner-block .intro-description {
		width: 55%;
	}
	.intro-description {
		margin-bottom: 28px;
	}
	.heading-group,
	p {
		margin-bottom: 19px;
	}

	/* 	About  */
	section {
		padding: 135px 0;
	}
	section.small-padding {
		padding: 90px 0;
	}
	.about-wrap .intro-description {
		width: 76%;
	}
	.button {
		padding: 15px 36px;
	}

	/* 	cta */
	.cta-row {
		padding: 46px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 90px;
	}
	.inner-banner-top .heading {
		padding-bottom: 28px;
	}
	.contact-block {
		margin-bottom: 19px;
	}
	.contact-block p {
		padding-left: 70px;
		min-height: 52px;
	}
	.contact-block i {
		height: 56px;
		width: 56px;
	}

	/* Service-page	 */
	.services .small-heading {
		padding-left: 28px;
	}
	.services .small-heading:before {
		height: 14px;
		width: 14px;
		top: 18px;
	}
	ul.service-list {
		padding-left: 50px;
	}

	/* useful-links	 */
	ul.links li:not(:last-child) {
		margin-bottom: 18px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 230px;
	}
	.img-bot {
		margin-bottom: -65px;
		margin-left: 45px;
	}
	span.designation {
		margin-bottom: 14px;
	}

	.image-box-image img {
		max-width: 46px;
	}

	.round-button {
		width: 38px;
		height: 38px;
	}
	
	.page-template-useful-links section.inner-banner, section.inner-banner.normal-section {
		margin-bottom: 90px;
	}
	/* 404 */
	.page-content .title {
		font-size: 170px;
	}
	.testimonial-top .heading-group {
    margin-bottom: 46px;
}
	
	.testimonial-inner {
    padding: 34px;
}

.testimonial-icon, .client-review {
    margin-bottom: 22px;
}
	
}

@media only screen and (max-width: 1600px) {
	:root {
		--font-80: 66px;
		--font-58: 50px;
		--font-42: 34px;
		--font-30: 26px;
		--font-24: 22px;
		--font-20: 18px;
		--font-18: 16px;
	}

	/* HEADER */
	.wrapper {
		width: 88.416667%;
	}
	header.site-header {
		padding: 16px 0;
	}
	.site-branding img {
		max-width: 270px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 50px;
	}
	.sidebar-top .site-branding img {
		max-width: 220px;
	}
	.social-media a:not(:last-child) {
		margin-bottom: 16px;
	}
	.call {
		margin-bottom: 16px;
	}

	/* Footer */
	.wrapper.small {
		width: 70.75%;
	}
	footer.site-footer:before {
		max-width: 85%;
	}
	footer.site-footer {
		padding: 60px 0 41px 0;
	}
	.footer-middle,
	.footer-middle-bot {
		padding: 0 0 41px 0;
		margin: 0 0 26px 0;
	}
	ul.social-links li:not(:last-child) {
		margin-right: 26px;
	}
	.logos-list {
		margin-bottom: 26px;
	}
	.logo-box img {
		height: 160px;
	}

	/* 	About  */
	section {
		padding: 120px 0;
	}
	section.small-padding {
		padding: 80px 0;
	}
	.about-wrap .intro-description {
		width: 80%;
	}
	.button {
		padding: 14px 32px;
	}
	.intro-description {
		margin-bottom: 26px;
	}

	/* 	Service */
	.heading-group,
	p {
		margin-bottom: 18px;
	}

	/* 	cta */
	.cta-row {
		padding: 42px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 80px;
	}
	.inner-banner-top .heading {
		padding-bottom: 26px;
	}
	.contact-block {
		margin-bottom: 18px;
	}
	.contact-block p {
		padding-left: 62px;
		min-height: 46px;
	}
	.contact-block i {
		height: 50px;
		width: 50px;
	}

	/* Service-page	 */
	.services .small-heading {
		padding-left: 26px;
	}
	.services .small-heading:before {
		height: 13px;
		width: 13px;
		top: 16px;
	}
	ul.service-list {
		padding-left: 50px;
	}

	/* useful-links	 */
	ul.links li:not(:last-child) {
		margin-bottom: 16px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 220px;
	}
	.img-bot {
		margin-bottom: -60px;
		margin-left: 40px;
	}
	span.designation {
		margin-bottom: 12px;
	}

	/* Banner */
	.vector img {
		width: 70px;
	}
	.vector {
		margin-top: -80px;
	}
	.banner-block .intro-description {
		width: 57%;
	}

	.image-box-image img {
		max-width: 42px;
	}

	.round-button {
		width: 36px;
		height: 36px;
	}
	
	.page-template-useful-links section.inner-banner, section.inner-banner.normal-section {
		margin-bottom: 80px;
	}
	/* 404 */
	.page-content .title {
		font-size: 150px;
	}
	.testimonial-top .heading-group {
    margin-bottom: 41px;
}
		.testimonial-inner {
    padding: 32px;
}

.testimonial-icon, .client-review {
    margin-bottom: 20px;
}
}


@media only screen and (max-width: 1440px) {
	:root {
		--font-80: 61px;
		--font-58: 46px;
		--font-42: 30px;
		--font-30: 24px;
		--font-24: 21px;
	}

	/* HEADER */
	.wrapper {
		width: 90.416667%;
	}
	.site-branding img {
		max-width: 255px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 45px;
	}
	ul.menu li a {
		font-size: 15px;
	}
	.call {
		margin-bottom: 14px;
	}

	/* Footer */
	footer.site-footer:before {
		max-width: 87%;
	}
	.wrapper.small {
		width: 75.75%;
	}
	footer.site-footer {
		padding: 55px 0 37px 0;
	}
	.footer-middle,
	.footer-middle-bot {
		padding: 0 0 37px 0;
		margin: 0 0 24px 0;
	}
	ul.social-links li:not(:last-child) {
		margin-right: 24px;
	}
	.logos-list {
		margin-bottom: 24px;
	}
	.logo-box img {
		height: 155px;
	}

	/* 	About  */
	section {
		padding: 105px 0;
	}
	section.small-padding {
		padding: 75px 0;
	}
	.about-wrap .intro-description {
		width: 82%;
	}
	.button {
		padding: 13px 28px;
	}
	.intro-description {
		margin-bottom: 24px;
	}

	/* 	Service */
	.heading-group,
	p {
		margin-bottom: 17px;
	}

	/* 	cta */
	.cta-row {
		padding: 38px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 75px;
	}
	.inner-banner-top .heading {
		padding-bottom: 24px;
	}
	.contact-block p {
		padding-left: 60px;
		min-height: 44px;
	}
	.contact-block i {
		height: 48px;
		width: 48px;
	}

	/* Service-page	 */
	.services .small-heading {
		padding-left: 24px;
	}
	.services .small-heading:before {
		height: 12px;
		width: 12px;
		top: 14px;
	}
	ul.service-list {
		padding-left: 45px;
	}

	/* useful-links	 */
	ul.links li:not(:last-child) {
		margin-bottom: 14px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 210px;
	}
	.img-bot {
		margin-bottom: -55px;
		margin-left: 35px;
	}
	span.designation {
		margin-bottom: 10px;
	}

	/* Banner */
	.vector img {
		width: 66px;
	}
	.vector {
		margin-top: -70px;
	}
	.banner-block .intro-description {
		width: 59%;
	}
	
	.page-template-useful-links section.inner-banner, section.inner-banner.normal-section {
		margin-bottom: 75px;
	}
	/* 404 */
	.page-content .title {
		font-size: 130px;
	}
	.testimonial-top .heading-group {
    margin-bottom: 37px;
}
		.testimonial-inner {
    padding: 30px;
}

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

@media only screen and (max-width: 1366px) {
	:root {
		--font-80: 55px;
		--font-58: 42px;
		--font-42: 28px;
		--font-30: 22px;
		--font-24: 20px;
	}

	/* HEADER */
	.wrapper {
		width: 92.416667%;
	}
	.site-branding img {
		max-width: 240px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 40px;
	}
	ul.menu li a {
		font-size: 14px;
	}
	.call {
		margin-bottom: 12px;
	}

	/* Footer */
	footer.site-footer:before {
		max-width: 90%;
	}
	.wrapper.small {
		width: 80.75%;
	}
	footer.site-footer {
		padding: 50px 0 35px 0;
	}
	.footer-middle,
	.footer-middle-bot {
		padding: 0 0 35px 0;
		margin: 0 0 22px 0;
	}
	ul.social-links li:not(:last-child) {
		margin-right: 22px;
	}
	.logos-list {
		margin-bottom: 22px;
	}
	.logo-box img {
		height: 150px;
	}

	/* 	About  */
	section {
		padding: 90px 0;
	}
	section.small-padding {
		padding: 70px 0;
	}
	.about-wrap .intro-description {
		width: 85%;
	}
	.button {
		padding: 12px 24px;
	}
	.intro-description {
		margin-bottom: 22px;
	}

	/* 	Service */
	.heading-group,
	p {
		margin-bottom: 16px;
	}

	/* 	cta */
	.cta-row {
		padding: 34px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 70px;
	}
	.inner-banner-top .heading {
		padding-bottom: 22px;
	}
	.contact-block p {
		padding-left: 58px;
		min-height: 40px;
	}
	.contact-block i {
		height: 46px;
		width: 46px;
	}

	/* Service-page	 */
	.services .small-heading:before {
		top: 12px;
	}

	/* useful-links	 */
	ul.links li:not(:last-child) {
		margin-bottom: 12px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 200px;
	}
	.img-bot {
		margin-bottom: -50px;
		margin-left: 30px;
	}
	span.designation {
		margin-bottom: 8px;
	}

	/* Banner */
	.vector img {
		width: 62px;
	}
	.vector {
		margin-top: -60px;
	}
	.banner-block .intro-description {
		width: 65%;
	}
	
	.page-template-useful-links section.inner-banner, section.inner-banner.normal-section  {
		margin-bottom: 70px;
	}
	/* 404 */
	.page-content .title {
		font-size: 100px;
	}
	.testimonial-top .heading-group {
    margin-bottom: 35px;
}
	.testimonial-inner {
    padding: 28px;
}

}

@media only screen and (max-width: 1200px) {
	:root {
		--font-80: 49px;
		--font-58: 38px;
		--font-42: 26px;
		--font-24: 20px;
	}

	/* HEADER */
	.wrapper {
		width: 96.416667%;
	}
	.site-branding img {
		max-width: 225px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 20px;
	}

	/* Footer */
	footer.site-footer:before {
		max-width: 93%;
	}
	.wrapper.small {
		width: 85.75%;
	}
	footer.site-footer {
		padding: 50px 0 30px 0;
	}
	.footer-middle,
	.footer-middle-bot {
		padding: 0 0 30px 0;
		margin: 0 0 20px 0;
	}
	ul.social-links li:not(:last-child) {
		margin-right: 20px;
	}
	.logos-list {
		margin-bottom: 20px;
	}

	/* 	About  */
	section {
		padding: 80px 0;
	}
	section.small-padding {
		padding: 65px 0;
	}
	.about-wrap .intro-description {
		width: 90%;
	}
	.button {
		padding: 12px 20px;
	}
	.intro-description {
		margin-bottom: 20px;
	}

	/* 	cta */
	.cta-row {
		padding: 30px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 65px;
	}
	.inner-banner-top .heading {
		padding-bottom: 20px;
	}

	/* Service-page	 */
	.services .small-heading:before {
		top: 10px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 190px;
	}
	.img-bot {
		margin-bottom: -45px;
		margin-left: 25px;
	}
	span.designation {
		margin-bottom: 6px;
	}

	/* Banner */
	.vector img {
		width: 58px;
	}
	.vector {
		margin-top: -50px;
	}
	.banner-block .intro-description {
		width: 70%;
	}
	.page-template-useful-links section.inner-banner, section.inner-banner.normal-section {
		margin-bottom: 65px;
	}
	.testimonial-top .heading-group {
    margin-bottom: 30px;
}
	
	.testimonial-inner {
    padding: 25px;
}
}

@media only screen and (max-width: 1023px) {
	:root {
		--font-80: 47px;
		--font-58: 34px;
		--font-24: 20px;
	}

	/* HEADER */
	.site-branding img {
		max-width: 210px;
	}
	.sidebar-menu {
		display: none;
	}
	.main-navigation {
		top: 0;
		max-width: 320px;
		right: -100%;
		width: 100%;
		background-color: #f2f7fc;
		border: 1px solid #ccc;
		height: 100%;
		position: fixed;
		z-index: 9;
		overflow-y: auto;
		transform: translate3d(0, 0, 205px);
		transition: all 500ms ease-in-out;
		flex-direction: column;
		align-items: unset;
		padding-top: 130px;
	}
	.main-navigation.active {
		right: 0;
		transform: translate3d(0, 0, 0);
		transition: 500ms all ease-in-out;
	}
	ul.menu li {
		margin: 0 !important;
		width: 100%;
		padding: 10px 20px;
	}
	ul.menu li a {
		font-size: 16px;
	}
	/* Footer */
	footer.site-footer:before {
		max-width: 98%;
	}
	.wrapper.small {
		width: 90.75%;
	}

	/* 	About  */
	section {
		padding: 70px 0;
	}
	section.small-padding {
		padding: 60px 0;
	}
	.about-wrap .intro-description {
		width: 93%;
	}

	/* 	cta */
	.cta-row {
		padding: 25px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 60px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 180px;
	}
	.img-bot {
		margin-bottom: -40px;
		margin-left: 20px;
	}
	span.designation {
		margin-bottom: 4px;
	}

	/* Banner */
	.vector img {
		width: 54px;
	}
	.vector {
		margin-top: -40px;
	}
	
	.page-template-useful-links section.inner-banner, section.inner-banner.normal-section {
		margin-bottom: 60px;
	}
	
	.testimonial-inner {
    padding: 22px;
}
}

@media only screen and (max-width: 992px) {
	:root {
		--font-80: 36px;
		--font-58: 30px;
		--font-24: 20px;
	}

	/* Header */
	.site-branding img {
		max-width: 195px;
	}
	

	/* Footer */
	footer.site-footer:before {
		max-width: 100%;
		border-radius: 0;
	}
	.wrapper.small {
		width: 95.75%;
	}

	/* 	About  */
	section {
		padding: 60px 0;
	}
	section.small-padding {
		padding: 55px 0;
	}
	.about-wrap .intro-description {
		width: 96%;
	}

	/* 	cta */
	.cta-row {
		padding: 20px;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 55px;
	}
	.left-block,
	.right-block {
		width: 100%;
	}
	textarea {
		height: 150px;
	}

	/* 	Service */
	.service-content {
		width: 100%;
	}
	.service-img {
		padding-top: 100%;
	}
	section.services .service-wrap {
		flex-direction: column-reverse;
	}
	section.services:last-child .service-wrap {
		flex-direction: column-reverse;
	}

	/* 	useful-links */
	.useful-links-block {
		width: 100%;
	}
	.calculator .useful-links {
		flex-direction: column-reverse;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 160px;
	}
	.about-block {
		width: 100%;
	}
	.img-bot {
		margin-bottom: -70px;
		margin-left: 20px;
	}
	span.designation {
		margin-bottom: 2px;
	}
	.about-us-section .about-row {
		flex-direction: column-reverse;
	}

	/* banner	 */
	.banner-block {
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
	.banner-img-block {
		width: 100%;
	}
	.banner-wrap {
		flex-wrap: wrap;
		padding-top: 30px;
	}
	.image {
		width: 100%;
	}
	.vector {
		margin-top: 0;
		margin-bottom: 0;
		position: absolute;
		bottom: -10px;
		right: 50px;
	}
	.banner-block .intro-description {
		width: 100%;
	}
	footer.site-footer {
		margin: 0;
	}
	
	.page-template-useful-links section.inner-banner, section.inner-banner.error-404, section.inner-banner.normal-section {
		margin: 0;
	}
	.testimonial-inner {
    padding: 20px;
}

.footer-bottom {
    flex-direction: column-reverse;
	text-align: center;
}

.copyright {
    margin-top: 10px;
}
}

@media only screen and (max-width: 767px) {
	.wrapper,
	.wrapper.small {
		width: calc(100% - 30px);
	}

	/* Footer */
	.footer-block:first-child {
		margin-bottom: 20px;
	}
	.footer-block {
		max-width: unset;
		width: 50%;
	}

	/* 	About  */
	section {
		padding: 50px 0;
	}
	section.small-padding {
		padding: 50px 0;
	}
	.about-wrap .intro-description {
		width: 100%;
	}

	/* 	Contact-page */
	.inner-banner-top .heading-group {
		margin-bottom: 50px;
	}

	/* 	about-page */
	section.inner-banner.about-us {
		padding-bottom: 150px;
	}
	.cta-row {
		text-align: center;
		justify-content: center;
		flex-direction: column;
	}
	.cta-row .heading-group {
		margin-bottom: 16px !important;
	}
	ul.links li {
		padding-left: 20px;
	}
	.cta-row .button {
		margin-left: 0px;
		flex: 0 0 auto;
	}
	#progress {
		height: 50px;
		width: 50px;
	}
	#progress-value {
		height: calc(100% - 12px);
		width: calc(100% - 12px);
	}
}

@media only screen and (max-width: 640px) {
	/* footer*/
	.logo-box {
		width: 50%;
	}
}

@media only screen and (max-width: 582px) {
	/* footer */
	.footer-block {
		width: 100%;
	}
	.footer-block:not(:last-child) {
		margin-bottom: 30px;
	}
	    textarea {
        height: 130px;
    }
}

@media only screen and (max-width: 480px) {
	:root {
		--font-80: 31px;
	}
	.form-cols:nth-child(-n+2) {
		width: 100%;
	}
	.about-block .heading-group {
		flex-direction: column;
		align-items: unset;
	}
	span.designation {
		margin: 0;
	}

	.pdflink {
		width: 100%;
		margin-top: 10px;
	}

	.image-box-content > div {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: self-start;
	}

	.image-box-image {
		margin: 0 0 10px 0;
	}

	.image-box-content h3 {
		margin-right:0;
	}
}