/* 
	## 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
*/


/* ## 1741 to 1902 ## */
@media only screen and (min-width: 1741px) and (max-width: 1902px) 
{	
	/* How We Work */
	.research-slope:before {
		width: 52.4%;
	}
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.135%;
	} 
	
	.our-genius .style4{
		width: 28%;
	} 
	
	.our-genius .style5,
	.our-genius .style6{
		width: 25.1%;
	} 
	 
	.our-genius .style7 {
		width: 28%;
	}
	.our-genius .style2 {
		width: 56%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 400px;			
	}
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100% !important;
	}
	.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 */
	.research-slope:before {
		width: 53.4%;
	}
	
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 23.72%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 26.696%;
	}
	.our-genius .style2 {
		width: 59.36%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 400px;			
	}	
	.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) {
	/* How We Work */
	.research-slope:before {
		width: 54.4%;
	}
	
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 23.8%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 26.756%;
	}
	.our-genius .style2 {
		width: 59.45%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 400px;			
	}	
	
	.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;
	}
}

/* ## 1367 to 1536 ## */
@media only screen and (min-width: 1367px) and (max-width: 1536px)
{ 
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 24.15%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 26.921%;
	}
	.our-genius .style2 {
		width: 59.42%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 350px;			
	}
	
	
	.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)
{
	.research-slope:before {
		/*border-bottom: 800px solid rgba(0,158,224,0.9);
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;*/
		/*border: none;
		background-color: rgba(0,158,224,0.9);*/
		content: "";
		height: 100%;
		width: 54.2%;
		/*transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);*/
		
	}
	.research {
		right: 155px;
	}
	.we-perfection {
		left: 155px;
	}	
	.we-perfection-slope:before
	{
		border: none;
		background-color: rgba(0,158,224,0.9);
		content: "";
		height: 110%;
		top: -79px;
		width: 50%;
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
		-moz-transform: rotate(-14deg);
		-o-transform: rotate(-14deg);
	}
	.clean-code:before {
		border: none;
		background-color: rgba(0,158,224,0.9);
		content: "";
		height: 120%;
		top: -25px;
		width: 50%;
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		
	}
	.we-launch-slope:before {
		content: "";
		height: 120%;
		top: -115px;
		transform: rotate(5.5deg);
		-webkit-transform: rotate(5.5deg);
		-moz-transform: rotate(5.5deg);
		-o-transform: rotate(5.5deg);
		width: 57%;
	}
	.we-launch-slope {
		margin-top: -275px;
	}
	
	.features-section h2 {
		margin-right: 85px;
	}
	.why-choose h2 {
		margin-left: 95px;
	}
}

/* ## 1201 to 1550 ## */
@media only screen and (min-width: 1201px) and (max-width: 1550px)
{
	/* Why Choose Section */
	.why-choose-box {
		margin-left: 89px;
	}
	/* Our Genius */
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100% !important;			
	}
	.brag-content {
		top: 130px;
	}
}

/* - min-width: 992 */
@media (min-width: 992px) {
	/* .service-section .col-md-6:nth-child(2n+1){
		clear: both;
	} */
	.service-section .service-box-inner {
		height: 150px;
		overflow: hidden;
	}
	.brag-content h1
	.service-section .col-md-6:nth-child(7) .content-box,
	.service-section .col-md-6:nth-child(3) .content-box  {
		padding-left: 20px;
	}
	
	.service-section .col-md-6:nth-child(5) .content-box  {
		padding-left: 10px;
	}
}


