@media only screen and (max-width: 1600px) {
	:root {
		--font-20: 19px;
		--font-18: 17px;
		--font-24: 23px;   
		--font-48: 44px;
		--font-30: 28px;
		--font-72: 56px;
	}

	ul.menu .sub-menu li > a {
		padding: 9px;
	}
	ul.menu ul.sub-menu {
		min-width: 300px;
	}
	/*  */
	footer.site-footer {
		padding: 55px 0 38px 0;
	}
	.footer-block {
		max-width: 370px;
		min-width: 180px;
	}
	.footer-block .site-branding {
		margin-bottom: 28px;
	}
	.footer-heading {
		margin-bottom: 22px;
	}
	.contact:not(:last-child) {
		margin-bottom: 18px;
	}
	.contact i {
		margin-top: 5px;
	}
	.footer-bot {
		margin-top: 28px;
		padding-top: 28px;
	}
	ul.privacy-menu li:not(:last-child) {
		margin-right: 28px;
	}
	/* Client */
	section {
		padding: 90px 0;
	}
	.heading-group {
		margin-bottom: 28px;
	}
	/* products */
	.product-top {
		width: 55%;
		margin-bottom: 46px;
	}
	.sub-heading {
		padding: 8px 14px;
		margin-bottom: 18px;
	}
	.product-img {
		padding: 28px;
	}
	.product-content {
		padding: 22px;
	}
	.button {
		padding: 16px 28px;
	}
	.product-section .btn-group {
		margin-top: 46px;
	}
	.btn-group .button:first-child {
		margin-right: 16px;
	}
	/*  */
	.about-img {
		width: 50%;
	}
	.about-img .image {
		padding-top: 120%;
	}
	.counter-block {
		padding: 45px 20px;
		margin-right: -20px;
		margin-bottom: -15px;
	}
	.about-content {
		width: 45%;
	}
	.intro-description {
		margin-bottom: 28px;
	}
	.mission-inner {
		padding: 22px;
	}
	.mission-icon {
		margin-bottom: 16px;
		height: 46px;
		width: 46px;
	}
	.mission-heading {
		margin-bottom: 16px;
	}
	/*  */
	section.hero-banner {
		padding: 130px 0 !important;
	}
	.banner-wrap {
		width: 54%;
	}
	.banner-right {
		width: 45%;
	}
	/* 	about-page */
	.about-img-block {
		width: 75%;
		margin-bottom: 46px;
	}
	.infra-row {
		width: 75%;
		margin-bottom: 55px;
	}
	.img-box {
		width: 33.33%;
	}
	.segment-table {
		width: 75%;
	}
	table td {
		padding: 14px;
	}
	.portfolio-wrap {
		padding: 46px 55px;
	}
	/*  */
	.contact-wrap {
		width: 92%;
	}
	.form-block {
		width: 54%;
		padding: 46px;
	}
	.content-block {
		width: 46%;
	}
	.content-details {
		padding: 28px;
	}
	/* product-single */
	.single-product-inner {
		padding: 18px;
	}
	.single-product-inner .product-img {
		margin-bottom: 28px;
	}
	.image-box img {
		height: 380px;
		width: 380px;
	}
	.single-product-inner .product-content {
		padding-top: 18px;
	}

}
@media only screen and (max-width: 1440px) {
	:root {
		--font-20: 18px;
		--font-18: 16px;
		--font-24: 22px;
		--font-48: 40px;
		--font-30: 26px;
		--font-72: 52px;
	}
	.header-top {
		padding: 17px 0;
	}
	.header-left .contact:not(:last-child) {
		margin-right: 18px;
		padding-right: 18px;
	}
	.contact i {
		margin-right: 14px;
	}
	ul.social-link li:not(:last-child) {
		margin-right: 28px;
	}
	.site-branding img {
		max-width: 150px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 55px;
	}	

	footer.site-footer {
		padding: 50px 0 36px 0;
	}
	.footer-block {
		max-width: 350px;
		min-width: 160px;
	}
	.footer-block .site-branding {
		margin-bottom: 26px;
	}
	.footer-heading {
		margin-bottom: 20px;
	}
	.contact:not(:last-child) {
		margin-bottom: 16px;
	}
	.footer-bot {
		margin-top: 26px;
		padding-top: 26px;
	}
	ul.privacy-menu li:not(:last-child) {
		margin-right: 26px;
	}
	/* Client */
	section {
		padding: 80px 0;
	}
	.heading-group {
		margin-bottom: 26px;
	}
	/* products */
	.product-top {
		width: 60%;
		margin-bottom: 42px;
	}
	.sub-heading {
		margin-bottom: 16px;
	}
	.product-img {
		padding: 26px;
	}
	.product-content {
		padding: 20px;
	}
	.button {
		padding: 14px 24px;
	}
	.product-section .btn-group {
		margin-top: 42px;
	}
	.btn-group .button:first-child {
		margin-right: 14px;
	}
	/*  */
	.about-img {
		width: 50%;
	}
	.about-img .image {
		padding-top: 120%;
	}
	.counter-block {
		padding: 40px 20px;
		margin-right: -20px;
		margin-bottom: -15px;
	}
	.about-content {
		width: 45%;
	}
	.intro-description {
		margin-bottom: 26px;
	}
	.mission-inner {
		padding: 20px;
	}
	.mission-icon {
		margin-bottom: 14px;
		height: 42px;
		width: 42px;
	}
	.mission-heading {
		margin-bottom: 14px;
	}
	/*  */
	section.hero-banner {
		padding: 110px 0 !important;
	}
	.banner-wrap {
		width: 58%;
	}
	.banner-right {
		width: 41%;
	}
	/* 	about-page */
	.about-img-block {
		width: 80%;
		margin-bottom: 42px;
	}
	.infra-row {
		width: 80%;
		margin-bottom: 50px;
	}
	.img-box {
		width: 33.33%;
	}
	.segment-table {
		width: 80%;
	}
	table td {
		padding: 13px;
	}
	.portfolio-wrap {
		padding: 42px 50px;
	}
	/*  */
	.contact-wrap {
		width: 92%;
	}
	.form-block {
		width: 54%;
		padding: 44px;
	}
	.content-block {
		width: 46%;
	}
	.content-details {
		padding: 26px;
	}
	/* product-single */
	.single-product-inner {
		padding: 16px;
	}
	.single-product-inner .product-img {
		margin-bottom: 26px;
	}
	.image-box img {
		height: 360px;
		width: 360px;
	}
}

