/************************************************
*	Media Queries								*
************************************************/
@media only screen and (max-width: 1919px) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
h1, .h1 {
	font-size: 50px;
	}
h2, .h2 {
	font-size: 40px;
	}
h3, .h3 {
	font-size: 30px;
	}
h4, .h4 {
	font-size: 25px;
	}
h5, .h5 {
	font-size: 20px;
	}
h6, .h6 {
	font-size: 16px;
	}
}
@media only screen and (max-width: 1365px){

body {
	font-size: 18px;
	line-height: 1.3;
	}
p {
	padding: 8px 0px;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}

	
.header_join .button, #header.sticky .header_join .button{
	font-size:16px;
}

}

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


	
/*section 1*/
.section1contentCell{
	width:25%;
}
.section1content, #section1Slide{
	padding-top:0px;
}
.section1BG:before{
	bottom:20%;
}

}

@media only screen and (max-width: 1024px) {
	
h1, .h1 {
	font-size: 40px;
	}
h2, .h2 {
	font-size: 30px;
	}
h3, .h3 {
	font-size: 25px;
	}
h4, .h4 {
	font-size: 20px;
	}
h5, .h5 {
	font-size: 18px;
	}
h6, .h6 {
	font-size: 16px;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}	

.header_links{
	width:55%;
}
ul.HeaderMenu > li{
	padding:0px 15px;
}
.header_links ul.HeaderMenu .submenu_open{
	right:5px;
}
	
.content{
	padding:0px 35px;
}
#header{
	padding:0px;
}


}

/* iPad Portrait Styles */

@media only screen and (max-width: 960px) {
	
.header_logo .logo{
	max-width:300px;
}

#OpenMenu{
	width:35px;
}
#OpenMenu span{
	margin:7px 0px;
}

/*PushMenu Table layout*/
.menu_container{
	padding:20px 0;
}
.menuTable, .menuTable2{
	display:block;
}
.menuTableCell, .menuTable2Cell{
	display:block;
	text-align:center;
	width:100%;
}
.LogoCol img{
	display:inline-block;
	max-width:150px;
}
.menuContactLink{
	display:block;
	padding:5px 0px;
	margin:0px;
}

#PushMenuWrap{
	width:100%;
	bottom:0;
	overflow:auto;
}
#PushMenuWrap ul{
	width:100%;
}
.PushMenu li{
	padding:6px 0px;
	display:block;
}
.PushMenu li.menu-item-has-children{
	padding-right:0;
}
ul.PushMenu ul{
	left:50%;
}
.submenu_open{
	display:none;
}
ul.sub-menu{
	display:block;
	background-color:transparent;
	position:static;
	padding-top:5px;
}
ul.sub-menu > li > a{
	border:none;
	padding:5px 10px;
}
ul.sub-menu > li > a:hover{
	background-color:transparent;
}
#PushMenuWrap .menu_icon {
    padding:35px 0 0;
}
#PushMenu{
	position:absolute;
}
.menu_wrap {
	padding:50px 5% 30px 5%;
    max-width: 100%;
    text-align: left;
}
ul.PushMenu{
	width:100%;
	visibility:visible;
}
ul.PushMenu.hidden{
	visibility:hidden;
}

/*Offer*/
.OfferCellWrap{
	display:block;
}
.OfferIcon, .OfferTitle{
	display:block;
	text-align:center;
}

/*section 1*/
.Section1TableWrap{
	margin:0px;
	padding-right:5%;
}
.Section1Table{
	display:block;
}
.Section1TableCell, .section1contentCell{
	display:block;
	width:100%;
	padding:0px 0px 20px;
}
.section1BG:before{
	right:0;
}
#section1Slide{
	padding-bottom:30px;
}
#section1Slide .slick-dots{
	bottom:0px;
}

/*section 2*/
.section2BG:before{
	left:0;
}
.Section2TableWrap{
	margin:0px;
	padding-left:5%;
}
.Section2Table{
	display:Block;
}
.Section2TableCell, .section2content1Cell{
	display:block;
	width:100%;
	padding:0px 0px 20px;
}
.section2EmptyCell{
	display:none;
}
.section2content_1{
	padding-top:5%;
}

/*section3*/
.processBox{
	width:33.33%;
}

/*section 4*/
#section4:before{
	bottom:0px;
}

