@media screen and (min-width:200px) and (max-width:683px) {
    body {
        font-size: 85%;
    }

    .container {
        width: 85%;
    }
	.container-sm {
		width: 85%;
	}
	.banner h1 {
		font-size: 2.5em;
		color: #fff;
	}
	.banner-text {
		width: 100%;
      margin: 50% auto;
	}
	.services li {
		width: 100%;
		margin: -0.5px 0px;
		padding: 30px;
	}
	.services li h2 {
		padding: 10px 0;
	}
	.box-btn {
		right: -7px;
	}
	
	.ft-contact h3 {
		padding: 0 0 20px 0;
		font-size: 1.7em;
	}
	.services {
		padding: 0 0 20% 0;
	}
	.contact .left {
		width: 50%
	}

	.contact .right h2 {
		font-size: 1.5em;
	}
	.team {
		padding: 50px 0;
	}
	.team .left {
		width: 100%;
	}
	.team .right {
		width: 100%;
		padding: 5% 0 0 0;
	}
	.team .right a.green {
		bottom: -90px;
	}
	.client-logo {
		padding: 50px 0;
	}
	.client-logo .left {
		width: 100%;
		 border-bottom: 1px solid #c8c8c8;
		 border-right: 0;
		
	}
	.client-logo .right {
    width: 100%;
    padding: 5% 0 0 0;
 
}
	.client-logo li {
		padding: 0 10px 0 0;
		width: 50%;
	}
	.blog .left {
		width: 100%;

	}
	.blog .right {
		width: 100%;
		flex-direction: column;
	}
	.blog .right .bg-img {
		width: 100%;
	}
	.blog .right .bg-img img {
    width: 100%;
}
	.blog .right .bg-text {
		width: 100%;
		padding: 5% 0 0 0;
	}
	.blog {
		padding: 0 0 20px 0;
	}
	.footer .set:nth-child(1) {
		width: 100%;
	}
	.footer .set:nth-child(2) {
		width: 100%;
		padding: 10% 0 0 0;
	}
	.footer .set:nth-child(3) {
		padding: 10% 0 0 0;
	}
	.footer .set h3 {
		padding: 0 0 15px 0;
	}
	.footer {
		padding: 60px 0;
	}
	.footer .set {
		width: 100%;
	}
	.inner .banner-text {
		width: 75%;
	}
	.inner .banner h1 {
		font-size: 3.5em;
	}
	.service-box li {
		width: 100%;
		flex-direction: column;
	}
	.inner .banner {
		height: 40vh;
		background-position: 90% 0!important;
		margin: 40px 0 0 0;
	}
	.team-box ul {
		padding: 30px 0;
		grid-template-columns: 100%;
	}
	.content-section {
		padding: 10% 0;
	}
	.team .left {
		width: 100%;
		mix-blend-mode: darken;
	}
	.banner {
		   margin: 0 0 0 0;
         height: 450px;
		    background-position: 0 0!important;
	}
	.logo {
		width: 65%;
		padding: 20px 0 20px 0;
	}
	a.green {
		display: none;
	}
	.client-logo ul {
		flex-wrap: wrap;
	}
	.service-box li .box-text {
		padding: 5% 0 0 5%;
	}
	.news-box li {
		width: 100%;
	}
	.left {
		width: 100%;
	}
	.right {
		width: 100%;
		margin: 10% 0 0 0;
	}
	#navigate ul li:last-child a:before {
		display: none;
	}
	#navigate ul li:last-child a {
		color: #fff!important;
	}
	.ft-contact {
		padding: 8% 0;
	}.ft-contact {
		padding: 8% 0;
	}
	.box-btn-green {
		max-width: 150px;
		padding: 15px 25px;
	}
	.team-box li:nth-child(1)  {
		grid-column: 1 / 1;
        grid-row: 1;
	}
	
	.team-box li:nth-child(2) {
		grid-column: 1 / 1;
        grid-row: 2;
	}
	.team-box li:nth-child(3) {
		 	grid-column: 1 / 1;
        grid-row: 3;
	}
	.team-box li:nth-child(4) {
		 	grid-column: 1 / 1;
        grid-row: 4;
	}
	.contact .right {
		 width: 100%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1440px){
	body {
        font-size: 85%;
    }
	 
	
}

