@media only screen and (max-width: 1440px) {
	:root {
		--font-18: 17px;
		--font-20: 19px;
		--font-22: 21px;
		--font-26: 24px;
		--font-36: 33px;
		--font-42: 40px;
		--font-62: 58px;
		--font-76: 70px;
	}

	section {
		padding: 90px 0;
	}

	.site-branding img {
		max-width: 230px;
	}

	.menu li:not(:last-child) {
		margin-right: 45px;
	}
	/* BANNER */
	.banner-wrap {
		padding-top: 40px;
	}
	.banner-content {
		width: 45%;
	}
	.banner-content .intro-description {
		width: 78%;
	}
	.marquee-content {
		padding: 28px 0;
	}
	/* ASSET SERVICE */
	.asset-service-left {
    width: 45%;
}
.asset-top {
    margin-bottom: 25px;
    width: 65%;
    padding-left: 40px;
}
.asset-image img {
    width: 100%;
    max-width: 100%;
    margin-left: -20px;
}
.asset-right {
    width: 53%;
}
.service-block {
    padding: 35px 25px;
}
}

@media only screen and (max-width: 1360px) {
	:root {
		--font-18: 16px;
		--font-20: 18px;
		--font-22: 20px;
		--font-26: 22px;
		--font-36: 30px;
		--font-42: 35px;
		--font-62: 53px;
		--font-76: 64px;
	}

	section {
		padding: 80px 0;
	}

	.site-branding img {
		max-width: 200px;
	}

	.menu li:not(:last-child) {
		margin-right: 35px;
	}
	/* BANNER */
	.banner-wrap {
		padding-top: 30px;
	}
	.banner-content {
		width: 50%;
	}
	.banner-content .intro-description {
		width: 80%;
	}
	.marquee-content {
		padding: 25px 0;
	}
		ul.service-list{
		margin-top:40px;
	}
	.counter-btn {
    margin-top: 40px;
}
	/* ASSET SERVICE */
	.asset-service-left {
    width: 45%;
}
.asset-top {
    margin-bottom: 20px;
    width: 75%;
    padding-left: 30px;
}
.asset-image img {
    width: 95%;
    max-width: 95%;
    margin-left: -15px;
}
.asset-right {
    width: 55%;
}
.service-block {
    padding: 30px 20px;
}
}

@media only screen and (max-width: 1201px) {
	:root {
		--font-20: 17px;
		--font-22: 19px;
		--font-26: 22px;
		--font-36: 26px;
		--font-42: 32px;
		--font-62: 50px;
		--font-76: 57px;
	}

	section {
		padding: 70px 0;
	}

	.site-branding img {
		max-width: 180px;
	}

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

	.header-row .button {
		padding: 15px;
		font-size: 14px;
	}

	.header-btn {
		line-height: 1;
		flex: 0 0 auto;
		margin-left: 30px;
	}
	/* BANNER */
	.banner-wrap {
		padding-top: 20px;
	}
	.banner-content {
		width: 52%;
	}
	.banner-content .intro-description {
		width:100%;
	}
	.marquee-content {
		padding: 20px 0;
	}
	.marquee-text:before{
		margin-right:25px;
	}
	.circle {
		width: 300px;
		height: 300px;

	}
	@keyframes move1 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(150px, -100px);
		}
	}

	@keyframes move2 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(-40px, -100px);
		}
	}

	@keyframes move3 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(100px, -180px);
		}
	}

	@keyframes move4 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(-100px, -110px);
		}
	}

	@keyframes move5 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(100px, -10px);
		}
	}

	@keyframes move6 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(-200px, 120px);
		}
	}
.service-top {
    width: 65%;
}
	ul.service-list{
		margin-top:30px;
	}
	.counter-block {
    padding: 25px;
    border-radius: 50px;
}
	.counter-btn {
    margin-top: 30px;
}
	.counter-image {
    margin-bottom: 30px;
}
/* 	BLOG */
	.blog-top {
    width: 60%;
    margin-bottom: 45px;
}
.blog-card > div {
    padding: 25px;
    border-radius: 30px;
}
.blog-bottom-cta .heading {
    width: 75%;
}
.blog-bottom-cta {
    padding: 45px;
    border-radius: 65px;
    margin-top: 60px;
}
	.blog:after{
		transform:translate(0,-100%);
	}
/* 	CTA */
	.cta-left {
    width: 50%;
    padding: 45px;
    border-radius: 20px;
}