/* ## 1201 to 1366 ## */
@media only screen and (min-width: 1201px) and (max-width: 1366px){
	
	.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: 60px;
	}
	
	/* How We Work */
	.research-slope:before {
		width: 52.8%;
		height: 100%;		
		top: -30px;
	}
	.research {
		right: 120px;
	}
	.we-perfection-slope:before {
		width: 52.2%;
		height: 120%;
		border: none;
		background-color: rgba(0,158,224,0.9);
		top: -83px;
		transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
	}
	.clean-code:before {
		width: 53%;
		height: 100%;
		border: none;
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		background-color: rgba(0,158,224,0.9);
		top: 0px;
	}
	.we-launch-slope:before {
		border-color: rgba(0, 158, 224, 0.9) transparent;
		border-style: solid;
		border-width: 0px 200px 800px 0;
		height: 100%;
		top: 42px;
		transform: skewY(6deg);
		-webkit-transform: skewY(6deg);
		-moz-transform: skewY(6deg);
		-o-transform: skewY(6deg);
		width: 57%;
	}
	.features-section h2 {
		margin-right: 85px;
	}
	/* Why Choose */
	.why-choose-inner {
		margin-left: 40px;
	}
	.why-choose h2 {
		margin-left: 95px;
		font-size: 40px;
	}
	/* loght box form */
	.modal.in .modal-dialog {
		transform: translate(0px, 25%);
	} 

	.service-section .col-md-6:nth-child(5) .service-box-inner .content-box > p {
		padding-right: 55px;
	}
	.service-section .col-md-6:nth-child(4) .service-box-inner .content-box > p{
		padding-left: 60px;	
	}

}

/* ## 1025 to 1200 ## */
@media only screen and (min-width: 1025px) and (max-width: 1200px){
	.research-slope:before {
		width: 54.8%;
		height: 100%;		
		top: -30px;
	}
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 24.85%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.459%;
	}
	.our-genius .style2 {
		width: 60.2%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 250px;			
	}
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100% !important;			
	}
	
	.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%;
	}
}


/* ## 992 to 1200 ## */
@media only screen and (min-width: 992px) and (max-width: 1200px) {		
	/* Features Section */
	.feature-box {
		left: -83px;
	}
	.line.lightbulb hr {
		right: -560px;
	}
	.line.lightbulb i {
		right: -224px;
	}
	.line.house i {
		right: -344px;
	}
	.line.gift i {
		right: -310px;
	}
	.line.camera hr {
		right: -570px;
	}
	.line.camera i {
		right: -280px
	}
	/* Why Choose Section */
	.why-choose:before {
		width: 60%;
	}
	
	/* How We Work */
	
	.we-perfection-slope:before {
		width: 52.8%;
		height: 130%;
		border: none;
		background-color: rgba(0,158,224,0.9);
		top: -83px;
		transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		-o-transform: rotate(-15deg);
	}
	.clean-code:before {
		width: 51%;
		height: 100%;
		border: none;
		transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		-o-transform: rotate(15deg);
		background-color: rgba(0,158,224,0.9);
		top: 0px;
		right: -30px;
	}
	.we-launch-slope:before {
		border-color: rgba(0,158,224,0.9) transparent;
		border-style: solid;
		border-width: 0px 200px 800px 0;
		height: 100%;
		top: 47px;
		transform: skewY(7deg);
		-webkit-transform: skewY(7deg);
		-moz-transform: skewY(7deg);
		-o-transform: skewY(7deg);
		width: 62%;
	}
	.research, .clean-code-box {
		right: 120px;
	}
	.we-perfection, .we-launch {
		left: 120px;
	}
	
	/* Our Genius */
	.skill-progress-box h6 {
		line-height: 40px;
	}
	
	/* Blog Section */
	.entry-cover {
		width: 76%;
	}
	/* .entry-cover img {
		height: 210px;
	} */
	
	/* Brag About Section */
	.brag-content {
		width: 96%;
		top: 80px;
	}

	.start-project h2 {
		text-align: right;
		margin-right: 17px;
	}	
	.send-msg a {
		margin-right: 0;
		margin-left: -30px;
	}
	.service-box-inner .icon-srv {
		font-size: 34px;
		width: 120px;
		height: 120px;
		line-height: 110px;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 40px;
	}	
	.service-section .col-md-6:nth-child(4) .content-box p {
		max-width: 260px;
		min-width: 260px;
	}
	.service-section .col-md-6:nth-child(5) .content-box p{
		max-width: 260px;
		min-width: 260px;
	}
	
}

