/* 
	## 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(231, 76, 68, 0.9);
		border-left: 50px solid transparent;
		border-right: 50px solid transparent;*/
		/*border: none;
		background-color: rgba(231, 76, 68, 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(231, 76, 68, 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(231, 76, 68, 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;
	}
}
@media (max-width: 991px) {
	
	.trait, .traitD{width: 96%!important;height: 0px!important;top: 38px!important;left: 15px!important;}
	.immeuble a.assurances p, .immeuble a.mediation p, .immeuble a.comptables p, .immeuble a.huissiers p, .immeuble a.gestion p, .immeuble a.mediation p, .immeuble a.notaires p, .immeuble a.locations p {margin: 0px 10px 0px 0px;}
	
	
	a.leLogo span{display:none}
	.menu-block .navbar-nav > li > a span{display:none;}
	.bgl .trait, .bgc .trait, .bga .trait, .bgn .trait, .bgg .traitD, .bgh .traitD, .bgm .traitD, .bgl .traitV, .bgc .traitV, .bga .traitV, .bgn .traitV, .bgg .traitDV, .bgh .traitDV  , .bgm .traitDV {opacity: 1.0;}
	
	.bgl .trait .rond, .bgc .trait .rond, .bga .trait .rond, .bgn .trait .rond, .bgg .traitD .rond, .bgh .traitD .rond, .bgm .traitD .rond, .bgl .traitV .rond, .bgc .traitV .rond, .bga .traitV .rond, .bgn .traitV .rond, .bgg .traitDV .rondD, .bgh .traitDV .rondD, .bgm .traitDV .rondD {width:80px;height: auto;}
	 .bga .trait .rond, bgg .traitDV .rondD, .bgh .traitDV .rondD , .bgm .traitDV .rondD{bottom:5px;}
	
	.bgg .traitD, .bgh .traitD {right: 0px; left: 240px;}
	.bgm .traitD {right: 0px; left: 80px!important;}
	
	.bgg .traitDV, .bgh .traitDV, .bgm .traitDV  {right: 0px;left:auto;height:3px;}
	

	
	.bgg .traitDV {height: 0px;}
	
.immeuble h3{margin-top:0px;margin-bottom:10px;font-size:1.5rem;color:#f68821;display:block;position:absolute;top:5px;right:0px;width:100%;padding: 0px 20px 0px 20px;text-align: center;}
	.immeuble {padding-top: 110px;}
	/*.trait, .traitD, .traitDV, .rondD, .traitV, .rond{display:none!important}*/
	.bgl, .bgc, .bga, .bgn, .bgm, .bgm:hover, .bgl:hover, .bgc:hover, .bga:hover, .bgn:hover, .bgg, .bgh, .bgg:hover, .bgh:hover {
    width: 260px;
    min-height: 80px;
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    border: 0px solid #000;margin-bottom:7px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
	.bgm, .bgm:hover{margin-left:-15px;}

	/*
.bgg, .bgh, .bgg:hover, .bgh:hover {
    width: 100%;
    min-height: 96px;
    display: block;
    position: relative;
    left: 0px;
    top: 0%;
    border: 0px solid #000;margin-bottom:10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}*/
	.immeuble img{position: absolute;/*display: none;*/top:0px;z-index: 0; position: absolute; 
  top: 50%; left: 50%; transform: translate(-50%, -50%); }
	
	/*.immeuble{
    background: #ffffff url(../images/Toucan_3D.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

}*/
	.immeuble a.comptables, .immeuble a.assurances, .immeuble a.notaires, .immeuble a.locations{border: 1px solid #ddd;border-left: 5px solid #f68821; padding: 10px 15px 5px 25px;position:relative;width:240px; box-sizing: border-box; left:0px; background-color: rgba(255,255,255,0.80);text-decoration: none;display:block;
-webkit-transition: all 0.3s;
    transition: all 0.3s;min-height:80px;}
.immeuble a.huissiers, .immeuble a.gestion{border: 1px solid #ddd;border-left: 5px solid #f68821; padding: 10px 20px 5px 20px;position:relative;width:240px; box-sizing: border-box; right:auto;left:0px; background-color: rgba(250,250,250,0.80);text-decoration: none;display:block;
-webkit-transition: all 0.3s;
    transition: all 0.3s;}
	

.bgl:hover {    width: 20px;
    min-height: 96px;
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
    border: 0px solid #000;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.bgl:hover .traitV, .bgn:hover .traitV, .bgc:hover .traitV, .bga:hover .traitV, .bgg:hover .traitDV, .bgh:hover .traitDV{height: 10%}
.bgl:hover a.locations, .bgn:hover a.notaires,.bgg:hover a.gestion,.bga:hover a.assurances,.bgh:hover a.huissiers,.bgc:hover a.comptables{-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.0);
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.0);}
	
