/*  1660px  */
@media all and (max-width: 1800px) {

.grid-1280 {width:1460px; }

.our-projects, .our-clients { max-width:1460px;}

.service-box-1 h3, .service-box-2 h3, .service-box-3 h3 {  font-size: 32px;}

p {font-size:20px;}

h2 {font-size:70px;}

.video-2-content h2, .banner-text h1 , .simple h2 {  font-size: 130px;}

.banner-text p {font-size:22px;}

.small-video {  width: 1200px;}

#project-text {  background-size: 100% auto;}

.panel ul {    margin-top: 200px;  }

#menu .service-box-1, #menu .service-box-2, #menu .service-box-3 {margin-top:150px;}

.key-feature-box {height:auto;}

.pink .key-feature-box {height:auto;}



}




/*  1350px  */
@media all and (max-width: 1479px) {

.grid-1280 { width:1280px;}

.our-projects, .our-clients { max-width:1280px;}
	
#menu .service-box-1, #menu .service-box-2, #menu .service-box-3 {  margin-top:180px;	}

.panel ul {  margin-top: 175px;}
	
.service-box-1 h3, .service-box-2 h3, .service-box-3 h3 {  font-size: 30px;}

p {font-size:19px;}

h2 {font-size:60px;}


.video-2-content h2, .banner-text h1 , .simple h2 {  font-size: 110px;}

.banner-text p {font-size:20px;}
	
.small-video {  width: 800px; height:520px; overflow:hidden;}	

#project-text {height:520px; }

.service-box-1, .service-box-2, .service-box-3 {padding:40px; height:720px; }

.service-box-1 p, .service-box-2 p, .service-box-3 p {  height: 220px;}

.service-box-1 h3, .service-box-2 h3, .service-box-3  h3 {font-family: 'gilroy-semibold'; height:150px;}

.services {  padding: 60px 0px;}

.reverse-logo {  width: 170px;}

#menu .service-box-1 h3, #menu .service-box-2 h3, #menu .service-box-3 h3 {  font-size: 20px;  margin-top: 20px;  margin-bottom: 20px;}

.key-feature-box {height:auto;}

.benefit-box {height:750px;}


.pink .key-feature-box h3 {  font-size: 22px;  line-height: 30px;}

.pink .key-feature-box {height:auto;}

.green .key-feature-box {height:auto;}

.purple .key-feature-box {margin-bottom:30px; height:auto;}



.fullsize-video-holder { max-height:660px; height:660px;  }
.banner-text {min-height:660px; height:660px; }
.video-2-content { min-height:660px; height:660px;}
#project-video .fullsize-video-holder { max-height:520px; height:520px;  }
.small-video2 { width:925px;    }


}




/*  1240px  */
@media all and (max-width: 1339px) {
 
.grid-1280 { width:1200px;}

.our-projects, .our-clients { max-width:1200px;}	

.object-cover.relative.xl\:h-screen.h-\[50vh\].w-full.overflow-hidden {height:100%;}

.video-2-content, .banner-text {height:110%;}

.animate, .animate2 {font-size:30px;}
	
.small-video {  width: 920px; height:520px; overflow:hidden; }		

.purple .key-feature-box {margin-bottom:30px; height:auto;}

.purple .benefit-box {  height: 650px;}

#team-box1 img, #team-box2 img {  width: 53%;}


.fullsize-video-holder { max-height:660px; height:660px;  }
.banner-text {min-height:660px; height:660px; }
.video-2-content { min-height:660px; height:660px;}
#project-video .fullsize-video-holder { max-height:520px; height:520px;  }
.small-video2 { width:925px;    }

	
}