/* ## 992 to 1199 ## */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* - Slider Section */
	.slider-section .slide-title {   
		height: 400px;
		padding: 50px 0;
		width: 400px;
	}
	.slider-section .slide-title span.inner-circle {   
		height: 300px;
		padding: 65px 0;
		width: 300px;
	}	
	.slider-section .slide-title span.inner-circle span:nth-child(1),
	.slider-section .slide-title span.inner-circle span:nth-child(2),
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 50px;
	}
	.slider-section .slide-sub-title {
		font-size: 55px;
		line-height: 60px;
	}
	
	.service-section .col-md-6:nth-child(4) {
		right: 120px;
	}
	.service-section .col-md-6:nth-child(4) .service-box-inner {
		padding-left: 20px;
	}
	.service-section .col-md-6:nth-child(4) .content-box h3 {
		padding-left: 80px;
	}
	.service-box-inner .content-box > p {
		min-width: 270px;
		max-width: 270px;
	} 
	
	.service-bg {
		margin: 52px auto 0;
	}
	.service-bg > img {
		max-width: 400px;
	}
	
	/* - Footer */
	.footer-inner {
		margin-top: 5px;
	}
	.footer-section .footer-item i {
		height: 38px;
		line-height: 34px;
		margin-right: 10px;
		width: 38px;
	}
	.footer-section p {
		margin-bottom: 0;
	}
	.footer-section  .footer-item-desc {
		font-size: 14px;
		font-weight: 300;
	}
	.footer-section .copyright {
		padding-top: 10px;
	}
	.back-top {
		margin-top: 0;
	}
}


/* ## 1201 to 1280 ## */
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.14%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.305%;
	}
	.our-genius .style2 {
		width: 59%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 300px;			
	}
	
	.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%;
	}
}
/* ## 1281 to 1366 ## */
@media only screen and (min-width: 1281px) and (max-width: 1366px)
{
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.14%;
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.151%;
	}
	.our-genius .style2 {
		width: 58.5%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 250px;			
	}

	.our-genius .style2 {
		margin-left: -66px;
	}
	.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)
{
	.research-slope:before {
		width: 54.8%;
		height: 100%;
		/*border: none;
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		background-color: rgba(0,158,224,0.9);*/
		top: -30px;
	}
	/* Our Genius */
	.genius-gallery {
		width: 100%;
		display: inline-block;
	}
	.our-genius .style1,
	.our-genius .style3{
		width: 25.2%;		
	} 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7 {
		width: 27.882%;
		float: left;
	}
	.our-genius .style2 {
		width: 61.2%;		
	}
	.our-genius .style1,
	.our-genius .style2,
	.our-genius .style3, 
	.our-genius .style4, 
	.our-genius .style5, 
	.our-genius .style6, 
	.our-genius .style7,
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		height: 250px;			
	}
	.our-genius .style1 img,
	.our-genius .style2 img,
	.our-genius .style3 img, 
	.our-genius .style4 img, 
	.our-genius .style5 img, 
	.our-genius .style6 img, 
	.our-genius .style7 img {
		width: 100%;			
	}
	
	.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%);
	}
}