.bgl:hover .traitV .rond img, .bgn:hover .traitV .rond img, .bgc:hover .traitV .rond img, .bga:hover .traitV .rond img, .bgg:hover .traitDV .rondD img, .bgm:hover .traitDV .rondD img, .bgm .traitDV .rondD img, .bgh:hover .traitDV .rondD img{position: absolute; z-index: 0; position: absolute; top: 50%;   left: 50%;   transform: translate(-50%, -50%);	
	max-width:100%;border-radius:0%;height: auto;border:0px solid #fff;margin:0px 0px 0px 0px;z-index:0;filter: drop-shadow(0px 0px 0px #fff);
	}

	/*
		.bgg:hover .traitDV .rondD img, .bgh:hover .traitDV .rondD img{max-width:100%;border-radius:0%;height: auto;border:0px solid #fff;position:relative;margin:0px 0px 0px 0px;z-index:0;filter: drop-shadow(0px 0px 0px #fff); }*/



	


}
/* - min-width: 992 */
@media (min-width: 992px) {
	
	/* .service-section .col-md-6:nth-child(2n+1){
		clear: both;
	} */
	.service-section .service-box-inner {
		height: 160px;
		overflow: hidden;
	}
	
	.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(231,76,68,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(231,76,68,0.9);
		top: 0px;
	}
	.we-launch-slope:before {
		border-color: rgba(231, 76, 68, 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(231,76,68,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(231,76,68,0.9);
		top: 0px;
		right: -30px;
	}
	.we-launch-slope:before {
		border-color: rgba(231, 76, 68, 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(231,76,68,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)
{
	body { overflow-x: hidden; }
	/* ## Global ## */ 	
	.service-bg,
	.line,
	.car,
	.application-iphone,
	.our-genius .style2,
	.brag-about-section,
	.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: inline-block;
	}
	
	/* ## 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-section {
		padding: 100px 0;
	}
	.service-bg {
		display: inline-block;
	}
	.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/research-bg-tablet.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(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,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: 19.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);
	}
	.shape-content h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	.we-perfection-slope {
		background-image: url("../images/how-we-work/we-perfection-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%;
	}	
	.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(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,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.png");
		height: 630px;
		margin-top: -25px;
		transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
	}
	.clean-code-box {
		bottom: 21.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(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,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.png");
		transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		margin-top: -143px;
		height: 700px;
	}
	.we-launch-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 340px solid rgba(231,76,68,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 {
		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)
{
	/* ## Global ## */ 
	.slider-section .slide-sub-title,
	.goto-next,
	.mobile-iphone,
	.service-bg,
	.line,
	.car,
	.application-iphone,
	.our-genius .style2,
	.brag-about-section,
	.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(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);
	}
	.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(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;
	}
	
	/* ## 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: 70px 0 82px 0;
	}
	.research-slope {
		background-image: url("../images/how-we-work/research-bg-mobile.jpg");
		position: relative;
	}
		
	.research-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 440px solid rgba(231,76,68,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: 15%;
		color: #fff;
		position: absolute;
		right: 0;
		width: 73%;
		left: 20px;
		margin: 0 auto;
		top: auto;
	}
	.shape-content h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.shape-content p {
		font-size: 15px;
		line-height: 25px;
	}
	.we-perfection-slope {
		background-image: url("../images/how-we-work/we-perfection-mobile.jpg");
	}	
	.we-perfection-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 440px solid rgba(231,76,68,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.png");
		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(231,76,68,0.9); 
		border-bottom: 350px solid rgba(231,76,68,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-box {
		bottom: 15.5%;
	}
	.we-launch-slope {
		background-color: transparent;
		background-image: url("../images/how-we-work/we-launch-project-mobile.png");
		transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
	}
	.we-launch-slope:before {
		width: 100%; 
		height: 100%; 
		border-top: 0px solid rgba(231,76,68,0.9); 
		border-bottom: 300px solid rgba(231,76,68,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: 8%;
	}
	
	/* ## 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: 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%;
	}
}

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

/* ## 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 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;
	}	
	.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: #e74c3c;background-color: #f68821;*/
		background-color: transparent;
	}
	.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: 10px;
        padding-bottom: 10px;
		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;background: #f68821;margin-top: 30px;
	}
    .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: transparent;
        cursor: pointer;
        font-size: 18px;
        padding: 1.5px 5px;
        position: absolute;
        right: 0;
        z-index: 9999;
        top: 20px;
        color: #fff;
        padding-left: 100%;
	}
	.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: #e74c3c;
	}
	
	/* - 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 */
	
	.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;
	}
	.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;
	}
}