/*  980px  */
@media all and (max-width: 1239px) {

.grid-1280 { width:920px;}
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-8-of-9,  .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-3-of-9, .col-2-of-9 {padding: 0px 10px;} 	
	

.our-projects, .our-clients { max-width:920px;}	

#menu-list-holder {width:40%; float:left; display:inline-block;}
	
#menu-service-holder {width:60%; float:left; display:inline-block; margin-top:150px;}

#menu-service-holder .col-1-of-4 {width:100%;}

#menu .service-box-1 img, #menu .service-box-2 img, #menu .service-box-3 img {  display: inline-block;  width: 70px;  margin-top: 0px;  float: left;  margin-right: 10px;}

#menu .service-box-1 h3, #menu .service-box-2 h3, #menu .service-box-3 h3 {  font-size: 22px;  line-height: 130%;  height: auto;  margin-top:10px;  margin-bottom: 20px;}

#menu .service-box-1, #menu .service-box-2, #menu .service-box-3 {    margin-top: 20px; padding:20px;  height: 120px;  }
	
#menu .service-box-1 a, #menu .service-box-2 a, #menu .service-box-3 a {float:right; margin-top:-80px;}	

.contact-form-row {width:100%;}

h2 {    font-size: 50px;  }

.animate, .animate2 {    font-size: 26px;  font-family: 'gilroy-regular';}

.services .col-1-of-3 {width:100%;}

.service-box-1 h3, .service-box-2 h3, .service-box-3 h3  {height:auto; margin-bottom:30px;}

.service-box-1 h3 br, .service-box-2 h3 br, .service-box-3 h3 br {display:none;}

.service-box-1 p, .service-box-2 p, .service-box-3 p {  height: auto;  }
	
.service-box-1, .service-box-2, .service-box-3 {    padding: 40px;    height: auto; margin-bottom:20px;  }	

.our-clients {padding:50px 0px;}

.our-clients  p {margin-bottom:0px;}

.lets-grab {  padding: 60px 0px;}

.lets-grab p {padding-right:20px;}

.lets-grab p br {display:none;}
	
.object-cover.relative.xl\:h-screen.h-\[50vh\].w-full.overflow-hidden {height:1024px;}

.video-2-content, .banner-text {height:1024px;}	

.video-2-content h2, .banner-text h1, .simple h2 {    font-size: 90px;  }

.our-projects h2, .our-projects p {  width: 50%;}

.our-projects h2 { margin-top: 40px;}
	
.small-video {  width: 720px; height:450px; overflow:hidden; }		

#project-text {    height: 450px;  }

.our-projects .object-cover.relative.xl\:h-screen.h-\[50vh\].w-full.overflow-hidden { height:450px;}
	
#menu .service-box-1 a, #menu .service-box-2 a, #menu .service-box-3 a {    float: none;    margin-top: 0px;    margin-left: 82px;  }	
	
#menu-list-holder { display:block; width:100%;  }	
	
#menu-service-holder { display:none;  }	
	
.panel ul {width:100%;}	

.pink .col-1-of-4 {width:50%;}

.benefits .hline {  padding-top: 10px;}

.pink .key-feature-box {height:auto; margin-bottom:25px;}

.pink .benefit-box {height:650px; margin-bottom:25px;}
	
.green .key-feature-box {height:auto;}	
	
.purple .key-feature-box {margin-bottom:30px; height:auto;}

.purple .benefit-box {  height: auto; margin-bottom:30px;}

.purple .col-1-of-3, .purple .col-1-of-2 {width:100%;}
	
#clients-logo {  margin-top: 6%;}	

.team .col-1-of-2 {width:100%; display:block; float:none;}

#team-box1 img, #team-box2 img {    width: 30%;  }

#team-box2 {margin-top:30px;}



.fullsize-video-holder { max-height:550px; height:550px;  }
.banner-text {min-height:550px; height:550px; }
.video-2-content { min-height:550px; height:550px;}
#project-video .fullsize-video-holder { max-height:450px; height:450px;  }
.small-video2 { width:800px;    }


	
}