.cta-row {
    padding: 40px;
    border-radius: 60px;
}
/* FOOTER */
.site-footer {
    padding: 120px 0;
}
.footer-heading ,
.footer-block .site-branding ,
.contact-block:not(:last-child) {
    margin-bottom: 28px;
}
/* ASSET SERVICE */
	.asset-service-left {
    width:80%;
		margin:0 auto;
}
.asset-top {
    margin-bottom: 20px;
    width: 100%;
    padding-left: 0px;
	text-align:center;
}
.asset-image img {
	    width: 100%;
    max-width: 100%;
    margin-left: 0;
}
.asset-right {
	margin-top:50px;
}
.service-block {
    padding: 20px;
}
	.asset-service-row{
		padding-bottom: 90px;
	}
	
	/* SERVICE PAGE */
	.service-page-row {
    margin-bottom: 40px;
}
.service-list-block {
    padding-bottom: 60px;
}
.service-left {
    padding-right: 40px;
    width: 32%;
}
ul.system-list li >div {
    padding: 25px 20px;
}
.faq-right {
    width: 85%;
    margin-top: 40px;
}
	ul.service-page-list > li:not(:last-child) {
    margin-bottom: 40px;
}
	.inner-banner-row {
    width: 82%;
}
.system-bot{
	margin:35px 0;
}
	ul.contact-list > li {
    width: 65%;
}
}

@media only screen and (max-width: 1024px) {
	:root {
		--font-26: 21px;
		--font-36: 24px;
		--font-42: 29px;
		--font-62: 44px;
		--font-76: 55px;
	}

	section {
		padding: 60px 0;
	}

	.site-branding img {
		max-width: 170px;
	}
	.small-heading{
		font-size:18px;
	}
	.counter-image {
    margin-bottom: 20px;
}
	/* 	BLOG */
	.blog-top {
    width: 65%;
    margin-bottom: 40px;
}
.blog-card > div {
    padding: 20px;
    border-radius: 30px;
}
.blog-bottom-cta .heading {
    width: 78%;
}
.blog-bottom-cta {
    padding: 40px;
    border-radius: 65px;
    margin-top: 60px;
}
		.blog:after{
		transform:translate(0,-90%);
	}
	/* 	CTA */
	.cta-left {
    width:55%;
    padding: 40px;
    border-radius: 20px;
}

.cta-row {
    padding:35px;
    border-radius: 55px;
}
	/* FOOTER */
.site-footer {
    padding: 110px 0;
}
.footer-heading ,
.footer-block .site-branding ,
.contact-block:not(:last-child) {
    margin-bottom: 26px;
}
.footer-block:first-child {
    max-width: unset;
	width:100%;
	margin-bottom:30px;
}
	/* ASSET SERVICE */
		.asset-service-row{
		padding-bottom: 80px;
	}
	/* SERVICE PAGE */
	.service-page-row {
    margin-bottom: 30px;
}
.service-list-block {
    padding-bottom: 50px;
}
.service-left {
    padding-right: 30px;
    width: 33%;
}
ul.system-list li >div {
    padding: 20px;
}
.faq-right {
    width: 90%;
    margin-top: 30px;
}
	ul.service-page-list > li:not(:last-child) {
    margin-bottom: 30px;
}
	.inner-banner-row {
    width: 85%;
}
	.system-bot{
	margin:30px 0;
}
	ul.contact-list > li {
    width: 70%;
}
}