/*Blog*/
.homeBlogList{
	margin:0px -10px;
}
.homeBlogBox{
	padding:10px;
}

.testimonial_holder{
	width:50%;
}

}
@media only screen and (max-width: 782px) {
body.admin-bar #header.sticky, body.admin-bar #header.homeTransparent{
	top:46px;
}
}
/* iPhone */
@media only screen and (max-width: 767px) {

body {
	font-size: 18px;
	line-height:normal;
	}
p {
	padding: 8px 0px;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
h1, .h1 {
	font-size: 35px;
	}
h2, .h2 {
	font-size: 30px;
	}
h3, .h3 {
	font-size: 25px;
	}
h4, .h4 {
	font-size: 20px;
	}
h5, .h5 {
	font-size: 18px;
	}
h6, .h6 {
	font-size: 16px;
	}
	
#header.sticky{
	animation:none;
	-webkit-animation:none;
}
.header_logo, .header_links, .header_hamburger, .header_spacer, .header_button{
	padding:30px 0px;
}

body.home #OpenMenu span{
	background-color:#fff;
}
.header_button .button{
	display:none;
}
.header_button{
	text-align:right;
	padding-right:20px;
}
.header_button .CallIconButton{
	display:inline-block;
}
/*Slider*/
.SlideContentWrap{
	padding:10% 0px;
}
/*Table*/
.table{
	display:block;
}
.tableCell{
	display:block;
}

/*Offer*/
.OfferTableHeading{
	text-align:center;
}
.OfferTableWrap{
	position:relative;
	transform:translateY(0%);
	-webkit-transform:translateY(0%);
}
/*About*/
#about{
	padding:0px 0px 6%;
}
.aboutTable{
	display:block;
}
.aboutImageCell, .aboutContentCell, .aboutVideoCell{
	display:block;
}
.aboutContentWrap{
	padding:20px 35px;
}
.aboutImageWrap img{
	display:block;
}
.aboutImageCell{
	background-image:none !important;
}

/*How we help*/
.howWeContentCell{
	background-size:contain;
}
.howWeContentWrap{
	padding:6% 35px;
	float:none;
	max-width:100%;
}
.howWeListWrap{
	padding:0 35px;
	max-width:100%;
}
ul.howWeList li{
	padding:0px;
}

/*Section 1*/
.sectionContentWrap{
	padding:6% 0px;
}
.sectionImageCell.standOut .sectionImageWrap{
	background-image:none !important;
	position:relative;
	padding:0px 35px;
	transform:scale(1);
	-webkit-transform:scale(1);
}
.sectionImageCell.standOut .sectionImageWrap img{
	display:block;
	max-width:280px;
	margin:0 auto;
	width:100%;
	height:auto;
}
/*section 2*/
.rtl .sectionContentWrap{
	padding:10% 0;
}
.rtl .sectionImageWrap{
	padding:0px 0 10%;
}

/*Blog*/
.homeBlogList{
	margin:0px;
}
.homeBlogBox{
	width:100%;
	float:none;
	padding:0px 0px 40px;
}

/**##Internal##**/
/*page banner*/
.feature-img.page-banner .page_title:after{
	height:5px;
	width:60px;
}



/*Gallery Page*/
.gallery_page{
	margin:0 -10px;
}
.gallery_thumb{
	width:50%;
	padding:10px;
}

/*News page*/
.blog_page{
	margin:0px;
}
.blog_holder.blog_holder_full .blog_data_wrap{
	padding:0px 15px 30px 15px;
	display:block;
}
.blog_img, .blog_data{
	display:block;
	width:100%;
	padding:0px;
}
.blog_holder{
	width:50%;
}
.blog_data_wrap{
	padding:15px;
}



/*Button*/
a.arrowButton{
	font-size:14px;
}
.arrowButton .arrow{
	height:2px;
	margin:10px 0 0 0;
}
.arrowButton .arrowText{
	padding-right:20px;
}
.arrowButton .arrow:before, .arrowButton .arrow:after{
	width:15px;
	height:2px;
}

/*general*/
.content {
	padding: 0px 24px;
	}
.postarea,
.postarea.middle,
.postarea.full,
.postarea.wide {
	padding: 30px 0px;
	}
i.format-icon {
	display: none;
	}
.blog-holder, .archive-holder {
	margin-bottom: 24px;
	}
