/* 
	## 1741 to 1902
	## 1681 to 1740
	## 1537 to 1680
	## 1367 to 1536
	## 1367 to 1550
	## 1201 to 1550
	## 1201 to 1366
	## 992 to 1200
	## 1025 to 1200
	## 1201 to 1280
	## 1281 to 1366
	## 992 to 1024
	## 768 to 991
	## 319 to 767
	## 481 to 767
	## 319 to 480
	## 319 to 479
	## 991
*/

@media only screen and (min-width: 1920px) {
	.main-container {
		max-width: 1920px;
		margin: 0 auto;
	}
}

/* ## 1741 to 1902 ## */
@media only screen and (min-width: 1741px) and (max-width: 1902px) 
{		
	/* Our Genius */
	/*.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 25%;
	} 
	
	.our-genius .genius {
		width: 26.5%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 56%;	
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 400px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
	
	.our-genius .style4{
		width: 28%;
	} 
	
	.our-genius .style5,
	.our-genius .style6{
		width: 25.1%;
	} 
	 
	.our-genius .style7 {
		width: 28%;
	}*/
	
	.inner-social-info {
		padding: 90px 70px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 40px;
		height: 50px;
		line-height: 50px;
	}
}

/* ## 1681 to 1740 ## */
@media only screen and (min-width: 1681px) and (max-width: 1740px) {
	/* ## How WE WorK ## */
	.slope-right,
	.slope-left	{
		width: 55%;
	}
	
	.slope-left {
		border-right-width: 200px;
	}
	
	/* Our Genius */
	/*.genius-gallery {
		width: 100%;
		display: inline-block;
	}*/
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 23.72%;
	} 
	
	.our-genius .genius {
		width: 26.696%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 59.36%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 400px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
		
	.inner-social-info {
		padding: 90px 70px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 40px;
		height: 50px;
		line-height: 50px;
	}
}

/* ## 1537 to 1680 ## */
@media only screen and (min-width: 1537px) and (max-width: 1680px) {

	[class*="video-section-"] .slide-sub-title {
		font-size: 55px;
		line-height: 60px;
	}
	
	/* ## How WE WorK ## */
	.slope-right,
	.slope-left	{
		width: 55.5%;
	}
	
	.slope-left {
		border-right-width: 200px;
	}
	
	.inner-social-info {
		padding: 90px 70px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 40px;
		height: 50px;
		line-height: 50px;
	}
	
	.skills-info {
		right: 5px;
	}
}