@media screen and (min-width: 684px) and (max-width: 1024px){
	body {
        font-size: 85%;
    }

    .container {
        width: 85%;
    }
	.container-sm {
		width: 85%;
	}
	.banner h1 {
		font-size: 4em;
		color: #fff;
	}
	.banner-text span {
		font-size: 1.4em;
	}
	.banner-text {
		width: 100%;
      margin: 50% auto;
	}
	.services li {
		width: 50%;
		margin: -0.5px 0px;
	}
	.contact .left {
		width: 50%
	}
	.contact .right {
		 width: 100%;
	}
	.contact .right h2 {
		font-size: 1.5em;
	}
	.team {
		padding: 50px 0;
	}
	.team .left {
		width: 100%;
	}
	.team .right {
		width: 60%;
		padding: 0;
	}
	.team .right a.green {
		bottom: -90px;
	}
	.client-logo {
		padding: 50px 0;
	}
	.client-logo .left {
		width: 100%;
		 border-bottom: 1px solid #c8c8c8;
		 border-right: 0;
		
	}
	.client-logo .right {
    width: 100%;
    padding: 5% 0 0 0;
 
}
	.client-logo li {
		padding: 0 10px 0 0;
		width: 25%;
	}
	.blog .left {
		width: 100%;
    	
	}
	.blog .right {
		width: 100%;
		flex-direction: column;
	}
	.blog .right .bg-img {
		width: 100%;
	}
	.blog .right .bg-img img {
    width: 100%;
}
	.blog .right .bg-text {
		width: 100%;
		padding: 5% 0 0 0;
	}
	.blog {
		padding: 50px 0 20px 0;
	}
	.footer .set:nth-child(1) {
		width: 100%;
	}
	.footer .set:nth-child(2) {
		width: 100%;
		padding: 10% 0 0 0;
	}
	.footer .set:nth-child(3) {
		padding: 10% 0 0 0;
	}
	.footer .set h3 {
		padding: 0 0 15px 0;
	}
	.footer {
		padding: 60px 0;
	}
	.footer .set {
		width: 100%;
	}
	.inner .banner-text {
		width: 75%;
	}
	.inner .banner h1 {
		font-size: 3.5em;
	}
	.service-box li {
		width: 50%;
		flex-direction: column;
	}
	.inner .banner {
		height: 40vh;
		background-position: 90% 0!important;
		margin: 40px 0 0 0;
	}
	.team-box ul {
		padding: 30px 0;
	}
	.content-section {
		padding: 10% 0;
	}
	.team .left {
		width: 40%;
		mix-blend-mode: darken;
	}
	.banner {
		   margin: 0 0 0 0;
       height: 800px;
	}
	.logo {
		width: 26%;
		padding: 40px 0 20px 0;
	}
	a.green {
		display: none;
	}
	.client-logo ul {
		flex-wrap: wrap;
	}
	.service-box li .box-text {
		padding: 5% 0 0 5%;
	}
	.news-box li {
		width: 48%;
	}
	.left {
		width: 100%;
	}

	.ft-contact h3 {
		padding: 0 0 20px 0;
	}
	.right {
		width: 100%;
		margin: 10% 0 0 0;
	}
	#navigate ul li:last-child a:before {
		display: none;
	}
	#navigate ul li:last-child a {
		color: #fff!important;
	}
	.ft-contact {
		padding: 8% 0;
	}
	.box-btn-green {
		max-width: 150px;
		padding: 15px 25px;
	}
	
	
}