/*  768px  */
@media all and (max-width: 979px) {

.grid-1280 { width:720px;}	

.col-1-of-4  {width: 50%;}	

.col-1-of-5  {width: 33.33%;}	

.col-1-of-6  {width: 33.33%;}	

.col-1-of-7  {width: 25%;}	

.col-1-of-8  {width: 25%;}	
		
.col-1-of-9  {width: 20%;}	
		
.col-1-of-10  {width: 20%;}	
	
.col-1-of-11  {width: 16.66%;}
	
.col-1-of-12 {width: 16.66%;}
	
.col-5-of-8 {    width: 75%;	}
	
.col-3-of-9 {    width: 40.00%;	}
	
.col-1-of-9 {    width: 25%;}	
	
.col-2-of-9 {    width: 25%	}
	
.col-3-of-9 {    width: 50%;}	
	
.col-3-of-8 {    width: 50%;	}

.col-2-of-3, .col-2-of-5, .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6,  .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-7-of-8, .col-6-of-8, .col-8-of-9,  .col-7-of-9, .col-6-of-9, .col-5-of-9, .col-4-of-9 {width: 100%;}	


.our-projects, .our-clients { max-width:720px;}		
	
.our-clients .col-1-of-3, .lets-grab .col-1-of-2 { width:100%;}

#clients-logo {  margin-top: 30px;}

.animate, .animate2, .small-heading {width:100%;}

.animate, .animate2 {    font-size: 22px;   font-family: 'gilroy-regular';  }

h2 br {display:none;}

h2 {margin-bottom:10px;}

.object-cover.relative.xl\:h-screen.h-\[50vh\].w-full.overflow-hidden {height:1024px;}

.video-2-content, .banner-text {height:1024px;}	

#project-text {  position: relative; height:auto;}

.our-projects h2, .our-projects p {    width: 100%;  }
	
.small-video {  width: 700px; height:450px; overflow:hidden; float:left; }		

#menu .service-box-1 a, #menu .service-box-2 a, #menu .service-box-3 a {    float: right;    margin-top: 0px;  }	

#menu-service-holder {   margin-top: 100px;  }

.pink .key-feature-box {height:auto; }

.lets-grab h2 {  font-size: 48px;}

.green .col-1-of-3 {    width: 100%;  }

.green .key-feature-box {height:auto; margin-bottom:25px; }
	
.key-features.green	 {padding-bottom:0px;}
	
#team-box1 img, #team-box2 img {    width: 50%;  }	

#team-box1 p, #team-box2 p {margin:0px;}

.aboutus {  padding: 60px 0px;}
	
#project-video {  padding-right: 10px;}	

.video-2-content h2 {font-size:60px;}

#gaming-3d-app h1, #interactive-3d h1, #real-estate-brand-story h1 { font-size: 70px;}
	
#gaming-3d-app p, #interactive-3d p, #real-estate-brand-story p { width:80%; margin:20px auto;}
	
	
	
.fullsize-video-holder { max-height:430px; height:430px;  }
.banner-text {min-height:430px; height:430px; }
.video-2-content { min-height:430px; height:430px;}
#project-video .fullsize-video-holder { max-height:460px; height:460px;  }
.small-video2 { width:100%;    }
	
	
}