/* ## 768 to 991 ## */
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .application-iphone {
       top: 0px;
   }
	body { overflow-x: hidden; }
	/* ## Global ## */ 	
	.service-bg,
	.line,
	.our-genius .style2,
	.blog-section .post > .entry-date,
	.project-section .col-md-6 p,
	.our-genius .style1 svg,
	.our-genius .style2 svg,
	.our-genius .style3 svg,
	.our-genius .style4 svg,
	.our-genius .style5 svg,
	.our-genius .style6 svg,
	.our-genius .style7 svg 	{
		display: none;
	}
	
	/* ## Slider Section ## */
	.slider-section .slide-title {
		width: 381px;
		height: 381px;
		padding: 35px 0;
	}

	.slider-section .slide-title span.inner-circle {
		width: 305px;
		height: 305px;
		padding: 71px 0;
	}
	
	.slider-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) {
		font-size: 48.01px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 45.72px;
	}	
	
	/* ## Services Section ## */
	.service-bg {
		display: none;
	}
	.service-box-inner{
		margin-bottom: 40px;
		display: inline-block;
		width: 100%;
	}
	.service-box-inner .col-md-4 {
		float: left !important;
		text-align: right;
	}
	.service-box-inner .content-box {
		text-align: left;
	}
	.service-section .col-md-6:nth-child(4) {
		right: 0;
		margin: 0;
	}
	.service-section .col-md-6:nth-child(5) {
		left: 0;
		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;
	}
	
	.line {
		display: none;
	}
	
	/* Our Work */
	.portfolio-image-block img {
		width: 100%;
	}
	
	/*  ## Why Choose Section ## */
	.why-choose-box {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
	
	.why-choose:before {
		width: 100%;
	}
	.why-choose-box {
		float: right;
	}
	.why-choose h2  {
		text-align:center;
	}
	
	/* ## 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: 0 20px
	}
	.how-we-work ul li:before {
		width: 44px;
	}
	
	.section-header {
		padding: 70px 0 82px 0;
	}
	.how-we-work {
		overflow: hidden;
	}
	.research-slope {
		background-image: url("../images/how-we-work/09.jpg");
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		margin-right: 0;
		height: 630px
	}
		
	.research-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 340px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		top: auto;
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		right: -20px;
	}
	
	.research,
	.we-perfection,
	.clean-code-box,
	.we-launch {
		bottom: 18.5%;
		color: #fff;
		position: absolute;
		right: 0;
		width: 66%;
		left: 20px;
		margin: 0 auto;
		top: auto;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
    .research {
        bottom: 26.5%;
    }
    .we-perfection {
        bottom: 24.5%;
    }
    .we-launch-slope-2 .we-launch {
        transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
        top: 58%;
        width: 47%;
    }
    .we-launch {
        transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
    }
	.shape-content h3 {
		font-size: 50px;
		margin-bottom: 20px;
	}
	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	.we-perfection-slope {
		background-image: url("../images/how-we-work/id_system_tablet.jpg");
		margin-right: 0;
		margin-top: -90px;
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
		-moz-transform: rotate(3deg);
		-o-transform: rotate(3deg);
		height: 630px;
		width: 108%;
	}
    .car {
        background-image: url("../images/how-we-work/3D%20Wall%20Logo%20MockUp_tablet.jpg");
    }
	.we-perfection {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
	}
	.we-perfection-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 340px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: -50px;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.clean-code {
		background-color: transparent;
		background-image: url("../images/how-we-work/clean-code-tablet.jpg");
		height: 630px;
		margin-top: -25px;
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
	}
	.clean-code-box {
		bottom: 24.5%;
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}
	.clean-code:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 340px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch-slope {
		background-color: transparent;
		background-image: url("../images/how-we-work/we-launch-project-tablet.jpg");
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		margin-top: -143px;
		height: 700px;
	}

    .we-launch-slope-2 {
        background-image: url("../images/how-we-work/car-tablet.jpg");
    }

	.we-launch-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 340px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch-2 {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		bottom: 21%;
	}
	
	/* ## Application Section ## */
	.application-section .app-content-box {
		padding: 0 100px;
	}
	
	/* ## Our Genius Section ## */
	.genius-gallery > div {
		width: 50%;
		/* clip-path: none; */
		-webkit-clip-path: none;
	}
	/* ## Our Genius Section ## */
	.our-genius .style1,
	.our-genius .style3,
	.our-genius .style4,
	.our-genius .style5,
	.our-genius .style6,
	.our-genius .style7 {
		/* clip-path: none; */
		-webkit-clip-path: none;
		margin: 0;
	}
	.genius-gallery  img,
	.our-genius .style1 img,
	.our-genius .style3 img,
	.our-genius .style4 img, 
	.our-genius .style5 img,
	.our-genius .style6 img,
	.our-genius .style7 img{
		width: 100% !important;
		height: 360px;
	}
	
	.statistics-section .col-md-3 {
		margin-bottom: 60px;
	}
	
	/* ## Blog Section ## */
	.entry-cover {
		margin: 0 auto;
	}
	.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 h2 {
		text-align: right;
	}
	
	/* ## Blog Page ## */
	.entry-cover {
		width: 77%;
	}
	
	.single-blog .entry-cover img {
		width: 100%;
		height: auto !important;
	}
	
	/* ## Client Section ## */
	/*.client-style1,
	.client-style2,
	.client-style3 {
		width: 100%;
	}
	.client-style2 {
		margin-top: -50px;
	}
	.client-style3 {
		margin-top: -60px;
	}*/
	
	.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%);
	}
	
}