@media only screen and (max-width: 991px) {
	:root {
		--font-26: 20px;
		--font-36: 22px;
		--font-42: 25px;
		--font-62: 40px;
		--font-76: 50px;
	}

	section {
		padding: 50px 0;
	}

	.site-branding img {
		max-width: 220px;
	}

	.header-btn {
		margin-left: 0;
		margin-right: 30px;
	}

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

	.header-row .main-navigation.active {
		right: 0;
		transform: translate3d(0, 0, 0);
		transition: 500ms all ease-in-out;
		/* height: 100%; */
	}

	.header-row .main-navigation {
		top: 0;
		max-width: 320px;
		right: -100%;
		width: 100%;
		background: #000;
		height: 100%;
		position: fixed;
		z-index: 10;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: 30px 0;
		overflow-y: auto;
		/* 		transform: translate3d(0, 0, 205px); */
		transition: all 500ms ease-in-out;
		/* margin-top: 160px; */
	}

	ul.menu {
		display: block;
		margin-top: 100px;
		padding: 0 30px;
	}

	ul.menu>li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}

	ul.menu>li {
		margin-right: 0;
	}

	.menu>li>ul.sub-menu,
	.menu li ul.sub-menu>li>ul.sub-menu {
		position: unset;
		transform: unset;
		transition: unset;
		opacity: unset;
		visibility: unset;
		transform-origin: unset;
		display: block;
		min-width: unset;
		width: 100%;
		box-shadow: unset;
		margin-top: 10px;
		animation: none;
		background: var(--primary-color);
		border-radius: 0;
	}

	.menu li.menu-item-has-children>a {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	ul.sub-menu>li>a {
		color: var(--white-color);
	}

	.menu li a:after,
	.menu li a:before {
		content: none;
	}

	.menu>li:hover ul.sub-menu {
		padding: 0;
	}
	/* BANNER */
	.banner-row {
		flex-direction: column-reverse;
	}
.banner-content .small-heading{
	margin:0 auto;
	margin-bottom:10px;
}
	.banner-content {
		width: 80%;
		text-align: center;
	}

	.banner-image {
		width: 60%;
	}

	.banner-wrap {
		padding-top: 50px;
	}
	.marquee-content {
		padding: 15px 0;
	}
	.marquee-text:before{
		margin-right:20px;
	}
	
	.circle {
		width: 250px;
		height: 250px;

	}
	@keyframes move1 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(100px, 50px);
		}
	}

	@keyframes move2 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(-100px, 200px);
		}
	}

	@keyframes move3 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(100px, -180px);
		}
	}

	@keyframes move4 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(-100px, -80px);
		}
	}

	@keyframes move5 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(100px, -110px);
		}
	}

	@keyframes move6 {
		from {
			transform: translate(0, 0);
		}

		to {
			transform: translate(-200px, 120px);
		}
	}

ul.service-list li {
    width: 50%;
}
	.service-top {
    width: 80%;
}
		.small-heading{
		font-size:17px;
	}
	.counter-block {
    padding: 20px;
    border-radius: 40px;
}
	ul.counter-list li{
		width:50%;
	}
	ul.counter-list{
		justify-content:center;
	}
	/* 	BLOG */
	.blog-top {
    width: 70%;
    margin-bottom: 35px;
}
.blog-card > div {
    padding: 20px;
    border-radius: 30px;
}
.blog-bottom-cta .heading {
    width: 80%;
}
.blog-bottom-cta {
    padding: 35px;
    border-radius: 60px;
    margin-top: 55px;
}
	.blog-card {
    width:50%;
}
	/* 	CTA */
	.cta-left {
    width:60%;
    padding: 30px;
    border-radius: 20px;
}

.cta-row {
    padding:30px;
    border-radius: 50px;
}
		/* FOOTER */
.site-footer {
    padding: 90px 0;
}
.footer-heading ,
.footer-block .site-branding ,
.contact-block:not(:last-child) {
    margin-bottom: 24px;
}
	/* ASSET SERVICE */
	.asset-service-left {
    width:85%;
		margin:0 auto;
}
.asset-right {
	margin-top:40px;
	width: 100%;
}
	.asset-service-row{
		padding-bottom: 70px;
	}
	.asset-icon {
    width: 70px;
    height: 70px;
}
/* SERVICE PAGE */
	.service-page-row {
    margin-bottom: 25px;
}
.service-list-block {
    padding-bottom: 40px;
}
.faq-right {
    width: 95%;
}
	.service-left {
    padding-right: 20px;
}
	ul.system-list li {
    width: 50%;    
}
	.inner-banner-row {
    width: 90%;
}
	ul.contact-list > li {
    width: 75%;
}
	
.why-choose-list li {
    width:50%;
}
}