@media only screen and (max-width: 1366px) {
	:root {
		--font-20: 18px;
		--font-24: 21px;
		--font-48: 36px;
		--font-30: 24px;
		--font-72: 48px;
	}
	.header-top {
		padding: 16px 0;
	}
	.header-left .contact:not(:last-child) {
		margin-right: 16px;
		padding-right: 16px;
	}
	.contact i {
		margin-right: 12px;
	}
	ul.social-link li:not(:last-child) {
		margin-right: 26px;
	}
	.site-branding img {
		max-width: 140px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 50px;
	}	
	ul.menu ul.sub-menu {
		min-width: 280px;
	}

	footer.site-footer {
		padding: 45px 0 35px 0;
	}
	.footer-block {
		max-width: 330px;
		min-width: 100px;
	}
	.footer-block .site-branding {
		margin-bottom: 24px;
	}
	.footer-bot {
		margin-top: 24px;
		padding-top: 24px;
	}
	ul.privacy-menu li:not(:last-child) {
		margin-right: 24px;
	}
	/* Client */
	section {
		padding: 70px 0;
	}
	.heading-group {
		margin-bottom: 24px;
	}
	/* products */
	.product-top {
		width: 65%;
		margin-bottom: 38px;
	}
	.product-img {
		padding: 24px;
	}

	.button {
		padding: 14px 20px;
	}
	.product-section .btn-group {
		margin-top: 38px;
	}
	.btn-group .button:first-child {
		margin-right: 12px;
	}

	/*  */
	.about-img {
		width: 50%;
	}
	.about-img .image {
		padding-top: 120%;
	}
	.counter-block {
		padding: 35px 20px;
		margin-right: -20px;
		margin-bottom: -15px;
	}
	.about-content {
		width: 47%;
	}
	.intro-description {
		margin-bottom: 24px;
	}
	.mission-icon {
		margin-bottom: 12px;
		height: 40px;
		width: 40px;
	}
	.mission-heading {
		margin-bottom: 12px;
	}
	/*  */
	section.hero-banner {
		padding: 90px 0 !important;
	}
	.banner-wrap {
		width: 58%;
	}
	.banner-right {
		width: 41%;
	}
	/* 	about-page */
	.about-img-block {
		width: 85%;
		margin-bottom: 38px;
	}
	.infra-row {
		width: 85%;
		margin-bottom: 45px;
	}
	.img-box {
		width: 33.33%;
	}
	.segment-table {
		width: 85%;
	}
	table td {
		padding: 12px;
	}
	.portfolio-wrap {
		padding: 38px 45px;
	}
	/*  */
	.contact-wrap {
		width: 92%;
	}
	.form-block {
		width: 54%;
		padding: 40px;
	}
	.content-block {
		width: 46%;
	}
	.content-details {
		padding: 24px;
	}
	/* product-single */
	.single-product-inner .product-img {
		margin-bottom: 24px;
	}
	.image-box img {
		height: 340px;
		width: 340px;
	}

}