.blog-holder .article,
.archive-holder .article {
	padding: 12px 18px;
	}
.blog-holder .post-meta,
.archive-holder .post-meta {
	padding: 12px;
	}
.blog-holder .post-meta p,
.archive-holder .post-meta p {
	font-size: 0.9em;
	}
.archive-column {
	width: 100%;
	padding-right: 0px;
	overflow: hidden;
	}
.archive-column h6 {
	margin-top: 12px;
	}
.sidebar {
	padding: 24px;
	}
.sidebar.left {
	display: none;
	}
	
/*Instagram*/
.instagram-pics{
	margin:0 -10px;
}
.instagram-pics li{
	width:33.33%;
	padding:10px;
}

.footerFormWrap{
	max-width:480px;
	margin:0 auto;
}
.footerFormWrap .frm_form_field{
	width:100%;
}

/*Footer*/
.footertopOverlap:before{
	padding-bottom:20%;
}
#footer{
	padding:0px;
}
.footerBG{
	transform:none;
	-webkit-transform:none;
}
.footerTable{
	display:block;
}
.footerTableCell{
	display:block;
	width:100%;
}
.footer_logo_wrap{
	width:75%;
	max-width:300px;
	margin:0 auto;
}

#footerMenu .menu a{
	font-size:16px;
}
.FooterWidgetArea{
	text-align:center;
}
.FooterWidgetArea .panel-grid-cell{
	margin-bottom:5px !important;
}
.widget ul.menu{
	text-align:center;
}

.FooterCopyWrap{
	display:block;
}
.footer_websiteby, .footer_copy, .footer_links{
	display:block;
	width:100%;
	text-align:center;
}

.FooterSignup{
	max-width:480px;
	margin:0 auto;
}

.slick-dots li button{
	width:12px !important;
	height:12px !important;
}


/*forms*/
form input[type='url'],
form input[type='tel'],
form input[type='email'],
form input[type='text'],
form input[type='password'],
form input[type='number'],
form input[type='search'],
form textarea,
form select {
	padding:10px;
}
a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link,
#submit, #comments #respond input#submit, .container .gform_wrapper input.button, input[type="submit"], button, .button{
	padding:10px 15px;
	font-size:16px;
}
#footer .signupForm input[type="submit"]{
	height:40px;
}

/* Grid */

body {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	}
.row {
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	overflow: visible !important;
	}
.row .single,
.row .half,
.row .third,
.row .fourth {
	width: 100%;
	float:none;
	}
.row .row .column, .row .row .columns {
	padding: 0;
	}
.column, .columns {
	width: auto !important;
	float: none;
	margin-left: 0;
	margin-right: 0;
	}
.column:last-child, .columns:last-child {
	margin-right: 0;
	float: none;
	}
[class*="column"] + [class*="column"]:last-child {
	float: none;
	}
[class*="column"]:before, [class*="column"]:after {
	content:"";
	display:table;
	}
[class*="column"]:after {
	clear: both;
	}
	
/*Contact form 7*/
.cf7_half{
	width:100%;
}
	
}


@media only screen and (max-width: 600px) {
	
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
	
.header_logo, .header_links, .header_join, .header_hamburger{
	padding:20px 0px;
}
#header .mainLogo{
	display:none;
}
#header .MobileLogo{
	display:block;
}

body.admin-bar #header.sticky{
	top:0px;
}	
/*Offer*/
.OfferTable{
	display:block;
	padding:20px 0px;
}
.OfferCell{
	display:block;
	border-right:none;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.OfferCellWrap{
	display:table;
}
.OfferIcon, .OfferTitle{
	display:table-cell;
}
.OfferIcon{
	text-align:right;
}
.OfferTitle{
	text-align:left;
}


/*Gallery Page*/
#galleryWrap .gallery_item{
	display:inline-block;
	width:98.5%;
}

.testimonial_holder{
	width:100%;
}

.blog_holder{
	width:100%;
}
.blog_data_wrap{
	padding:15px 0px;
}
.blog_holder.blog_holder_full .blog_data_wrap{
	padding:0px 0px 15px 0;
}

.footertopOverlap:before{
	padding-bottom:30%;
}

}

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

/*projects*/
.projectTile{
	width:100%;
}

/*Gallery Page*/
.gallery_page{
	margin:0 0px;
}
.gallery_thumb{
	width:100%;
	padding:10px 0;
}


}