@media only screen and (min-width: 1680px) and (max-width: 1915px){
	/* Our Genius */
	.genius-gallery {
		width: 1672px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 23.75%;
	} 
	
	.our-genius .genius {
		width: 26.75%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 59.56%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 400px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

@media only screen and (min-width: 1600px) and (max-width: 1679px){
	/* Our Genius */
	.genius-gallery {
		width: 1592px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 23.75%;
	} 
	
	.our-genius .genius {
		width: 26.84%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 59.91%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 400px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1599px){
	/* Our Genius */
	/*.genius-gallery {
		width: 1440px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 24.02%;
	} 
	
	.our-genius .genius {
		width: 27.045%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 60.19%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 350px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}*/
}

@media only screen and (min-width: 1440px) and (max-width: 1599px){
	/* Our Genius */
	.genius-gallery {
		width: 1432px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 24.02%;
	} 
	
	.our-genius .genius {
		width: 27.045%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 60.19%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 375px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

@media only screen and (min-width: 1401px) and (max-width: 1439px){
	/*
	.genius-gallery {
		width: 1400px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 24.15%;
	} 
	
	.our-genius .genius {
		width: 27.1%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 60.19%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 350px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}*/
}

@media only screen and (min-width: 1400px) and (max-width: 1439px){
	/* Our Genius */
	.genius-gallery {
		width: 1400px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 24.15%;
	} 
	
	.our-genius .genius {
		width: 27.1%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 60.19%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 350px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

/* ## 1367 to 1536 ## */
@media only screen and (min-width: 1367px) and (max-width: 1536px)
{ 
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 25px;
		height: 50px;
		line-height: 50px;
	}
	.skills-info {
		right: 8px;
	}
	.social-info {
		padding: 50px 0;
	}
}

/* ## 1367 to 1550 ## */
@media only screen and (min-width: 1367px) and (max-width: 1550px)
{
	/* ## Portfolio Section ## */
	.portfolio-list.no-space .portfolio-block-hover{
		top: 33%;
	}
	
	[class*="video-section-"] .slide-sub-title {
		font-size: 50px;
		line-height: 60px;
	}
	
	/* ## How WE WorK ## */
	.slope-right,
	.slope-left	{
		width: 55.7%;
	}
	
	.slope-left {
		border-right-width: 200px;
	}
	
	.features-section h2 {
		margin-right: 85px;
	}
	
	.why-choose h2 {
		margin-left: 115px;
	}
}

/* ## 1201 to 1550 ## */
@media only screen and (min-width: 1201px) and (max-width: 1550px)
{	
	.service-section {
		overflow: hidden;
	}
	
	/* Why Choose Section */
	.why-choose-box {
		margin-left: 120px;
	}
	
	.brag-content {
		top: 130px;
	}
}

/* ## 1201 to 1366 ## */
@media only screen and (min-width: 1201px) and (max-width: 1366px)
{
	.slider-section .slide-title {
		width: 400px;
		height: 400px;
		top: 22%;
	}
	.slider-section .slide-title span.inner-circle {
		width: 300px;
		height: 300px;
	}
	
	.slider-section .slide-title span.inner-circle span:first-child,
	[class*="video-section-"] .slide-title span.inner-circle span:first-child {
		padding-top: 50px;
	}

	.slider-section .slide-title span.inner-circle span:last-child,
	[class*="video-section-"] .slide-title span.inner-circle span:last-child {
		padding-bottom: 50px;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1){
		font-size: 60px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 60px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(3){
		font-size: 51px;
	}
	
	[class*="video-section-"] .slide-sub-title {
		font-size: 40px;
		line-height: 60px;
	}
	
	/* Services Section */
	.service-section .service-bg > h3 {
		font-size: 28px;
	}
	
	/* ## Portfolio Section ## */
	.portfolio-list.no-space .portfolio-block-hover{
		top: 33%;
	}
	
	.features-section h2 {
		margin-right: 85px;
	}
	
	/* Why Choose */
	.why-choose-inner {
		margin-left: 40px;
	}
	.why-choose h2 {
		margin-left: 95px;
		font-size: 40px;
	}
	
	/* ## How WE WorK ## */
	.slope1,
	.slope2,
	.slope3 {
		background-size: cover;
	}
	.slope-right,
	.slope-left	{
		width: 56.6%;
	}
	
	.slope-left {
		border-right-width: 200px;
	}
	
	/* light box form */
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
		-webkit-transform: translate(0px, 25%);
		-moz-transform: translate(0px, 25%);
		-o-transform: translate(0px, 25%);
		-ms-transform: translate(0px, 25%);
	}
}

/* ## 992 to 1200 ## */
@media only screen and (min-width: 992px) and (max-width: 1200px)
{	
	/* Slider Section */
	.slider-section .slide-title {
		top: 12%;
	}
	
	.slider-section .slide-sub-title,
	[class*="video-section-"] .slide-sub-title {
		line-height: 65px;
		font-size: 56px;
		bottom: 50px;
	}
	
	.slider-section .slide-sub-title, 
	[class*="video-section-"] .slide-sub-title {
		font-size: 41px;
		line-height: 60px;
	}
	
	.service-section {
		overflow: hidden;
	}
	
	.right .slide-sub-title {
		right: 45px;
	}
	
	.slider-section .slide-sub-title, 
	[class*="video-section-"] .slide-sub-title {
		left: 45px;
	}
	
	/* Services Section */
	.service-section .service-bg > h3 {
		font-size: 26px;
	}
	
	/* Features Section */
	.feature-box {
		left: -83px;
	}	
	
	.line.line1 hr {
		left: 380px;
	}
	
	.line.line1 i {
		right: -258px;
	}
	
	.line.line2 hr {
		left: 340px;
	}
	
	.line.line2 i {
		right: -337px;
	}
	
	.line.line3 hr {
		left: 335px;
	}
	
	.line.line3 i,
	.line.line4 i {
		right: -311px;
	}
	
	.line.line4 hr {
		left: 325px;
	}
	
	.features-section h2 {
		margin-right: 75px;
	}
	
	/* ## Portfolio Section ## */
	.cd-gallery .portfolio-list li {
		min-height: 1px;
	}
	
	.portfolio-list.no-space .portfolio-block-hover{
		top: 30%;
	}
	
	/* Why Choose Section */
	.why-choose:before {
		width: 60%;
	}
	
	.why-choose .view-more {
		bottom: 10px;
	}
	
	/* How we Work */
	.slope2 .shape-content {
		left: 100px;
	} 
	
	.slope1.slope-first .slope-right .shape-content,
	.slope-right .shape-content, 
	.slope-left .shape-content {
		margin-top: 50%;
	}
	
	.slope1 .slope-right .shape-content {
		margin-top: 65%;
	}
	
	/* Our Genius */
	.skill-progress-box h6 {
		line-height: 40px;
	}
	
	/* Blog Section */
	.entry-cover {
		width: 76%;
	}
	.entry-cover img {
		height: 210px;
	}
	
	.blog-section .post {
		padding: 0;
	}
	
	/* Brag About Section */
	.brag-content {
		width: 96%;
		top: 80px;
	}

	.start-project h1 {
		text-align: right;
		margin-right: 17px;
	}	
	.send-msg a {
		margin-right: 0;
		margin-left: -30px;
	}
	
	/* Client */
	.testimonial:nth-child(even),
	.testimonial:nth-child(odd),
	.last-testimonial.testimonial:nth-child(odd)	{
		margin-top: -146px;
	}
	
	.last-testimonial.testimonial:nth-child(odd)	{
		margin-top: -275px;
	}
	
	.client-hover {
		left: 10%;
		right: 10%;
	}
}

/* ## 1025 to 1200 ## */
@media only screen and (min-width: 1025px) and (max-width: 1200px)
{
	/* ## How WE WorK ## */
	.slope-right,
	.slope-left	{
		width: 57.6%;
	}
	
	.slope-left {
		border-right-width: 200px;
	}
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 18px;
		height: 40px;
		line-height: 40px;
	}
	.hover {
		line-height: 290px;
	}
	
	/* ### Blog Page ### */

	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
}

/*@media (max-width: 1200px){
	.genius-gallery {
		width: 1200px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 24.85%;
	} 
	
	.our-genius .genius {
		width: 27.459%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 60.2%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 300px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}*/

@media only screen and (min-width: 1281px) and (max-width: 1365px) {
	.genius-gallery {
		width: 1272px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 25.14%;
	}
	
	.our-genius .genius {
		width: 27.3%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 59%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 300px;			
	}	

	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1279px) {
	/* Our Genius */
	.genius-gallery {
		width: 1194px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 25.45%;
	}
	
	.our-genius .genius {
		width: 27.45%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 59%;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 300px;			
	}	

	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

/* ## 1201 to 1280 ## */
@media only screen and (min-width: 1201px) and (max-width: 1280px)
{
	/* ## How WE WorK ## */
	.slope-right,
	.slope-left	{
		width: 57%;
	}
	
	.slope-left {
		border-right-width: 200px;
	}
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 25px;
		height: 40px;
		line-height: 40px;
	}
	.hover {
		line-height: 300px;
	}
	.skill-progress-box h6 {
		line-height: 40px;
	}
	
	/* ### Blog Page ### */
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	/* ## How We Work ## */
	.clean-code::before {
		bottom: 112px;
		content: "";
		height: 106%;
		position: absolute;
		right: -35px;
		top: -22px;
		width: 53.7%;
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1399px){
	/* Our Genius */
	.genius-gallery {
		width: 1348px;
		display: block;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 24.9%;
	} 
	
	.our-genius .genius {
		width: 27.16%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 58.95%;
		margin-left: -66px;
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 350px;			
	}
}

/*@media only screen and (min-width: 1281px) and (max-width: 1365px) {
	.genius-gallery {
		width: 1281px;
		display: block;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 25.43%;
	} 
	
	.our-genius .genius {
		width: 27.3%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 58.5%;
		margin-left: -66px;
	}
}*/

/* ## 1281 to 1366 ## */
@media only screen and (min-width: 1281px) and (max-width: 1366px)
{
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 300px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
		
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.skill-progress-box h6 {
		line-height: 40px;
		width: 78%;
	}
	.progress {
		margin-top: 18px;
		height: 40px;
		line-height: 40px;
	}
	.hover {
		line-height: 275px;
	}
	
	/* ## How We Work ## */
	.clean-code::before {
		bottom: 112px;
		content: "";
		height: 114%;
		position: absolute;
		right: -35px;
		top: -22px;
		width: 53.7%;
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
}

/* ## 992 to 1024 ## */
@media only screen and (min-width: 992px) and (max-width: 1024px)
{
	/* Featured Section */
	.feature-box-inner p {
		width: 79%;
		float: right;
	}
	.features-section h2,
	.why-choose h2 {
		font-size: 42px;
	}
	/* ## How WE WorK ## */
	.slope-right,
	.slope-left	{
		width: 57.6%;
	}
	
	.slope-left {
		border-right-width: 180px;
	}
	
	.inner-social-info {
		padding: 20px 35px;
	}
	.inner-social-info p {
		font-size: 15px;
		line-height: 25px;
	}
	.progress {
		margin-top: 18px;
		height: 40px;
		line-height: 40px;
	}
	.skill-progress-box h6 {
		line-height: 40px;
		width: 79%;
	}	
	.hover {
		line-height: 270px;
	}
	/* ### Blog Page ### */
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	/* client */
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
	
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
		-webkit-transform: translate(0px, 25%);
		-moz-transform: translate(0px, 25%);
		-o-transform: translate(0px, 25%);
		-ms-transform: translate(0px, 25%);
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){
	/* Our Genius */
	.genius-gallery {
		width: 1016px;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 25.2%;
	}
	.our-genius .genius {
		width: 27.882%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 61.2%;		
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 250px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

@media only screen and (min-width: 992px) and (max-width: 1023px)
{
	/* Our Genius */
	.genius-gallery {
		width: 992px;
		display: block;
		margin: 0 auto;
	}
	
	.our-genius .genius.genius-left,
	.our-genius .genius.genius-right {
		width: 25.38%;
	} 
	
	.our-genius .genius {
		width: 27.97%;
		float: left;
	}
	
	.our-genius .genius-center {
		width: 61.2%;		
	}
	
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right, 
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		height: 250px;			
	}	
		
	.our-genius .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .genius-center img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;			
	}
}

/* ## 1024 to 1200 ## */
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.service-box-inner .content-box  {
		width: 300px;
	}
}

/* ## 768 to 991 ## */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	body { overflow-x: hidden; }
	
	/* ## Global ## */ 
	.slider-section .slide-sub-title,
	.goto-next,
	.service-bg,
	.line,
	.car,
	.application-iphone,
	.our-genius .style2,
	.brag-about-section,
	.project-section .col-md-6 p {
		display: none;
	}
	
	/* ## Slider Section ## */
	.slider-section .slide-title,
	[class*="video-section-"] .slide-title {
		width: 381px;
		height: 381px;
		padding: 35px 0;
	}

	.slider-section .slide-title span.inner-circle,
	[class*="video-section-"] .slide-title span.inner-circle {
		width: 305px;
		height: 305px;
	}
	
	.slider-section .slide-title span.inner-circle span:first-child,
	[class*="video-section-"] .slide-title span.inner-circle span:first-child {
		padding-top: 71px;
	}

	.slider-section .slide-title span.inner-circle span:last-child,
	[class*="video-section-"] .slide-title span.inner-circle span:last-child {
		padding-bottom: 71px;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1),
	[class*="video-section-"] .slide-title span.inner-circle span:nth-child(1) {
		font-size: 52.58px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2),
	[class*="video-section-"] .slide-title span.inner-circle span:nth-child(2) {
		font-size: 48.01px;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(3),
	[class*="video-section-"] .slide-title span.inner-circle span:nth-child(3) {
		font-size: 45.72px;
	}
	
	.slider-section .slide-sub-title 
	[class*="video-section-"] .slide-sub-title {
		display: none
	}
	
	/* ## Services Section ## */ 
	.service-section {
		padding: 100px 0;
	}
	
	.service-bg {
		display: none;
	}
	
	.service-box-inner{
		margin: 0 18%;
	}
	
	.service-box-inner .col-md-4 {
		float: left !important;
		text-align: right;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(4){
		margin: 0;
	}
	
	.service-section .container-fluid > .col-md-6 {
		margin-bottom: 43px;
	}
	
	.service-box-inner .content-box {
		text-align: left;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(4) .service-box-inner,
	.service-section .col-md-6:nth-child(4) {
		right: 0;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(5) .service-box-inner,
	.service-section .col-md-6:nth-child(5) {
		left: 0;
	}
	
	.service-section .container-fluid .col-md-6:nth-child(even) .service-box-inner {
		float: left !important;
	}
	
	.service-section .container-fluid .service-box-inner > .col-md-4.pull-right {
		text-align: right;
	}
	
	.services-popup .col-md-6 {
		min-height: 170px;
	}
	.services-popup .service-box-inner {
		margin: 0;
	}
	
	/* ## Features Section ## */
	.features-section:before {
		width: 100%;
		border-right: 260px solid transparent;
	}
	
	.feature-box {
		transform: skew(-15deg);
		-webkit-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-o-transform: skew(-15deg);
	}
	
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(7.5deg);
		-webkit-transform: skew(7.5deg);
		-moz-transform: skew(7.5deg);
		-o-transform: skew(7.5deg);
	}
	
	.feature-box-inner {
		margin-left: 50px;
	}
	
	.services-popup .feature-box-inner {
		margin-left: 0;
	}
	
	.services-popup .feature-box-inner,
	.services-popup .feature-box-inner h3, 
	.services-popup .feature-box-inner p,
	.services-popup .feature-box-inner .icon-feature	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	
	.line {
		display: none;
	}
	
	.features-section h2,
	.why-choose h2 {
		font-size: 42px;
	} 
	
	/* Our Work */
	.portfolio-image-block img {
		width: 100%;
	}
	
	/*  ## Why Choose Section ## */
	.why-choose-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		float: right;
	}
	
	.why-choose:before {
		width: 100%;
	}
	
	.why-choose h2  {
		text-align:center;
	}
	
	.services-popup .why-choose-box {
		padding-left: 15px;
		float: left;
	}
	
	/* ## How We Work ## */
	.how-we-work ul {
		text-align: center;
		padding: 0 19px;
	}
	
	.how-we-work-categories li:first-child {
		margin-left: 0;
	}
	
	.how-we-work-categories li:last-child {
		margin-right: 0;
	}
	
	.how-we-work ul li {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.how-we-work ul li:before {
		width: 44px;
	}
	
	.section-header {
		padding: 70px 0 82px 0;
	}
	
	.how-we-work {
		overflow: hidden;
	}
	
	.slope1,
	.slope2,
	.slope3 {
		background-size: cover;
	}
	
	.slope-right {		
		border: none;
		background-color: rgba(231, 76, 68, 0.9);
		bottom: 0;
		content: "";
		height: 50%;
		position: absolute;
		right: 0;
		top: auto;
		width: 100%;
	}
	
	.slope-left {
		background-color: rgba(231, 76, 68, 0.9);
		border: none;
		bottom: 0;
		content: "";
		height: 50%;
		left: 0;
		position: absolute;
		top: auto;
		width: 100%;
	}
	
	.slope1.slope-first {
		z-index: 1;
	}
	
	.slope1.slope-first .slope-right {
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
	}
	
	.slope-right .shape-content, 
	.slope-left .shape-content {
		width: 65%;
	}
	
	.slope1.slope-first .slope-right .shape-content {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}
	
	.slope1.slope-first .slope-right .shape-content {
		margin: 6% auto 0;
	}
	
	.slope2 .slope-left .shape-content {
		margin: 7% auto 0;
	}
	
	.slope1.slope-first .slope-right {
		bottom: 0px;
	}
	
	.slope1  {
		margin-top: -125px;
		z-index: 2;
	}
	
	.slope1 .slope-right,
	.slope1  {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		z-index: 3;
	}
	
	.slope1 .slope-right {
		bottom: -60px;
	}
	
	.slope1 .slope-right .shape-content {
		margin: 10% auto;
		transform: rotate(-7deg);
		-webkit-transform: rotate(-7deg);
		-moz-transform: rotate(-7deg);
		-o-transform: rotate(-7deg);
	}
	
	.slope2 {
		margin-top: -135px;		
	}
	
	.slope2 .shape-content {
		left: 0;
	}
	
	.slope3 {
		position: relative;
	}
	
	.slope3  .slope-center{
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid rgba(231, 76, 68, 0.9);
		border-bottom: 400px solid rgba(231, 76, 68, 0.9);
		bottom: 0;
		left: 0;
		margin: 0 auto;
		position: relative;
		right: 0;
		top: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		width: 100%;	
		position: absolute;
	}
	
	.slope3 .shape-content {
		color: #fff;
		left: 0;
		margin: 0 auto;	
		right: 0;
		text-align: left;
		top: auto;
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		width: 65%;
		bottom: 10%;
		max-height: 200px;
		overflow: hidden;
	}
	
	.slop-last .slope-left {
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		bottom: -40px;
	}
	
	.slop-last .slope-left .shape-content {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}
	
	.slope3.slop-last {
		margin-top: -145px;
	}
	
	.shape-content h3 {
		font-size: 30px;
		margin-bottom: 20px;
		margin-top: 0;
	}

	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}	
	
	/* ## Application Section ## */
	.application-section .app-content-box {
		padding: 0 100px;
	}
	
	/* ## Our Genius Section ## */
	.genius-center,
	.member-info,
	.genius-gallery .genius-left svg,
	.genius-gallery .genius-right svg,
	.genius-gallery .genius svg {
		display: none !important
	}
	
	.genius-gallery .genius-left,
	.genius-gallery .genius-right,
	.genius-gallery .genius {
		width: 50% !important;
		clip-path: none;
		-webkit-clip-path: none;
		margin: 0;
	}
	
	.genius-gallery  .genius img,
	.our-genius .genius-left img,
	.our-genius .genius-right img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100%;
		height: 360px;
	}
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	
	/* ## Blog Section ## */
	.entry-cover {
		margin: 0 auto;
	}
	
	#blogposts .blog-section .post:nth-child(3){
		display: none;
	}
	
	/* ## Client Section ## */
	.client-hover {
		left: 15%;
		right: 15%;
	}
	
	.client-hover h2 {
		font-size: 36px;
		line-height: 45px;
	}
	
	.client-hover {
		top: 30%;
	}
	
	.client-style3 .client-hover {
		top: 50%;
	}
	
	/* Client Section */
	.client-style1 {
		background-image: url("../images/client/client-big-1-tablet.jpg");		
	}
	
	.client-style2 {
		background-image: url("../images/client/client-2-tablet.jpg");
	}
	
	.client-style3 {
		background-image: url("../images/client/client-big-3-tablet.jpg");
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 745px;
		background-size: 100% 100%;
	}
	
	/* ## Social Section ## */
	.social-main a {
		font-size: 24px;
		line-height: 96px;
	}
	
	/* ## Map Section ## */
	.map-section iframe {
		height: 500px;
	}
	
	/* ## Project Section ## */
	.start-project h1 {
		text-align: right;
	}
	
	/* ## Blog Page ## */
	/*.entry-cover {
		width: 80%;
	}*/
	
	.post-date {
		letter-spacing: 1.5px;
	}
	
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
		-webkit-transform: translate(0px, 25%);
		-moz-transform: translate(0px, 25%);
		-o-transform: translate(0px, 25%);
		-ms-transform: translate(0px, 25%);
	}
	
	/* footer Section */
	.footer-item {
		width: 275px;
	}
	
	.entry-date {
		display: inline-block;
		max-width: 100%;
		padding: 0 15px;
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}
	
	.entry-date .date,
	.entry-date .icon,
	.entry-date .date h2 {
		display: inline-block;
	}
	
	.entry-date .date h4 {
		display: inline;
	}
	
	.entry-date .date {
		height: auto;
		padding: 7px 10px;
	}
	
	.entry-date .date h2 {
		border-bottom: none;
		border-right: 1px solid #fff;
		margin-bottom: 0;
		padding-right: 10px;
		margin-right: 10px;
		line-height: 35px;
	}
	
	.entry-date .icon i {
		display: inline;
		padding: 13px;
		position: relative;
		top: -1px;
	}
	
	.service-box-inner .content-box > p {
		max-height: 95px;
	}
	
	.more-services .service-box-inner .content-box > p,
	.more-features .feature-box-inner .feature-content-box p {
		max-height: 120px;
	}
	
	.more-features .feature-box-inner .feature-content-box p {
		height: 110px;
	}
	
	.service-box-inner .content-box > p a,
	.more .feature-box-inner .feature-content-box p a {
		display: inline-block;
	}
	
	.more .why-choose-box p {
		height: 75px;
	}
	
	.content-box.pull-right .mfp-content {
		text-align: left;
	}
}

/* ## 319 to 767 ## */
@media only screen and (min-width: 319px) and (max-width: 767px)
{
	/* ## Global ## */ 
	.slider-section .slide-sub-title,
	.goto-next,
	.mobile-iphone,
	.service-bg,
	.line,
	.car,
	.application-iphone,
	.our-genius .style2,
	.brag-about-section,
	#blogposts .blog-section .post,
	.blog-section .post > .entry-date,
	.project-section .col-md-6 p,
	.genius-center,
	.our-genius .genius svg {
		display: none;
	}
	
	.service-section .col-md-6:nth-child(2n) > .service-box-inner,
	.service-section .col-md-6,
	.service-box-inner,
	.features-section h2,
	.why-choose h2,
	.how-we-work-categories li,
	.service-section .container-fluid > .col-md-6:nth-child(2n) > .service-box-inner, 
	.service-section .container-fluid .service-box-inner > .col-md-4,
	.service-section .container-fluid .service-box-inner > .col-md-4.pull-right	{
		text-align: center;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(4) .service-box-inner {
		right: 0;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(5) .service-box-inner {
		left: 0;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(4) {
		margin: 0;
	}
	
	.services-popup .icon-srv.pull-right {
		float: none !important;
	}
	
	.service-box-inner .content-box > p {
		max-height: 120px;
	}
	
	.content-box.pull-right .mfp-content,
	.content-box a.mfp-content {
		text-align: center;
	}

	.service-box-inner .content-box {
		display: inline-block;
		width: 100%;
	}
	
	.service-section .container-fluid > .col-md-6:nth-child(5) {
		margin: 0;	
	}
	
	/* ## Features Section ## */
	.features-section,
	.why-choose	{	
		background-size: auto 100%;
		height: auto;
	}
	
	.features-section:before {
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}
	
	.feature-box,
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	
	.features-section .container .col-md-7 .feature-box > .feature-box-inner {
		margin-left: 0;
		text-align: left;
	}
	
	.feature-box-inner .col-md-4
	{
		float: left !important;
		margin-right: 5px;
	}
	
	.feature-box-inner h3 {
		margin-top: 0;
	}
	
	.feature-box-inner .col-md-8 {
		margin: 10px 0;
	}
	
	.icon-feature.pull-right {
		float: left !important;
	}
	
	.services-popup .feature-box-inner h3 {
		margin-top: 15px;
	}
	
	.feature-content-box p a.mfp-content {
		display: inline-block;
	}
	
	.feature-box-inner p {
		max-height: 112px;
		height: auto;
	}
	
	.more .feature-box-inner p {
		max-height: 180px;
	}
	
	/* ## Why Choose ## */
	.why-choose:before {
		position: absolute;
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}
	
	.section-header h2, .features-section h2, .why-choose h2{
		font-size: 36px;
	}
	
	.why-choose-box .block-title,
	.why-choose-box p,
	.why-choose-inner,
	.why-choose h2	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	
	.why-choose h2,
	.why-choose-box {
		margin-left: 0;
	}
	
	.why-choose .col-md-6 {
		float: none !important;
	}
	
	.why-choose-inner .why-choose-box:first-child { 
		margin-top: 50px;
	}
	
	.why-choose-inner .why-choose-box {
		margin-top: 25px;
	}
	
	.why-choose-box .block-title {
		margin-bottom: 5px;
	}
	
	.why-choose-box p {
		max-height: 80px;
		height: auto;
	}
	
	/* ## How We Work ## */
	.how-we-work ul {
		text-align: center;
		padding: 0;
	}
	
	.how-we-work-categories li:first-child {
		margin-left: 0;
	}
	
	.how-we-work-categories li:last-child {
		margin-right: 0;
	}
	
	.how-we-work ul li {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.how-we-work ul li:before {
		width: 44px;
	}	
	
	.section-header {
		padding: 70px 0 82px 0;
	}
	
	.slope1,
	.slope2,
	.slope3 {
		background-size: cover;
	}
	
	.slope-right {		
		border: none;
		background-color: rgba(231, 76, 68, 0.9);
		bottom: 0;
		content: "";
		height: 50%;
		position: absolute;
		right: 0;
		top: auto;
		width: 100%;
	}
	
	.slope-left {
		background-color: rgba(231, 76, 68, 0.9);
		border: none;
		bottom: 0;
		content: "";
		height: 50%;
		left: 0;
		position: absolute;
		top: auto;
		width: 100%;
	}
	
	.slope1.slope-first {
		z-index: 1;
	}
	
	.slope1.slope-first .slope-right {
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
	}
	
	.slope-right .shape-content, 
	.slope-left .shape-content {
		width: 65%;
	}
		
	.slope1.slope-first .slope-right .shape-content {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}
	
	.slope1.slope-first .slope-right .shape-content {
		margin: 6% auto 0;
	}
	
	.slope2 .slope-left .shape-content {
		margin: 10% auto 0;
	}
	
	.slope1.slope-first .slope-right {
		bottom: 0px;
	}
	
	.slope1  {
		margin-top: -125px;
		z-index: 2;
	}
	
	.slope1 .slope-right,
	.slope1  {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		z-index: 3;
	}
	
	.slope1 .slope-right {
		bottom: -60px;
	}
	
	.slope1 .slope-right .shape-content {
		margin: 10% auto;
		transform: rotate(-7deg);
		-webkit-transform: rotate(-7deg);
		-moz-transform: rotate(-7deg);
		-o-transform: rotate(-7deg);
	}
	
	.slope2 {
		margin-top: -135px;		
	}
	
	.slope2 .shape-content {
		left: 0;
	}
	
	.slope3 {
		position: relative;
	}
	
	.slope3  .slope-center{
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid rgba(231, 76, 68, 0.9);
		border-bottom: 400px solid rgba(231, 76, 68, 0.9);
		bottom: 0;
		left: 0;
		margin: 0 auto;
		position: relative;
		right: 0;
		top: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		width: 100%;	
		position: absolute;
	}
	
	.slope3 .shape-content {
		color: #fff;
		left: -60px;
		margin: 0 auto;
		position: absolute;
		right: 0;
		text-align: left;
		top: auto;
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		width: 65%;
		bottom: 14%;
		max-height: 200px;
		overflow: hidden;
	}
	
	.slop-last .slope-left {
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		bottom: -40px;
	}
	
	.slop-last .slope-left .shape-content {
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}
	
	.slope3.slop-last {
		margin-top: -145px;
	}
	
	.shape-content h3 {
		font-size: 30px;
		margin-bottom: 20px;
		margin-top: 0;
	}

	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	
	/* ## Our Genius Section ## */
	.our-genius .genius,
	.our-genius .genius-left,
	.our-genius .genius-right {
		clip-path: none;
		-webkit-clip-path: none;
		margin: 0;
		float: none;
		margin: 0 auto;
	}
	
	.our-genius .genius,
	.our-genius .genius img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 480px !important;
		height: 400px;
	}
	
	.member-info {
		display: none !important;
	}
	
	/* ### Blog Page ### */
	.blog-inner{
		margin: 0 auto;
		display: block;
	}
	
	.blog-section .post, .post {
		width: 300px;
		margin: 0 auto 25px;
		display: block;
	}
	
	.post-date .entry-date {
		max-width: 90px;
	}
	
	.entry-cover {
		padding: 0;
	}
	
	.entry-date {
		display: none;
	}
	
	.by-admin,
	.single-social {
		text-align: center;
	}
	
	.comment-form .col-md-6, 
	.comment-form .col-md-12 {
		padding: 0 15px;
	}
	
	#blogposts .blog-section .post:first-child {
		display: block;
	}
	
	.post-date .entry-date {
		display: inline-block;
	}
	
	/* Client Section */
	.client-style1 {
		background-image: url("../images/client/client-big-1-mobile.jpg");	
	}
	
	.client-style2 {
		background-image: url("../images/client/client-2-mobile.jpg");
		background-size: 100% 100%;
	}
	
	.client-style3 {
		background-image: url("../images/client/client-big-3-mobile.jpg");
	}
	
	.client-hover {
		left: 5%;
		right: 5%;
		top: 18%;
	}
	
	.client-style3 .client-hover {
		top: 33%;
	}
	
	.client-style1.client-active,
	.client-style1:hover,
	.client-style2.client-active,
	.client-style2:hover,
	.client-style3.client-active,
	.client-style3:hover {
		height: 483px;
		background-size: 100% 100%;
	}
	
	/* footer Section */ 
	.footer-item {
		margin: 20px 0;
		display: inline-block;
	}
	
	.back-top {
		line-height: 105px;
		position: absolute;
		right: 0;
		top: 28%;
	}
	
	.popup-form .wpcf7-form p {
		width: 100%;
	}
}

/* ## 481 to 767 ## */
@media only screen and (min-width: 481px) and (max-width: 767px)
{	
	/* Services Section */ 
	.service-section {
		padding: 100px 0;
	}	
	.service-box-inner {
		margin: 0 0 40px 0;
	}
	.service-box-inner .col-md-4 {
		float: none !important;
	}
	.service-section .col-md-6:last-child > .service-box-inner {
		margin-bottom: 0;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 0;
	}
	.service-section .col-md-6:nth-child(5) {
		left: 0;
	}
	.service-section .col-md-6:nth-child(2n) > .service-box-inner {
		text-align: center;
		margin: 0 auto 40px;
		float: none;
		width: 100%;
	}
	
	/* Our Work Section */
	.no-space.portfolio-list li {
		width: 100%;
	}
	.portfolio-image-block {
		width: 480px;
		height: 400px;
		margin: 0 auto;
	}
	
	/* ## Social Section ## */
	.social-main a {
		font-size: 22px;
		line-height: 80px;
	}
	
	/* ## Our Genius Section ## */
	.our-genius .genius img
	.our-genius .row1 .genius:nth-child(3n+1) img {
		margin: 0 auto;
		width: 480px;
		height: 400px;
		display: block;
		float: none;
	}
	
	.genius-gallery img{
		width: 480px;
		height: 400px;
	}
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	
	/* How We Work */
	.how-we-work ul li a i {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	
	.how-we-work ul li:before {
		left: 70px;
		top: 28%;
	}
	
	.start-project h1,
	.send-msg h1 {
		font-size: 33px;
		text-align: right;
	}
	
	.send-msg h1 { 
		text-align: left;
	} 
	
	.start-project a {
		margin-left: 10px;
		margin-right: 30px;
	}
	
	.start-project a, .send-msg a {
		font-size: 20px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (min-width: 319px) and (max-width: 540px) {
	.services-popup .feature-box-inner  {
		width: 100%;
	} 
}

/* ## 319 to 480 ## */
@media only screen and (min-width: 319px) and (max-width: 480px)
{
	/* ## Global ## */ 	
	.service-section .col-md-6:nth-child(4),
	.service-section .col-md-6:nth-child(5) {
		margin: 0;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 0;
	}
	.service-section .col-md-6:nth-child(5) {
		left: 0;
	}
	
	/* ## Slider Section ## */
	.slider-section .slide-title,
	[class*="video-section-"] .slide-title {
		width: 306px;
		height: 306px;
		padding: 27px 0;
	}

	.slider-section .slide-title span.inner-circle,
	[class*="video-section-"] .slide-title span.inner-circle {
		width: 246px;
		height: 246px;
	}
	
	.slider-section .slide-title span.inner-circle span:first-child,
	[class*="video-section-"] .slide-title span.inner-circle span:first-child {
		padding-top: 58px;
	}

	.slider-section .slide-title span.inner-circle span:last-child,
	[class*="video-section-"] .slide-title span.inner-circle span:last-child {
		padding-bottom: 58px;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1),
	[class*="video-section-"] .slide-title span.inner-circle span:nth-child(1) {
		font-size: 42px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2),
	[class*="video-section-"] .slide-title span.inner-circle span:nth-child(2) {
		font-size: 38px;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(3),
	[class*="video-section-"] .slide-title span.inner-circle span:nth-child(3) {
		font-size: 36px;
	}
	
	/* Services Section */ 
	.service-section {
		padding: 100px 0;
	}	
	.service-box-inner {
		margin: 0 0 40px 0;
	}
	.service-box-inner .col-md-4 {
		float: none !important;
	}
	.service-section .col-md-6:last-child > .service-box-inner {
		margin-bottom: 0;
	}
	
	/* ## Features Section ## */
	.features-section:before {
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}	
	.feature-box,
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	.feature-box-inner {
		margin-left: 0;
		text-align: left;
	}
	.feature-box-inner .col-md-4
	{
		float: left !important;
		margin-right: 5px;
	}
	.feature-box-inner h3 {
		margin-top: 0;
	}
	
	/* ## Portfolio Section ## */
	.cd-gallery .portfolio-list li {
		width: 100%;
	}
	/* ## How We Work ## */
	body { overflow-x: hidden; }
	
	.how-we-work {
		overflow: hidden;
	}
	
	.how-we-work ul li:before{
		top: 30%;
		left: 70px;
	}
	.how-we-work ul li a i {
		width: 70px;
		height: 70px;
		line-height: 70px;		
	}
	
	/* ## Our Genius Section ## */
	.our-genius .genius,
	.our-genius .genius img,
	.our-genius .row1 .genius:nth-child(3n+1) img	{
		width: 100% !important;
		height: 300px;
	}
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	
	/* ## Blog Section ## */	
	.blog-section .post:first-child{
		display: block;
	}
	.entry-cover {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.entry-cover {
		width: 100%;
	}
	/* ## Client Section ## */
	.client-hover h2 {
		font-size: 24px;
		line-height: 35px;
	}
	
	/* ## Social Section ## */
	.social-main a {
		font-size: 19.2px;
		line-height: 60px;
	}
	
	/* ## Map Section ## */
	.map-section iframe {
		height: 300px;
	}
	
	/* ## Project Section ## */
	.project-section {
		padding: 63px 0;
	}
	.project-section:before {
		border-bottom: 0 solid #e74c3c; 
		border-top: 550px solid #e74c3c; 
		border-left: 0 solid transparent; 
		border-right: 120px solid transparent; 
		width: 60%;
	}
	
	.why-choose h2 {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	
	.start-project {
		padding-right: 30px;
	}
	
	.send-msg {
		padding-left: 40px;
		margin-left: 0px;
	}
	
	.start-project h1,
	.send-msg h1 {
		font-size: 33px;
		text-align: right;
	}
	
	.send-msg h1 { 
		text-align: left;
	}
	
	.start-project a, 
	.send-msg a {
		font-size: 16px;
		padding: 25px 30px;
		margin-left: -15px;
	}
	
	.start-project a{
		margin-right: 0;
	}
	
	.send-msg a {
		margin-right: 0;
	}
	
	/* ## Footer Section ## */
	.footer-section {
		height: auto;
		padding-top: 28px;
	}
	
	.footer-section a.back-top {
		display: none !important;
	}
	
	.footer-item {
		margin: 0px 0 28px 40px;
	}
	
	.back-top {
		line-height: 105px;
		position: relative;
		right: 0;
		top: 28%;
		float: none;
	} 
}

/* ## 319 to 479 ## */
@media only screen and (min-width: 319px) and (max-width: 479px)
{
	.portfolio-gallery {
		float: none;
	}
	
	.portfolio-list li {
		display: block;
	}
	
	.how-we-work ul li {
		margin-bottom: 20px;
		text-align: center;
		display: block;
		margin: 0 0 20px 0;
	}
	
	.how-we-work ul li a i {
		margin: 0 auto 20px;
	}
	
	.how-we-work ul li:before {
		display: none;
	}
	
	.shape-content h3 {
		font-size: 24px;
	}
	
	.shape-content p {
		font-size: 14px;
		line-height: 20px;
	}
	
	.clean-code-box {
		bottom: 18%;
	}
	
	.app-content-box h2 {
		font-size: 36px;
	}
	
	.start-project h1, 
	.send-msg h1 {
		font-size: 18px;
	}
	
	.send-msg {
		padding-right: 0;
	}
	
	.start-project a, .send-msg a {
		padding: 25px 20px;
	}
}

/* ## 319 ## */
@media (max-width: 319px){
	.service-bg {
		display: none;
	}
	
	.service-box-inner .content-box,
	.service-section .container-fluid .service-box-inner > .col-md-4,
	.service-section .container-fluid .service-box-inner > .col-md-4.pull-right {
		text-align: center;
	}
	
	.service-section .col-md-6:nth-child(4),
	.service-section .col-md-6:nth-child(5) {
		margin: 0;
	}
	.service-section .container-fluid > .col-md-6:nth-child(4) .service-box-inner,
	.service-section .col-md-6:nth-child(4) {
		right: 0;
	}
	.service-section .container-fluid > .col-md-6:nth-child(5) .service-box-inner,
	.service-section .col-md-6:nth-child(5) {
		left: 0;
	}
	
	.service-section {
		padding: 100px 0;
	}
	
	.service-box-inner {
		margin: 0 0 40px 0;
	}
	
	.service-section .container-fluid .col-md-6:nth-child(2n) .service-box-inner,
	.service-box-inner .col-md-4 {
		float: none !important;
	}
	
	.service-section .col-md-6:last-child > .service-box-inner {
		margin-bottom: 0;
	}
	
	/* ## Features Section ## */
	.features-section:before {
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}	
	.feature-box,
	.feature-box-inner,
	.feature-box-inner h3, 
	.feature-box-inner p,
	.feature-box-inner .icon-feature	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	.feature-box-inner {
		margin-left: 0;
		text-align: left;
	}
	.feature-box-inner .col-md-4
	{
		float: left !important;
		margin-right: 5px;
	}
	.feature-box-inner h3 {
		margin-top: 0;
	}
	
	.features-section .container .col-md-7 .feature-box > .feature-box-inner {
		margin-left: 0;
	}
	
	.cd-tab-filter li {
		display: block;
	}
	
	.cd-gallery li {
		min-height: 1px;
	}

	.portfolio-image-block:hover .portfolio-block-hover,
	.how-we-work ul li::before,
	.entry-date	{
		display: none;
	}
	
	/* ## Why Choose ## */
	.why-choose:before {
		position: absolute;
		background-color: rgba(231,76,60,0.90);
		border: none;
		width: 100%;
	}
	
	.section-header h2, .features-section h2, .why-choose h2{
		font-size: 36px;
	}
	
	.why-choose-box .block-title,
	.why-choose-box p,
	.why-choose-inner,
	.why-choose h2	{
		transform: skew(0deg);
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
	}
	
	.why-choose h2,
	.why-choose-box {
		margin-left: 0;
	}
	
	.why-choose .col-md-6 {
		float: none !important;
	}
	
	.why-choose-inner .why-choose-box:first-child { 
		margin-top: 50px;
	}
	
	.why-choose-inner .why-choose-box {
		margin-top: 25px;
	}
	
	.why-choose-box .block-title {
		margin-bottom: 5px;
	}
	/* ## How We Work ## */
	.how-we-work ul {
		text-align: center;
		padding: 0;
	}
	
	.how-we-work-categories li:first-child {
		margin-left: 0;
	}
	
	.how-we-work-categories li:last-child {
		margin-right: 0;
	}
	
	.how-we-work ul li {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.how-we-work ul li:before {
		width: 44px;
	}
}

/* ## 991 ## */
@media (max-width: 991px)
{
	/* Header Section */
	.header-section {
		min-height: 90px;
		height: auto;
	}
	
	/* Logo Block */
	.logo-block {
		padding-left: 50px;
		position: absolute;
		z-index: 99;
	}
	
	/* Navigation Menu */
	.navbar-header { float: none; }
	.navbar-toggle { 
		display: block; 
		border: none; 
		right: 0; 
		margin-right: 0; 
		padding: 0;
	}
	
	.navbar-toggle .icon-bar {
		width: 40px;
		height:5px;
	}
	
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top: 10px;
	}
	
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.navbar-toggle .icon-bar { background-color: #fff; }
	.navbar-nav.navbar-right:last-child { margin: 0; }
	.navbar-collapse.in { overflow-y: auto !important; }
	.navbar-collapse { 
		padding: 0; 
		background-color: none; 
		border-top: 1px solid transparent; 
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);		
	}
	
	.navbar-collapse.collapse { display: none !important; }
	.collapse.in{ display:block !important; }
	.navbar-nav { width: 100%; margin: 0; }
	.navbar-nav > li { min-height: 0; float: none; display: inline-block; width: 100%; }
	
	.menu-block {
		padding: 20px 50px;
	}
	
	.menu-block .navbar-nav > li > a {
		line-height: 15px;
		width: 100%;
		display: inline-block;
	}
	
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	
	.mobile-iphone {
		display: none;
	}
	
	.text-logo {
		text-align: left;
	}
	
	.dropdown-menu {
		position: relative;
		width: 100%;
		margin-top: 0;
	}
	
	.menu-block .nav  li > ul li ul {
		left: 20px;
		top: 0;
	}
	
	.menu-block .nav  li > ul li ul li ul li ul li ul {
		right: auto;
		left: 20px;
	}
	
	.slides-navigation a {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	
	.slider-content,
	#style1-hover,
	#style3-hover,
	#style4-hover,
	#style5-hover,
	#style6-hover,
	#style7-hover,
	.genius-gallery .row1 div:first-child:before	{
		display: none !important;	
	}	
		
	.menu-block .nav li:hover > .dropdown-menu {
		display: none;
	}
	
	.responsive-caret {
		border-left: 1px solid #fff;
		display: block;
		height: 25px;
		line-height: 25px;
		position: absolute;
		right: 8px;
		text-align: center;
		top: 5px;
		width: 25px;
		z-index: 99;
		cursor: pointer;
		color: #fff;
	}
	
	.menu-block .nav li a {
		position: relative;
	}
	
	.menu-block .nav li a span.caret,
	.menu-block .nav li span.responsive-caret,
	.menu-block .nav li.dropdown .dropdown-menu li span	{
		display: none;
	}
		
	.menu-block .nav li.dropdown span {
		display: block;
	}
}

@media (min-width: 991px) {
	
}