/*  640px  */
@media all and (max-width: 767px) {

.grid-1280 { width:600px;}	
	
.col-1-of-1, .col-1-of-2, .col-1-of-3, .col-1-of-4, .col-1-of-5, .col-1-of-6, .col-1-of-7, .col-1-of-8, .col-1-of-9, .col-1-of-10, .col-1-of-11, .col-1-of-12, .col-2-of-3, .col-2-of-5,  .col-3-of-5, .col-4-of-5, .col-3-of-4, .col-5-of-6, .col-4-of-6, .col-3-of-6, .col-2-of-6, .col-6-of-7, .col-5-of-7, .col-4-of-7, .col-3-of-7, .col-2-of-7, .col-8-of-9, .col-7-of-9,  .col-6-of-9, .col-5-of-9, .col-4-of-9, .col-3-of-9, .col-2-of-9, .col-7-of-8, .col-6-of-8, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8 {padding: 0px 5px;} 


.our-projects, .our-clients { max-width:600px;}		
	
#menu-list-holder { display:block; width:100%;  }	
	
#menu-service-holder { display:none;  }	

.panel ul {    margin-top: 130px;  }

.panel ul {  width: 100%;}

footer .col-1-of-2 {width:100%; text-align:center;}

.copyright-links {text-align:center;}
	
#copyright-left {padding-bottom:0px;} 	
	
#copyright-right {border-top:0px; padding-top:0px;}	
	
.our-clients, .lets-grab { padding: 40px 0px;  }	

.focus {  padding: 40px 0px;}

.small-heading {letter-spacing:2px;}

.reverse-logo {   width: 150px; margin-top:20px;  }

.object-cover.relative.xl\:h-screen.h-\[50vh\].w-full.overflow-hidden {height:480px;}

.video-2-content, .banner-text {height:480px;}	

.video-2-content h2, .banner-text h1, .simple h2 {    font-size: 80px;  }

.aboutus {  padding: 50px 0px;}

.small-video {  width: 600px; height:350px; overflow:hidden; float:left; }		

.services {    padding: 15px 0px;  }

.pink .key-feature-box {height:auto; }

.pink .col-1-of-4 {    width: 100%;  }

.key-features {padding-bottom:20px;}

.key-features  p br {display:none;}

.benefits.green .col-1-of-2, .benefits.pink .col-1-of-2 {    width: 100%;  }

.green .benefit-box, .pink .benefit-box {height:auto; margin-bottom:25px;}

#team-box1 img, #team-box2 img {    width: 40%;  }

.banner-text h1 {padding-top:6%;}


.logo {width:150px;}

header, header.darker { padding: 15px 0px;  }

.get-in-touch {    display: none;  }

.responsive-menu-icon {    margin-top: 3px;  }

.video-2-content h2 {font-size:60px;}

.video-2-content p {font-size:18px;}





.fullsize-video-holder { max-height:360px; height:360px;  }
.banner-text {min-height:360px; height:360px; }
.video-2-content { min-height:360px; height:360px;}
#project-video .fullsize-video-holder { max-height:400px; height:400px;  }
.small-video2 { width:100%;    }


#gaming-3d-app h1, #interactive-3d h1, #real-estate-brand-story h1 { font-size: 60px;}
	
#gaming-3d-app p, #interactive-3d p, #real-estate-brand-story p { width:80%; margin:20px auto; font-size: 16px;}



}





/*  480px  */
@media all and (max-width: 639px) {

.grid-1280 { width:440px;}	
	
.col-1-of-2, .col-5-of-8, .col-4-of-8, .col-3-of-8, .col-2-of-8, .col-3-of-9, .col-2-of-9  {width: 100%; float: none;}	

.col-1-of-3  {width: 100%; float: none;}	
	
.col-1-of-4  {width: 100%; float: none;}	

.col-1-of-5  {width: 100%; float: none;}	

.col-1-of-6  {width: 50%;}	

.col-1-of-7  {width: 33.33%;}	

.col-1-of-8  {width: 33.33%;}
		
.col-1-of-9  {width: 33.33%;}
		
.col-1-of-10  {width: 33.33%;}
	
.col-1-of-11  {width: 33.33%;}
	
.col-1-of-12 {width: 33.33%;}
	

.our-projects, .our-clients { max-width:440px;}	

.get-in-touch {display:none;}

.object-cover.relative.xl\:h-screen.h-\[50vh\].w-full.overflow-hidden {height:640px;}

.video-2-content, .banner-text {height:640px;}	

.banner-text p br {display:none; }

.banner-text p  {padding:0px 60px;}

header, header.darker {padding: 30px 0px;}

.responsive-menu-icon {margin-top:3px;}

header.darker .responsive-menu-icon {  margin-top: 3px;}

h2 { font-size: 42px;  }

.video-2-content p br {display:none;}

.video-2-content h2, .banner-text h1, .simple h2 {    font-size: 65px;  }

.small-video {  width: 440px; height:300px; overflow:hidden; float:left; }		

.our-projects, .our-clients { max-width:440px;}			
	
.our-projects {margin-bottom:20px;}

.lets-grab h2 {  font-size: 40px;}

#team-box1 img, #team-box2 img {    width: 100%;    margin-bottom: 20px;    margin-right: 0px; display:block;  }
	
.simple p br {display:none;}	
	
	
.fullsize-video-holder { max-height:640px; height:640px;  }
.fullsize-video-holder video { max-width:300%; height:auto; margin-left:-100%}
.banner-text {min-height:640px; height:640px; }
.video-2-content { min-height:640px; height:640px;}
#project-video .fullsize-video-holder { max-height:310px; height:310px;  }
#project-video .fullsize-video-holder video { max-width:100%; height:auto; margin-left:0;}
.small-video2 { width:100%;    }
	

#gaming-3d-app h1, #interactive-3d h1, #real-estate-brand-story h1 { font-size: 60px;}
	
#gaming-3d-app p, #interactive-3d p, #real-estate-brand-story p { width:90%; margin:20px auto; font-size: 16px;}
	
	
}