@media only screen and (max-width: 1200px) {
	:root {
		--font-24: 20px;
		--font-48: 32px;
		--font-30: 22px;
		--font-72: 44px;
	}	
	.header-left .contact:not(:last-child) {
		margin-right: 14px;
		padding-right: 14px;
	}
	.contact i {
		margin-right: 10px;
	}
	ul.social-link li:not(:last-child) {
		margin-right: 24px;
	}
	.site-branding img {
		max-width: 130px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 45px;
	}	
	footer.site-footer {
		padding: 40px 0 35px 0;
	}
	.footer-block:first-child {
		max-width: unset;
		width: 100%;
		margin-bottom: 30px;
	}
	.footer-block .site-branding {
		margin-bottom: 22px;
	}
	.footer-bot {
		margin-top: 22px;
		padding-top: 22px;
	}
	ul.privacy-menu li:not(:last-child) {
		margin-right: 22px;
	}
	/* Client */
	section {
		padding: 60px 0;
	}
	.heading-group {
		margin-bottom: 22px;
	}
	/* products */
	.product-top {
		width: 70%;
		margin-bottom: 34px;
	}
	.product-img {
		padding: 22px;
	}

	.button {
		padding: 14px 16px;
	}
	.product-section .btn-group {
		margin-top: 34px;
	}
	/*  */
	.about-img {
		width: 50%;
	}
	.about-img .image {
		padding-top: 120%;
	}
	.counter-block {
		padding: 30px 20px;
		margin-right: -20px;
		margin-bottom: -15px;
	}
	.about-content {
		width: 46%;
	}
	.intro-description {
		margin-bottom: 22px;
	}
	.mission-block {
		width: 100%;
	}
	section.hero-banner {
		padding: 80px 0 !important;
	}
	/* 	about-page */
	.about-img-block {
		width: 90%;
		margin-bottom: 34px;
	}
	.infra-row {
		width: 90%;
		margin-bottom: 40px;
	}
	.segment-table {
		width: 90%;
	}

	.portfolio-wrap {
		padding: 34px 40px;
	}
	/*  */
	.contact-wrap {
		width: 100%;
	}
	.form-block {
		width: 52%;
		padding: 36px;
	}
	.content-block {
		width: 48%;
	}
	.content-details {
		padding: 22px;
	}
	/* product-single */
	.single-product-inner .product-img {
		margin-bottom: 22px;
	}
	.image-box img {
		height: 320px;
		width: 320px;
	}
}

