@media only screen and (max-width: 1920px) {
	.wrapper {
		max-width: 1640px;
	}
}


@media only screen and (max-width: 1801px) {
	section {
		padding: 90px 0;
	}
	/* 	HEADER */
	.site-header {
		padding: 15px 0;
	}

	.wrapper {
		width: 90%;
	}
	.wrapper.small {
		width: 77%;
	}
	.site-branding img {
		max-width: 230px;
	}

	ul.menu>li>a, body {
		font-size: 17px;
	}

	ul.menu>li:not(:last-child) {
		margin-right: 45px;
	}
	/* BANNER */
	h5 {
		font-size: 22px;
	}
	.hero-banner .wrapper {
		width: 92%;
	}

	h1 {
		font-size: 48px;
	}

	.heading-group, .intro-description {
		margin-bottom: 28px;
	}
	.banner-left ul li:nth-child(even){
		margin-top:45px;
	}
	.common-btn {
		font-size: 14px;
		padding: 14px 28px;
	}
	.common-btn:after{
		width:19px;
		height:19px;
	}
	/* 	ABOUT US */
	h2 {
		font-size: 45px;
	}

	h6 {
		font-size: 17px;
	}
	/* 	SERVICE */
	h3 {
		font-size: 34px;
	}
	.service-description {
		width: 75%;
	}
	.service-slide li {
		height: 750px;
	}
	/* CLIENT */
	section.small-padding {
		padding: 60px 0;
	}
	ul.partners-slide li{
		margin:0 25px;
	}
	ul.partners-slide li img {
		max-width: 160px;
	}
	/* 	PORTFOLIO */
	.slider-for .portfolio-image{
		/* padding-top:75%; */
	}
	.slider-for .portfolio-content {
		padding: 40px;
	}
	.slider-for.slick-slider{
		margin-top:60px;}

	h4 {
		font-size: 26px;
	}

	.portfolio-nav {
		max-width: 22%;
		left: -6%;
	}
	/* TESTIMONIAL */
	.client-detail {
		width: 92%;
	}
	.testimonial-row {
		padding: 90px 50px;
	}
	.client-image {
		width: 87px;
		height: 87px;
	}
	/* 	CTA */
	.cta-box .heading {
		font-size: 35px;
	}

	.whatsapp-button {
		width: 90px;
		height: 90px;
		font-size: 60px;
	}
	/* 	FOOTER */
	.footer-block .site-branding {
		margin-bottom: 45px;
	}

	.footer-block ul li:not(:last-child) {
		margin-right: 25px;
	}
	footer.site-footer {
		padding: 90px 0 0;
	}
	
	.error-font {
    font-size: 140px;
    color: #bf0004;
    text-shadow: 2px 2px 1px #a50006, 3px 3px 1px #a50006, 4px 4px 1px #a50006, 5px 5px 1px #a50006, 6px 6px 1px #a50006, 7px 7px 1px #a50006, 8px 8px 1px #a50006, 9px 9px 1px #a50006, 26px 26px 8px rgba(0, 0, 0, 0.2);
}
}

@media only screen and (max-width: 1601px) {
	section {
		padding: 80px 0;
	}
	/* 	HEADER */
	.site-header {
		padding: 15px 0;
	}

	.wrapper {
		width: 93%;
	}
	.wrapper.small {
		width: 80%;
	}

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

	ul.menu>li>a, body {
		font-size: 16px;
	}

	ul.menu>li:not(:last-child) {
		margin-right: 40px;
	}
	/* BANNER */
	h5 {
		font-size: 20px;
	}
	.hero-banner .wrapper {
		width: 94%;
	}

	h1 {
		font-size: 43px;
	}

	.heading-group, .intro-description {
		margin-bottom: 26px;
	}
	.banner-left ul li:nth-child(even){
		margin-top:40px;
	}
	.common-btn {
		font-size: 14px;
		padding: 13px 26px;
	}
	.common-btn:after{
		width:18px;
		height:18px;
	}
	/* 	ABOUT US */
	h2 {
		font-size: 40px;
	}

	h6 {
		font-size: 16px;
	}
	/* 	SERVICE */
	h3 {
		font-size: 31px;
	}
	.service-description {
		width: 80%;
	}
	.service-slide li {
		height: 700px;
	}
	/* CLIENT */
	section.small-padding {
		padding: 50px 0;
	}
	ul.partners-slide li{
		margin:0 20px;
	}
	/* 	PORTFOLIO */
	.slider-for .portfolio-image{
		/* padding-top:80%; */
	}
	.slider-for .portfolio-content {
		padding: 35px;
	}
	.slider-for.slick-slider{
		margin-top:50px;}

	h4 {
		font-size: 24px;
	}

	.portfolio-nav {
		max-width: 23%;
		left: -4%;
	}
	/* TESTIMONIAL */
	.client-detail {
		width: 93%;
	}
	.testimonial-row {
		padding: 80px 50px;
	}
	.client-image {
		width: 85px;
		height: 85px;
	}
	/* 	CTA */
	.cta-box .heading {
		font-size: 32px;
	}

	.whatsapp-button {
		width: 80px;
		height: 80px;
		font-size: 50px;
	}
	/* 	FOOTER */
	.footer-block .site-branding {
		margin-bottom: 40px;
	}

	.footer-block ul li:not(:last-child) {
		margin-right: 20px;
	}
	footer.site-footer {
		padding: 80px 0 0;
	}
	.error-font {
    font-size: 130px;
    color: #bf0004;
    text-shadow: 3px 3px 1px #a50006, 4px 4px 1px #a50006, 5px 5px 1px #a50006, 6px 6px 1px #a50006, 7px 7px 1px #a50006, 8px 8px 1px #a50006, 9px 9px 1px #a50006, 10px 10px 1px #a50006, 27px 27px 8px rgba(0, 0, 0, 0.2);
}
}