/* ## 319 to 767 ## */
@media only screen and (min-width: 319px) and (max-width: 767px)
{
    .application-iphone {
       top: 0px;
   }
	/* ## Global ## */ 
	.slider-section .slide-sub-title,
	.goto-next,
	.mobile-iphone,
	.service-bg,
	.line,
	.our-genius .style2,
	.blog-section .post,
	.blog-section .post > .entry-date,
	.project-section .col-md-6 p,
	.our-genius .style1 svg,
	.our-genius .style2 svg,
	.our-genius .style3 svg,
	.our-genius .style4 svg,
	.our-genius .style5 svg,
	.our-genius .style6 svg,
	.our-genius .style7 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 {
		text-align: center;
	}
	
	/* ## Features Section ## */
	.features-section,
	.why-choose	{	
		background-size: auto 100%;
		height: auto;
	}
	.features-section:before {
		background-color: rgba(0,158,224,0.9);
		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);
	}
	.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;
	}
	
	/* ## Why Choose ## */
	.why-choose:before {
		position: absolute;
		background-color: rgba(0,158,224,0.9);
		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;
	}
	
	/* ## 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: 0 20px
	}
	.how-we-work ul li:before {
		width: 44px;
	}
	
	.section-header {
		padding: 60px 0 82px 0;
	}
	.research-slope {
		background-image: url("../images/how-we-work/09-mobile.jpg");
		position: relative;
	}
		
	.research-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 440px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
	}
	.research,
	.clean-code-box	{
		top: auto;
		bottom: 20%;
		width: 70%;
		left: 0;
		right: 0;
		margin: 0 auto;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		transform: skewX(0deg);
	}
	.clean-code-box {
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	
	.we-perfection, 
	.we-launch	{
		bottom: 35%;
		color: #fff;
		position: absolute;
		right: 0;
		width: 73%;
		left: 20px;
		margin: 0 auto;
		top: auto;
	}
    .research {
        bottom: 25%;
    }
	.clean-code-box {
		bottom: 18.5%;
	}
    .we-perfection {
        bottom: 25%;
        width: 60%;
    }
    .we-launch-slope-2 .we-launch {
        top: 65%;
        width: 57%;
        right: 15%;
    }
	.shape-content h3 {
		font-size: 45px;
		margin-bottom: 20px;
	}
	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	.we-perfection-slope {
		background-image: url("../images/how-we-work/id_system_mobile.jpg");
	}
    .car {
        background-image: url("../images/how-we-work/3D%20Wall%20Logo%20MockUp_mobile.jpg");
    }
	.we-perfection-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 440px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.clean-code {
		background-color: transparent;
		background-image: url("../images/how-we-work/clean-code-mobile.jpg");
		height: 622px;
		margin-top: -50px;
		
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	
	.clean-code:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 350px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch-slope {
		background-color: transparent;
		background-image: url("../images/how-we-work/we-launch-project-mobile.jpg");
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}

     .we-launch-slope-2 {
        background-image: url("../images/how-we-work/car-mobile.jpg");
    }

	.we-launch-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(0,158,224,0.9);
		border-bottom: 300px solid rgba(0,158,224,0.9);
		border-left: 0px solid transparent; 
		border-right: 0px solid transparent; 
		content: "";
		position: absolute;
		top: auto;
		right: 0;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.we-launch {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		-moz-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		bottom: 16%;
	}
	
	/* ## Our Genius Section ## */
	.our-genius .style1,
	.our-genius .style3,
	.our-genius .style4,
	.our-genius .style5,
	.our-genius .style6,
	.our-genius .style7 {
		/* clip-path: none; */
		-webkit-clip-path: none;
	}
	.genius-gallery  img,
	.our-genius .style1 img,
	.our-genius .style3 img,
	.our-genius .style4 img, 
	.our-genius .style5 img,
	.our-genius .style6 img,
	.our-genius .style7 img{
		width: 100% !important;
	}
	
	/* ### Blog Page ### */
	.blog-inner{
		margin: 0 auto;
		display: block;
	}
	.post {
		width: 300px;
		margin: 0 auto 100px;
		display: block;
	}
	
	.entry-date {
		display: none;
	}
	
	.by-admin,
	.single-social {
		text-align: center;
	}
	.comment-form .col-md-6, 
	.comment-form .col-md-12 {
		padding: 0 15px;
	}
	.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: 20%;
	}
	.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%;
	}
}

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

	.slider-section .slide-title {
		width: 381px;
		height: 381px;
		padding: 35px 0;
	}

	.slider-section .slide-title span.inner-circle {
		width: 305px;
		height: 305px;
		padding: 71px 0;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1) {
		font-size: 50px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 50px;
	}
	.slider-section .slide-title span.inner-circle span:nth-child(3) {
		font-size: 50px;
	}
	
	/* Services Section */ 
	.service-section {
		padding: 100px 0 0 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-box-inner .content-box > h3 {
		height: auto;
		max-height: 100%;
	}
	.service-box-inner .content-box > p {
		max-width: 100%;
		height: auto;
		min-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 ## */
	.genius-gallery .style1,
	.genius-gallery .style3, 
	.genius-gallery .style4,
	.genius-gallery .style5,
	.genius-gallery .style6,
	.genius-gallery .style7 {
		margin: 0 auto;
		width: 480px;
		height: 400px;
		display: block;
		float: none;
		
	}
	
	.genius-gallery img,
	.genius-gallery .style3 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%;
	}
	.we-launch-slope {
		margin-top: -90px;
	}
}
/* ## 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;
	}
	.our-genius .style3,
	.our-genius .style5,
	.our-genius .style7 {
		margin-left: 0;
	}
	
	/* ## Slider Section ## */
	.slider-section .slide-title {
		width: 306px;
		height: 306px;
		padding: 27px 0;
	}

	.slider-section .slide-title span.inner-circle {
		width: 246px;
		height: 246px;
		padding: 58px 0;
	}
	
	.slider-section .slide-title span.inner-circle span:nth-child(1) {
		font-size: 42px;
	}

	.slider-section .slide-title span.inner-circle span:nth-child(2) {
		font-size: 38px;
	}
	
	.slider-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(0,158,224,0.9);
		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;
	}
	
	/* ## How We Work ## */
	.how-we-work ul li:before{
		top: 30%;
		left: 70px;
	}
	.how-we-work ul li a i {
		width: 70px;
		height: 70px;
		line-height: 70px;		
	}
	.we-launch-slope {
		margin-top: -90px;
	}
	.we-launch {
		left: 55px;
	}
    .research {
        bottom: 27%;
    }
    .clean-code-box {
        bottom: 26%;
    }
    .we-launch-slope-2 .we-launch {
		left: 55px;
        top: 70%;
	}
	
	/* ## Our Genius Section ## */
	
	.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 #009ee0;
		border-top: 550px solid #009ee0;
		border-left: 0 solid transparent; 

		width: 100%;
	}
	
	.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: 30px;
	}
	.start-project h2,
	.send-msg h2 {
		font-size: 33px;
		text-align: right;
	}
	.send-msg h2 { 
		text-align: center;
	}
	.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;
	}*/
}

