/* =================================================================== */
/* Media  Query
====================================================================== */


@media only screen and (max-width : 1900px){
	
.expandThis{ width:100%; float:none}
}

@media only screen and (max-width : 1280px){

.halfUL li{ float:left; width:50%;}


}


@media only screen and (max-width : 1260px){
	
	#adjustHeight, #ourWork .col-md-9 { float:none; width:100%}
	 #ourWork{ padding-left:0}
	 #ourWork .col-md-3 { padding-left:65px; padding-right:65px}
	 #portfolio #ourWork .col-md-3 { padding-left:0; padding-right:0}
	 
	 #ourWork .valign{ top:auto; transform: translateY(0%); padding-top:65px; padding-bottom:65px}
	 .gallery .gallery-inner,
.gallery .grid-sizer {
    width: 25%;/* change here the column width */
	padding:0
}



	

}

@media only screen and (max-width : 1199px){


}
	

/*Ipad Landscape*/
@media only screen and (max-width : 1024px){
	
	#ourWork .project .contents .title{ font-size:16px}
	#text-separator{ padding-right:50px}

#services .serviceBox{ float:none; width:100%; height:auto}
.serviceBox.blackBox img{ width:100%; min-width:inherit}
	 #services .valign{ top:auto; transform: translateY(0%); }
	 #services  .whiteBox .valign{ padding-top:15px}
.introServiceBox{ padding-top:100px; padding-bottom:100px}

.gallery .grid-sizer {
    width: 33.33333%;/* change here the column width */
	padding:0
}
 .gallery .gallery-inner,
.gallery .grid-sizer {
    width: 33.3333%;/* change here the column width */
	padding:0
}

#ourWork .valign, .serviceBox  .valign{     position: relative;
    top:auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none}
	
	.memberBoxHeight{ min-height:inherit}
	
	#twoSections h2{ letter-spacing:0; font-size:28px}
	.formatText p:first-child{ font-size:20px}
	
#testimonialPart .paddingTop{ padding-top:20px}

}

@media only screen and (max-width : 1023px){
	
	
	
	#ourWork .col-md-9 .col-md-3{ width:50%; float:left}
	
	#callToActionOrange{ text-align:center}
	
	#callToActionOrange .marginTop50{ margin-top:50px}
	 
	 .team .valign{ top:auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none }
	 .expandThis { padding-left:0; padding-right:0}
	 
	 .addBorder{ border-top:1px solid #dadada}
	 
	 #singleService .addBorder{ border-top:0}
.halfUL li{ float:none; width:100%;}

.headerPhoto{ padding-top:40px; width:100%; overflow:hidden}


#colorfulSection .container{ width:100%}
#colorfulSection .container .row{ margin-left:0; margin-right:0 }


.col-md-12.nopad, #testimonialPart .row{ padding-left:20px !important; padding-right:20px !important}



.headerPhotoService{ padding-top:60px; overflow:hidden; width:100%}
.headerPhotoService img{ width:150%; margin-left:-25% }




}
 

/*Ipad Portrait*/
@media only screen and (max-width : 768px){


}


@media only screen and (max-width : 766px){
	
	 .gallery .gallery-inner,
.gallery .grid-sizer {
    width: 50%;/* change here the column width */
	padding:0
}

.headlines{ font-size:2em}
#intro p{ padding-bottom:20px}

.sectionIntro h2 span { border:0; padding:0 }

.absHeader { position:relative; background:#f37729}

.absHeader .valign {top:auto; transform: translateY(0%); padding-top:0px; padding-bottom:0px}
.headerPhotoService{ padding-top:60px; overflow:hidden; width:100%}
.headerPhotoService img{ width:200%; margin-left:-50% }
.absHeader .font40{ font-size:30px}

.absHeader .font34{ font-size:24px}

} 


/*Native iPhone 6+ none zoomed Horizontal*/
@media only screen and (max-width : 736px){
}



/*iPhone 6 native - iPhone 6+ zoomed Horizontal*/
@media only screen and (max-width : 667px){
	
	
}
/*LESSER THAN iPhone 6 native - iPhone 6+ zoomed Horizontal*/
@media only screen and (max-width : 666px){
	
}

/*iPhone 6 Zoomed - iPhone 5 Horizontal*/
@media only screen and (max-width : 568px){
}
/*Bellow Iphone landscape*/
@media only screen and (max-width : 567px){

}

/*iPhone 4 - Horizontal*/
@media only screen and (max-width : 480px){
}

/*iPhone 6+ Native Vertical*/
@media only screen and (max-width : 414px){

#ourWork .col-md-9 .col-md-3{ width:100%; float:none}

.headlines{ font-size:1.5em; line-height:36px}
.formatText p:first-child{ font-size:20px}
#callToActionOrange .font50{ font-size:32px}
#adjustHeight.paddingLeft50,  #text-separator { padding-left:20px} 
#adjustHeight.paddingRight50,  #text-separator { padding-right:20px} 
#ourWork .valign, #text-separator { padding-top:40px; padding-bottom:40px}


 .gallery .gallery-inner,
.gallery .grid-sizer {
    width: 100%;/* change here the column width */
	padding:0
}

#text-separator .container-fluid .col-md-6{ padding-left:0}

.doubleLineHeight{ line-height:30px}

a.button{ padding:20px 20px; width:100%; 

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */


}
.serviceBox span{ padding-left:40px}

.serviceBox{ padding-top:40px; padding-bottom:40px}
.navbar-default .navbar-brand{ margin-left:20px; margin-bottom:20px}
.serviceBox h4{ letter-spacing:0}

.headerPhoto{ padding-top:60px}
.headerPhoto img{ width:150%; margin-left:-25% }

.orangeBg.font50 {
    font-size: 30px;
}

.padding50{ padding:20px !important; padding-top:50px !important; padding-bottom:50px !important;}
.paddingLeft50{ padding-left:20px}

.darkGreyBg.font36{ font-size:26px}

.lighterGrey.font30{ font-size:20px}

.formatText.specialHeaders h1, .formatText.specialHeaders h2, .formatText.specialHeaders h3{ font-size:30px; line-height:40px}
.formatText h1 + p, .formatText h2 + p, .formatText h3 + p{ font-size:20px}

.portfolioFilters{ height:auto; padding-bottom:30px}
.portfolioFilters{
	padding-left: 30px;
    
}

.portfolioFilters .btn{ text-align:left; width:220px; padding-left:20px}
.portfolioFilters .btn-default{ display:block}


.sectionIntro h2 span { padding-top:50px; display:block}


}



/*iPhone 6 native - iPhone 6+ zoomed*/
@media only screen and (max-width : 375px){

	
}

/*Iphone Portrait*/
@media only screen and (max-width : 360px){


}

@media only screen and (max-width : 359px){

}

/*iPhone 6 Zoomed - iPhone 5*/

@media only screen and (max-width : 320px){



}