@media only screen and (max-width: 1441px) {
	section {
		padding: 70px 0;
	}
	section.small-padding {
		padding: 40px 0;
	}
	/* 	HEADER */
	.site-header {
		padding: 15px 0;
	}

	.wrapper {
		width: 95%;
	}
	.wrapper.small {
		width: 83%;
	}

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

	ul.menu>li:not(:last-child) {
		margin-right: 35px;
	}
	/* BANNER */
	h5 {
		font-size: 19px;
	}
	.hero-banner .wrapper {
		width: 96%;
	}


	h1 {
		font-size: 40px;
	}

	.heading-group, .intro-description {
		margin-bottom: 24px;
	}
	.banner-left ul li:nth-child(even){
		margin-top:40px;
	}
	.common-btn {
		font-size: 14px;
		padding: 12px 24px;
	}
	.common-btn:after{
		width:17px;
		height:17px;
	}
	/* 	ABOUT US */
	h2 {
		font-size: 35px;
	}
	/* 	SERVICE */
	h3 {
		font-size: 29px;
	}
	.service-description {
		width: 85%;
	}
	.service-slide li {
		height: 650px;
	}
	/* CLIENT */
	ul.partners-slide li{
		margin:0 20px;
	}
	/* 	PORTFOLIO */
	.slider-for .portfolio-image{
		/* padding-top:85%; */
	}
	.slider-for .portfolio-content {
		padding: 30px;
	}
	h4 {
		font-size: 22px;
	}
	.slider-nav .portfolio-content .portfolio-heading{
		font-size:15px;
	}
	.portfolio-nav {
		max-width: 24%;
		left: -3%;
	}
	/* TESTIMONIAL */
	.client-detail {
		width: 94%;
	}
	.testimonial-row {
		padding: 70px 50px;
	}
	.client-image {
		width: 82px;
		height: 82px;
	}
	.client-list .slick-slide {
		padding: 0 15px;
	}
	/* 	CTA */
	.cta-box .heading {
		font-size: 30px;
	}

	.whatsapp-button {
		width: 70px;
		height: 70px;
		font-size: 40px;
	}
	/* 	FOOTER */
	.footer-block .site-branding {
		margin-bottom: 35px;
	}

	footer.site-footer {
		padding: 70px 0 0;
	}
}

@media only screen and (max-width: 1366px) {
	section {
		padding: 60px 0;
	}
	section.small-padding {
		padding: 30px 0;
	}
	/* 	HEADER */
	.wrapper {
		width: 97%;
	}
	.wrapper.small {
		width: 87%;
	}
	.site-branding img {
		/* max-width: 170px; */
	}

	ul.menu>li:not(:last-child) {
		margin-right: 30px;
	}
	/* BANNER */
	h5 {
		font-size: 18px;
	}
	section.hero-banner {
		padding: 40px 0;
	}
	.banner-left {
		width: 57%;
	}
	h1 {
		font-size: 36px;
	}

	.heading-group, .intro-description {
		margin-bottom: 22px;
	}
	.banner-left ul li:nth-child(even){
		margin-top:35px;
	}
	.common-btn {
		font-size: 14px;
		padding: 11px 22px;
	}
	.common-btn:after{
		width:16px;
		height:16px;
	}
	/* 	ABOUT US */
	h2 {
		font-size: 30px;
	}
	/* 	SERVICE */
	h3 {
		font-size: 27px;
	}
	.service-description {
		width: 90%;
	}
	.service-slide li {
		height: 600px;
	}
	/* 	FAQ */
	.faq-right {
		/* width: 95%; */
		margin: 0 auto;
		padding: 20px;
		background: #fff;
	}

	.faq-left {
		/* width: 100%; */
		/* margin: 0 auto -340px; */
	}
	/* CLIENT */
	ul.partners-slide li{
		margin:0 15px;
	}
	/* 	PORTFOLIO */
	.slider-for .portfolio-image{
		/* padding-top:90%; */
	}
	.slider-for .portfolio-content {
		padding: 25px;
	}
	h4 {
		font-size: 20px;
	}
	.slider-nav .portfolio-content .portfolio-heading{
		font-size:15px;
	}
	.portfolio-nav {
		max-width: 26%;
		left: -2%;
	}
	/* TESTIMONIAL */
	.client-detail {
		width: 95%;
	}
	.testimonial-row {
		padding: 60px 50px;
	}
	.client-image {
		width: 80px;
		height: 80px;
	}

	/* 	CTA */
	.cta-box .heading {
		font-size: 28px;
	}

	/* 	FOOTER */
	.footer-block .site-branding {
		margin-bottom: 35px;
	}

	footer.site-footer {
		padding: 60px 0 0;
	}
	.copyright {
		padding: 60px 0 50px;
	}
}