/* ## 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: 26%;
	}
    .we-perfection {
        bottom: 27%;
    }
	.app-content-box h2 {
		font-size: 36px;
	}
	.start-project h2, 
	.send-msg h2 {
		font-size: 18px;
	}
	.send-msg {
		padding-right: 0;
	}
	.start-project a, .send-msg a {
		padding: 25px 20px;
	}
	
	.we-launch-slope {
		margin-top: -80px
	}
	.service-section .col-md-6 {
		padding: 0;
	}
	.service-box-inner .content-box > h3 {
		max-height: 100%;
	}
	
	.service-box-inner {
		width: 100%;
	}
	.service-box-inner .content-box > p {
		max-width: 100%;
		min-width: 100%;
		height: auto;
	}
	
}

/* ## 991 ## */
@media (max-width: 991px) {		
	.header-section {
		min-height: 90px;
		height: auto;
	}
    .brag-content h1 {
        font-size: 72px;
    }
	.logo-block {
		padding-left: 15px;
		position: absolute;
		z-index: 99;
		line-height: 88px;
	}	
	.mobile-iphone {
		display: none;
	}
	
	#style1-hover,
	#style3-hover,
	#style4-hover,
	#style5-hover,
	#style6-hover,
	#style7-hover {
		display: none !important;	
	}
	
	.menu-block {
		padding: 0;
	}
	/* -- OW Navigation */	
	.primary-navigation {
		padding: 0;
		top: 0;
		width: 100%;
		background-color: #009ee0;
	}
	.primary-navigation .navbar-collapse {
        border-top: none;
        box-shadow: none;
		width: 100%;
		overflow: auto !important;
		padding-left: 0;
		padding-right: 0;
		max-height: 100%;
	}
	.primary-navigation .navbar-collapse.collapse { 
		display: none!important; 
	}
    .primary-navigation .navbar-nav { 
		float: none!important;	
		margin: 0;
	}	
    .header-section.navbar-fixed-top .primary-navigation .navbar-header {
		/* padding-top: 20px; */
		padding-bottom: 0;
	}
    .primary-navigation .navbar-header {
		float: none;
		padding-top: 12px;
		padding-bottom: 12px;
	}	
    .primary-navigation .navbar-toggle {
        display: block;
		margin-bottom: 0;
		margin-top: 7px;
		margin-right: 10px;
		border-radius: 0;
		border: none;
		transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
    } 
	.primary-navigation  .navbar-toggle .icon-bar {
		height: 5px;
		width: 40px;
		background-color: #fff;
	}	
	.primary-navigation .navbar-toggle .icon-bar + .icon-bar {
		margin-top: 10px;
	}
	.primary-navigation .navbar-collapse > .nav.navbar-nav > li {
		margin: 0;
	}
	.header-section .primary-navigation .navbar-nav {
		border-top: 1px solid #fff;
		margin: 0 15px;
	}
    .primary-navigation .navbar-nav > li {
		display: inline-block;
		float: none;
		width: 100%;
    }
	.primary-navigation .navbar-nav > li.active a {
		color: #000 !important;
	}
	.primary-navigation .nav.navbar-nav li > a  {
		color: #fff;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.98px;
		line-height: 28px;
		text-transform: uppercase;
	}	
	.primary-navigation .nav > li > a:focus,
	.primary-navigation .nav > li > a:hover{
		background-color: transparent;
		color: #000;
	}		
	.primary-navigation .nav.navbar-nav li > a,
    .primary-navigation .navbar-collapse > ul > li > a {
        padding-top: 6px;
        padding-bottom: 6px;
		width: 100%;
		padding-left: 0;
		transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
    }
    .primary-navigation .navbar-text {
        float: none;
        margin: 15px 0;
    }
	.primary-navigation .nav.navbar-nav li > a::before {
		border: none;
	}	
	/* since 3.1.0 */
    .primary-navigation .navbar-collapse.collapse.in { 
		display: block!important;
	}
    .primary-navigation .collapsing {
		overflow: hidden!important; 
	}
	.primary-navigation .dropdown-menu {
		background-color: transparent;
		border: 0 none;
		margin-top: 0;
		padding-left: 10px;
		padding-top: 0;
		position: relative;
		width: 100%;
		box-shadow: none;
		padding-bottom: 0;
	}	
	.menu-block .primary-navigation .dropdown .dropdown-menu li a:hover{
		color: #000;
	}
	.primary-navigation .dropdown-menu > .active > a,
	.primary-navigation .dropdown-menu > .active > a:focus,
	.primary-navigation .dropdown-menu > .active > a:hover {
		background-color: transparent;
	}
	/* Switch */
	.primary-navigation .ddl-switch {
		background-color: #fff;
		cursor: pointer;
		font-size: 18px;
		padding: 1.5px 5px;
		position: absolute;
		right: 0;
		z-index: 9999;
		top: 6px;
		color: #009ee0;
	}
	.primary-navigation .ddl-active > .ddl-switch:before {
		content: "\f106";
	}
	
	.primary-navigation .dropdown .caret{
		display: none;
	}
	
	/* -- 991:: Navbar Fixed Top */
	.navbar-fixed-top.menu-block {
		background-color: #333;
	}
	.navbar-fixed-top.menu-block .primary-navigation .navbar-brand,
	.primary-navigation .navbar-brand {
		display: none;
	}
	.navbar-fixed-top .primary-navigation .nav.navbar-nav li > a{
		color: #fff;
	}
	.navbar-fixed-top .primary-navigation .nav.navbar-nav li > a:hover {
		color: #000;
	}
	
	.navbar-fixed-top .primary-navigation.navbar-default .navbar-toggle:focus,
	.navbar-fixed-top .primary-navigation.navbar-default .navbar-toggle:focus,
	.primary-navigation.navbar-default .navbar-toggle:hover,
	.primary-navigation.navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.primary-navigation .navbar-toggle .icon-bar{
		color: #fff;
	}	
	.navbar-fixed-top .primary-navigation .navbar-toggle:focus .icon-bar,
	.navbar-fixed-top .primary-navigation .navbar-toggle:hover .icon-bar,
	.primary-navigation .navbar-toggle:hover .icon-bar {
		background-color: #fff;
	}
	.menu-block.navbar-fixed-top .primary-navigation .navbar-nav {
		border-top: 1px solid #fff;
		margin-top: 12px;
		margin-right: 0;
		padding-top: 5px;
	}
	.primary-navigation .dropdown-menu > li > a:focus,
	.primary-navigation .dropdown-menu > li > a:hover.dropdown-menu > li > a:focus,
	.primary-navigation .dropdown-menu > li > a:hover {
		background-color: transparent;
	}
	.menu-block .primary-navigation .dropdown .dropdown-menu li a{
		color: #fff;
	}	
	.navbar-fixed-top.menu-block .primary-navigation .dropdown .dropdown-menu li.active  a,
	.menu-block .primary-navigation .dropdown .dropdown-menu li.active  a{
		color: #000;
	}
	.menu-block.navbar-fixed-top .primary-navigation .dropdown .dropdown-menu li a{
		padding-top: 0;
		padding-bottom: 0;
		color: #fff;
	}
	.menu-block.navbar-fixed-top .primary-navigation .dropdown-menu > li > a:hover,
	.primary-navigation .dropdown-menu > li > a:hover {
		background-color: transparent;
		color: #009ee0;
	}
	
	/* - Footer */
	.footer-inner {
		margin-top: 5px;
	}
	.footer-section .footer-item i {
		height: 38px;
		line-height: 34px;
		margin-right: 10px;
		width: 38px;
	}
	.footer-section p {
		margin-bottom: 0;
	}
	.footer-section  .footer-item-desc {
		font-size: 14px;
		font-weight: 300;
	}
	.footer-section .copyright {
		padding-top: 10px;
	}
	.back-top {
		margin-top: 30px;
		text-align: center;
	}	
	
	.slider-section .slide-sub-title {
		font-size: 40px;
		line-height: 50px;
	}
}