/*  360px  */
@media all and (max-width: 479px) {

.grid-1280 { width:320px;}	
	
.col-1-of-6  {width: 100%; float: none;}	

.col-1-of-7  {width: 50%;}	

.col-1-of-8  {width: 50%;}
		
.col-1-of-9  {width: 50%;}
		
.col-1-of-10  {width: 50%;}
	
.col-1-of-11  {width: 50%;}
	
.col-1-of-12 {width: 50%;}	
	

.our-projects, .our-clients { max-width:320px;}	

.logo {width:150px;}

header, header.darker { padding: 15px 0px;  }

.panel ul { margin-top: 85px;  }	

.banner-text p { padding: 0px 40px;  }

.animate, .animate2 {    font-size: 20px;    font-family: 'gilroy-semibold';  }

.copyright-links, .copyright {letter-spacing:1px; font-family: 'gilroy-regular';}

#clients-logo img {  width: 48%;  margin: 1%;}

.small-heading {    letter-spacing: 3px;   font-size: 13px;    line-height: 180%;  }

.service-box-1 img, .service-box-2 img, .service-box-3 img {  display: block;  width: 130px;}

.service-box-1 h3, .service-box-2 h3, .service-box-3 h3 {    font-size: 24px;  }

p { font-size: 17px; }

.small-video {  width: 320px; height:250px; overflow:hidden; float:left; }		

.service-box-1, .service-box-2, .service-box-3 {    padding: 35px;}

.simple {padding-top:0px; padding-bottom:30px;}

.anchor-point { margin-top:-70px; }

.benefits ul {  margin: 0px 20px 40px 20px;  padding: 0px;}

.benefits h3 {  margin: 30px 0px 10px 20px;}

.lets-grab h2 {  font-size: 36px;}

.video-2-content h2, .banner-text h1, .simple h2 {    font-size: 52px;  }

.key-feature-box h3 {font-size:20px; padding-bottom:15px; margin-top:15px;}

.team p {  font-size: 16px;}

.team {margin-bottom:30px;}


.fullsize-video-holder { max-height:640px; height:640px;  }
.fullsize-video-holder video { max-width:350%; height:auto; margin-left:-100%}
.banner-text {min-height:640px; height:640px; }
.video-2-content { min-height:640px; height:640px;}
#project-video .fullsize-video-holder { max-height:210px; height:210px;  }
#project-video .fullsize-video-holder video { max-width:100%; height:auto; margin-left:0;}
.small-video2 { width:100%;    }

	
#gaming-3d-app h1, #interactive-3d h1, #real-estate-brand-story h1 { font-size: 50px; padding: 0px 30px;}
	
#gaming-3d-app p, #interactive-3d p, #real-estate-brand-story p { width:100%; margin:20px auto; font-size: 16px;}


}