@media only screen and (max-width: 1200px) {
	section {
		padding: 50px 0;
	}
	section.small-padding {
		padding: 20px 0;
	}
	section.hero-banner {
		padding: 40px 0;
	}
	/* 	HEADER */
	.wrapper {
		width: 98%;
	}
	.wrapper.small {
		width: 92%;
	}
	.site-branding img {
		/* max-width: 150px; */
	}

	ul.menu>li:not(:last-child) {
		margin-right: 20px;
	}
	/* BANNER */
	h5 {
		font-size: 17px;
	}
	h1 {
		font-size: 33px;
	}
	.hero-banner .wrapper {
		width: 98%;
	}

	.heading-group, .intro-description {
		margin-bottom: 20px;
	}
	.banner-left ul li:nth-child(even){
		margin-top:35px;
	}
	.common-btn {
		font-size: 14px;
		padding: 10px 20px;
	}
	.common-btn:after{
		width:15px;
		height:15px;
	}
	/* 	ABOUT US */
	h2 {
		font-size: 30px;
	}
	/* 	SERVICE */
	h3 {
		font-size: 25px;
	}
	.service-description {
		width: 95%;
	}
	.service-slide li {
		height: 550px;
	}
	/* 	FAQ */
	.faq-right {
		/* width: 95%; */
		margin: 0 auto;
		padding: 20px;
		background: #fff;
	}

	.faq-left {
		/* width: 100%; */
		/* margin: 0 auto -340px; */
	}
	/* CLIENT */
	ul.partners-slide li img {
		max-width: 160px;
	}
	/* 	PORTFOLIO */
	.slider-for .portfolio-image{
		/* padding-top: 95%; */
	}
	.slider-for .portfolio-content {
		padding: 25px;
	}
	h4 {
		font-size: 19px;
	}
	.slider-nav .portfolio-content .portfolio-heading{
		font-size:15px;
	}
	.portfolio-nav {
		max-width: 31%;
		left: -1%;
	}
	.slider-for.slick-slider {
		max-width: 60%;
	}
	/* TESTIMONIAL */
	.client-detail {
		width: 95%;
	}
	.testimonial-row {
		padding: 60px 50px;
	}
	.client-image {
		width: 80px;
		height: 80px;
	}

	/* 	CTA */
	.cta-box .heading {
		font-size: 24px;
	}
	.cta-box {
		width: 88%;
	}
	/* 	FOOTER */
	.footer-block .site-branding {
		margin-bottom: 35px;
	}

	footer.site-footer {
		padding: 50px 0 0;
	}
	.copyright {
		padding: 50px 0;
	}
	.footer-block:not(:last-child) {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 1024px) {
	.wrapper,.hero-banner .wrapper {
		width: calc(100% - 30px);
	}
	.wrapper.small {
		width: 95%;
	}
	.main-navigation {
		top: 0;
		max-width: 350px;
		right: -100%;
		width: 100%;
		background-color: #000000;
		height: 100%;
		position: fixed;
		z-index: 9;
		overflow-y: auto;
		transform: translate3d(0, 0, 205px);
		transition: all 500ms ease-in-out;
	}

	.main-navigation.active {
		right: 0;
		transform: translate3d(0, 0, 0);
		transition: 500ms all ease-in-out;
	}

	ul.menu {
		flex-direction: column;
		margin-top: 100px;
		border: none;
	}

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

	.toggle {
		display: flex;
		flex-direction: column;
	}
	h1 {
		font-size: 32px;
	}

	.portfolio-nav {
		display:none;
		/*     max-width: 100%;
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		transform: translate(0, -100%); */
	}
	.cta-box .heading {
		font-size: 23px;
	}
	.slider-for.slick-slider {
		max-width: 70%;
	}
	.client-inner{
		padding:20px 20px 40px;
	}
	section {
		padding: 40px 0;
	}
}

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

	.banner-right {
		width: 100%;
		margin-bottom: 30px;
	}

	.hero-banner-row {
		flex-direction: column-reverse;
	}

	.home-about-right {
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0;
	}

	.home-about-image {
		width: 100%;
	}

	.slider-for .portfolio-inner:after {
		height: 60%;
	}

		.faq-right,.faq-left {
		width: 100%;
	}
.faq-left{
	position:unset;
	top:0;
}
	.cta-row {
		padding: 30px;
	}
	.client-inner{
		padding:20px 20px 30px;
	}
	.footer-block:not(:last-child) {
		margin-bottom: 20px;
	}
	.copyright {
		padding: 40px 0;
	}
	    .slider-for.slick-slider {
        max-width: 80%;
    }
}