@media only screen and (max-width:767px) {
	:root {
		--font-62: 35px;
		--font-76: 45px;
		--font-42: 23px;
	}
	/* BANNER */
	.banner-content {
		width: 85%;
	}

	.banner-image {
		width: 60%;
	}
.marquee-content {
		padding: 10px 0;
	}
	.service-top {
    width: 85%;
}
		.small-heading{
		font-size:16px;
			line-height:1;
	}
		/* 	BLOG */
	.blog-top {
    width: 80%;
    margin-bottom: 30px;
}
.blog-bottom-cta .heading {
    width: 90%;
}
.blog-bottom-cta {
    padding: 30px;
    border-radius: 50px;
    margin-top: 50px;
}
		/* 	CTA */
	.cta-left {
    width: 70%;
    padding: 25px;
}

.cta-row {
    padding:25px;
    border-radius: 40px;
}
		/* FOOTER */
.site-footer {
    padding:70px 0;
}
	.footer-block {
    max-width: unset;
	width:50%;
	margin-bottom:30px;
}
	.footer-block:last-child{
		margin-bottom:0;
	}
	/* ASSET SERVICE */
	.asset-service-left {
    width:90%;
		margin:0 auto;
}
.asset-right {
	margin-top:30px;
}
	.asset-service-row{
		padding-bottom: 60px;
	}
	.asset-icon {
    width:60px;
    height: 60px;
    margin-right: 10px;
}
	.service-right {
    width: 100%;
    padding: 0 10px;
}
	    .service-left {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ccc;
        padding: 0 10px;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
	    .service-list-block {
        padding: 0;
        padding-bottom: 30px;
    }
	    .inner-banner-row {
        width: 95%;
    }
	ul.contact-list > li {
    width:50%;
		padding:0 10px;
			margin:10px 0;
}
	ul.contact-list {
		margin:-10px;
		display:flex;
		flex-wrap:wrap;
	}
	.contact-right {
    width: 100%;
}
	.contact-left {
    width: 100%;
}
	.contact-right iframe{
		height:revert-layer;
	}
}

@media only screen and (max-width: 640px) {
	:root {
		--font-62: 30px;
		--font-76: 37px;
	}
.service-top {
    width: 100%;
}
	.site-branding img {
		max-width: 180px;
	}
	.header-btn {
		margin-right:20px;
	}
		/* BANNER */
	.banner-content {
		width:100%;
	}
	.banner-content .small-heading{
		font-size:15px;
		padding:10px;
	}
	.button {
    padding: 10px 18px;
}
	
ul.service-list li {
    width: 100%;
}
	h3.counter-heading {
    font-size: 16px;
}

.counter-block {
    padding: 10px;
    border-radius: 25px;
}
		/* 	BLOG */
	.blog-top {
    width: 90%;
    margin-bottom: 25px;
}
.blog-bottom-cta .heading {
    width: 95%;
}
.blog-bottom-cta {
    padding: 25px;
    border-radius: 30px;
    margin-top: 40px;
}
	
	.blog-card {
    width:100%;
}
.form-col:nth-child(-n+4) {
    width:100%;
}
	/* 	CTA */
	.cta-left {
    width: 75%;
    padding: 20px;
}

.cta-row {
    padding:20px;
    border-radius: 30px;
}
		/* FOOTER */
.site-footer {
    padding:60px 0;
}
	/* ASSET SERVICE */
	.asset-service-left {
    width:95%;
		margin:0 auto;
}
	.asset-service-row{
		padding-bottom: 60px;
	}
	.asset-icon {
    width:50px;
    height: 50px;
    margin-right: 0;
		margin-bottom:15px;
}
	.service-block{
		display:block;
	}
	 .inner-banner-row {
        width: 100%;
    }
	ul.contact-list > li {
    width: 100%;
}
	ul.contact-list {
		margin-bottom:30px;
	}
}

@media only screen and (max-width:481px) {
	:root {
		--font-62: 26px;
		--font-76: 35px;
	}
	.header-btn {
		display:none;
	}
	/* BANNER */
	.banner-content {
		width: 100%;
	}

	.banner-image {
		width: 100%;
	}

	.banner-wrap {
		padding-top: 50px;
	}
	.btn-group {
   display:block;
}
	.btn-left {
		margin-right:0;
    margin-bottom: 15px;
}
	ul.counter-list li{
		width:100%;
	}
		/* 	BLOG */
	.blog-top {
    width: 100%;
    margin-bottom: 20px;
}
.blog-bottom-cta .heading {
    width: 100%;
}
.blog-bottom-cta {
    padding: 20px;
	border-radius:10px;
    margin-top: 30px;
}
	/* 	CTA */
	.cta-left {
    width:100%;
    padding: 20px;
}
	/* FOOTER */
.site-footer {
    padding:50px 0;
}
		.footer-block {
	width:100%;
}
	/* ASSET SERVICE */
	.asset-service-left {
    width:100%;
}
	.asset-service-row{
		padding-bottom: 50px;
	}
	ul.asset-service-list li{
		width:100%;
	}
	    ul.system-list li {
        width: 100%;
    }
	
.why-choose-list li {
    width: 100%;
}
}