/* - max-width: 767 */
@media (max-width: 767px) {	
	/* - Footer Section */
	.brag-content h1 {
        font-size: 62px;
    }
	.footer-section{
		padding: 30px 0 20px;
	}
	.footer-item:nth-child(2) {
		float: right;
		text-align: right;
	}
	.footer-section .footer-item:nth-of-type(2) i {
		float: right;
		margin-left: 10px;
	}
	.footer-section .copyright {
		text-align: left;
		padding-top: 30px;
	}
	.back-top {
		margin-top: 15px;
	}
	.slides-navigation a {
		width: 55px;
		height: 55px;
		line-height: 58px;		
	}
	.slider-section .slide-sub-title {
		display: none !important;
	}
	
	/* - Blog */
	.blog-page .blog-inner {
		max-width: 660px;
	}
	.blog-page .container .col-md-4:nth-child(3n+3){
		margin-right: auto;
	}	
	.blog-page .blog-inner .post{
		width: 50%;
		float: left;
	}
	.blog-page .blog-inner .post:nth-child(2n+1){
		clear: both;
	}
	.blog-page .blog-inner  .entry-cover {
		float: none;
		max-width: 100%;
	}
}

/* - max-width: 479 */
@media (max-width: 479px) {	
	/* - Footer Section */
	.footer-inner {
		margin-top: 0;
	}
    .brag-content h1 {
        font-size: 40px;
    }
	.footer-section [class*="col-xs-"] {
		float: none;
		text-align: left;
		width: 100%;
	}
	.footer-section .footer-item:nth-of-type(2){
		margin-top: 25px;
	}
	.footer-section .footer-item:nth-of-type(2) i {
		float: left;
		margin-left: 0;
	}
	.footer-section .copyright {
		padding-top: 20px;
	}
	
	.header-top h1 {
		font-size: 50px;
		line-height: 65px;
	}
	
	
	.blog-page .blog-inner .post {
		width: 100%;
	}
	
	.comment .media-left, 
	.comment .media > .pull-left {
		padding-right: 15px;
	}
}