@media only screen and (max-width:767px) {
	.wrapper.small {
		/* max-width: calc(100% - 30px); */
	}
	.footer-block ul.footer-menu {
		/* display: block; */
		flex-wrap: wrap;
	}

	.footer-block ul.footer-menu li {
		margin-right: 0;
		margin-bottom: 20px;
		width: 50%;
	}
	ul.social-media-icon li a{
		width:40px;
		height:40px;
	}

	.cta-box {
		width: 85%;
	}
	/* 	    .slider-for .portfolio-image {
	padding-top: 100%;
} */
	.slider-for .portfolio-content {
		position: relative;
		padding: 0;
		margin-top: 20px;
	}
	.slider-for.slick-slider {
		max-width: 100%;
		margin-top: 40px;
	}
	.faq-left{
		margin:0;
	}
	.faq-right {
		width: 100%;
		padding:0;
		margin-top:20px;
	}
	.service-block {
		display: block;
	}

	.service-heading {
		writing-mode: horizontal-tb;
		transform: rotate(0);
		margin-bottom: 20px;
		text-align: left;
	}

	.service-slide li {
		flex: unset !important;
		width: 100%;
		margin-bottom: 20px;
		height:500px;
	}
	.service-slide li:last-child{
		margin-bottom:0;
	}

	ul.service-slide {
		flex-wrap: wrap;
	}

	.service-details {
		display: block  !important;
		padding: 0;
	}

	.service-description {
		opacity: 1;
	}

	.service-slide li>div {
		background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(255, 255, 255, 0) 70%);
	}
	.service-details.active a.common-btn,.service-details.active .service-description,.service-details.active{
		animation:unset;
	}
	.client-list .slick-slide {
		padding: 0 10px;
	}
	.client-content {
		text-align: center;
		margin-bottom: 20px;
	}
	.client-inner{
		padding:20px;
	}
	.testimonial-row {
		padding: 50px;
		border-radius: 20px;
	}
	.copyright {
		padding:30px 0;
	}
	.site-branding img {
		max-width: 180px;
	}
	    .slider-for.slick-slider {
        max-width: 90%;
    }
}

@media only screen and (max-width: 640px) {
	.banner-left ul li {
		width: 100%;
		padding: 0;
		margin: 10px 0;
	}

	.banner-left ul {
		margin: 0;
	}

	.banner-left ul li:nth-child(even) {
		margin: 10px 0;
	}

	h1 {
		font-size: 30px;
	}


	.hero-banner-block .main-heading {
		padding: 10px;
	}

	h3 {
		font-size: 22px;
	}
	.cta-box {
		width: 100%;
		text-align: center;
	}

	.cta-row {
		padding:  30px 20px;
	}

	.cta-box:last-child {
		margin: 0 auto;
		margin-top: 20px;
	}

	.cta-box .whatsapp-button {
		height: 60px;
		width: 60px;
		font-size: 35px;
	}
	.service-heading{
		margin-bottom:10px;
	}
	.site-branding img {
		max-width: 170px;
	}
	.service-slide li>div {
		background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(255, 255, 255, 0) 80%);
	}
	.slider-for.slick-slider {
		margin-top: 30px;
	}
	.accordion-content {
		padding: 0 10px 10px;
	}

	.accordion {
		padding: 15px;
	}
	.footer-row {
		padding: 0 10px;
	}
	    .slider-for.slick-slider {
        max-width: 100%;
    }
}

@media only screen and (max-width:481px) {
	.site-branding img {
		max-width: 150px;
	}
	h1 {
		font-size: 29px;
	}
	h3 {
		font-size: 19px;
	}
	.testimonial-row {
		padding: 30px 10px;
	}

	.client-list .slick-list {
		overflow: hidden;
	}

	.client-inner {box-shadow: unset;padding: 10px;}

	.client-list .slick-slide {
		padding: 0 5px;
	}
	h2 {
		font-size: 27px;
	}
}