@media only screen and (max-width: 1023px) {
	:root {
		--font-48: 28px;
		--font-72: 40px;
	}
	.header-left .contact:not(:last-child) {
		margin-right: 12px;
		padding-right: 12px;
	}
	ul.social-link li:not(:last-child) {
		margin-right: 22px;
	}
	.site-branding img {
		max-width: 120px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 40px;
	}	
	footer.site-footer {
		padding: 48px 0 35px 0;
	}
	.footer-block {
		max-width: 330px;
		min-width: 100px;
	}
	.footer-block .site-branding {
		margin-bottom: 20px;
	}
	.footer-bot {
		margin-top: 20px;
		padding-top: 20px;
	}
	ul.privacy-menu li:not(:last-child) {
		margin-right: 20px;
	}
	/* Client */
	section {
		padding: 50px 0;
	}
	.heading-group {
		margin-bottom: 20px;
	}
	/* products */
	.product-top {
		width: 80%;
		margin-bottom: 30px;
	}
	.product-img {
		padding: 20px;
	}
	.product-section .btn-group {
		margin-top: 30px;
	}
	/*  */
	.about-img {
		width: 50%;
	}
	.about-img .image {
		padding-top: 120%;
	}
	.counter-block {
		padding: 30px 20px;
		margin-right: -20px;
		margin-bottom: -15px;
	}
	.about-content {
		width: 45%;
	}
	.intro-description {
		margin-bottom: 20px;
	}
	section.hero-banner {
		padding: 70px 0 !important;
	}
	/* 	about-page */
	.about-img-block {
		width: 100%;
		margin-bottom: 30px;
	}
	.infra-row {
		width: 100%;
	}
	.img-box {
		width: 33.33%;
	}
	.segment-table {
		width: 100%;
	}

	.portfolio-wrap {
		padding: 30px 35px;
	}
	/*  */
	.form-block {
		width: 52%;
		padding: 32px;
	}
	.content-block {
		width: 48%;
	}
	.content-details {
		padding: 20px;
	}
	/* product-single */
	.single-product-inner .product-img {
		margin-bottom: 20px;
	}
	.image-box img {
		height: 300px;
		width: 300px;
	}
}

@media only screen and (max-width: 992px) {
	:root {
		--font-48: 24px;
		--font-72: 36px;
	}
	ul.social-link li:not(:last-child) {
		margin-right: 20px;
	}
	.site-branding img {
		max-width: 110px;
	}
	ul.menu li:not(:last-child) {
		margin-right: 35px;
	}
	/*  */
	.footer-block {
		max-width: 290px;
		min-width: 130px;
	}
	/* products */
	.product-top {
		width: 90%;
		/* margin-bottom: 30px; */
	}
	.product-block {
		width: 50%;
	}
	/*  */
	.about-content, .about-img {
		width: 100%;
	}
	.about-img {
		margin-bottom: 50px;
	}
	.counter-block {
		padding: 20px 15px;
		margin-bottom: -20px;
		margin-right: 0px;
	}
	/*  */
	.banner-right {
		width: 38%;
	}
	.banner-wrap {
		width: 62%;
	}
	section.hero-banner {
		padding: 50px 0 !important;
	}
	/* 	about-page */
	.img-box {
		width: 50%;
	}

	.portfolio-wrap {
		padding: 30px 30px;
	}
	/*  */
	.form-block {
		width: 52%;
		padding: 28px;
	}
	.content-block {
		width: 48%;
	}
	/* product-single */
	.single-product-block {
		width: 50%;
	}
	.map {
    padding-top: 50%;
}
}

@media only screen and (max-width: 767px) {
	:root {
		--font-72: 30px;
	}
	ul.social-link li:not(:last-child) {
		margin-right: 16px;
	}
	.site-branding img {
		max-width: 100px;
	}
	.toggle {
		display: flex;
		flex-direction: column;
	}

	.main-navigation {
		right: -100%;
		width: 100%;
		background-color: var(--gray-color);
		height: 100%;
		position: fixed;
		z-index: 999;
		overflow-x: 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;
	}

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

	ul.menu {
		padding: 60px 30px;
	}
	ul.menu li {
		margin: 0 !important;
		width: 100%;
	}
	ul.menu li {
		border: unset;
	}
	ul.menu li a {
		font-size: 26px;
		padding: 8px 0;
		display: flex;
		width: 100%;
		justify-content: space-between;
		color: var(--black-color);
	}
	ul.menu li > a::before , ul.menu .sub-menu li > a::before {
		content: none;
	}
	ul.menu li.current-menu-item a, ul.menu ul.sub-menu li.current-menu-item a {
		color: var(--blue-color);
	}
	ul.menu .menu-item-has-children a:after {
		content: none;
	}
	ul.menu ul.sub-menu {
		opacity: 1;
		visibility: visible;
		width: 100%;
		background: transparent;
		position: unset;
		padding: 0 40px;
		display: flex;
		min-width: unset;
		/* flex-direction: unset; */
		flex-wrap: wrap;
		border: unset;
		transform: unset;
	}
	ul.menu ul.sub-menu li:not(:last-child) {
		border-bottom: unset;
	}
	ul.menu .sub-menu li > a {
		padding: 8px 0;
		font-size: 24px;
	}
	ul.menu li:hover a , ul.menu ul.sub-menu li:hover a {
		color: var(--blue-color);
	}
	/*  */
	.footer-block {
		max-width: unset;
		min-width: unset;
		width: 100%;
		margin-bottom: 30px;
	}
	.footer-block:last-child {
		margin-bottom: 0;
	}
	.footer-bot {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.copyright-text {
		margin-top: 10px;
		text-align:center;
	}
	/* products */
	.product-top {
		width: 100%;
	}

	/*  */
	.contact-wrap {
		flex-direction: column-reverse;
	}
	.form-block, .content-block  {
		width: 100%;
	}
	.content-details,.form-block{
		padding:25px;
	}
}
@media only screen and (max-width: 640px) {
	.banner-wrap , .banner-right{
		width: 100%;
	}
	.banner-wrap {
		margin-bottom: 30px;
	}
	/* 	about-page */
	table,
	tbody,
	tr,
	td {
		display: block;
		width: 100%;
	}
	table {
		border: 1px solid #000;
	}
	.portfolio-wrap table {
		border: 1px solid #fff;
	}
}

@media only screen and (max-width: 581px) {
	ul.menu ul.sub-menu {
		padding: 0 15px;
	}
	ul.menu .sub-menu li > a {
		font-size: 18px;
	}
	.header-top {
		display: none;
	}
	ul.menu {
		padding: 10px 30px;
	}
	header.site-header {
    padding: 10px 0;
}
	/* products */
	.product-block {
		width: 100%;
	}
	/* product-single */
	.single-product-block {
		width: 100%;
	}
	.map {
    padding-top: 100%;
}
}

@media only screen and (max-width: 480px) {
	ul.privacy-menu {
		flex-wrap: wrap;
		margin: -5px;
		justify-content: center;
	}
	ul.privacy-menu li {
		margin: 5px 0;
		padding: 0 5px;
	}
	ul.privacy-menu li:not(:last-child) {
		margin-right: 0;
	}
	/* products */
	.btn-group {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		/* justify-content: center; */
		align-items: center;
	}
	.btn-group .button:first-child {
		margin-right: 0;
	}

	.btn-group .button:not(:last-child) {
		margin-bottom:12px;
	}
	/* 	about-page */
	.img-box {
		width: 100%;
	}
	/* 	 */
	.content-details .contact i {
		margin-right: 8px;
	}
	.content-details .contact {
		font-size:15px;
	}
	.content-details, .form-block {
		padding: 20px 12px;
	}
}