/************************************************
*	Media Queries								*
************************************************/
@media only screen and (max-width: 1919px) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}

}

@media only screen and (max-width: 1680px) {
#wrap .homeSlider .slick-dots{
    right:10%;
}
	
}

@media only screen and (max-width: 1480px) {
#wrap .homeSlider .slick-dots{
    right:95px;
}

body.home #header .headerTable{
    padding: 65px 35px 0px
}
	
}

@media only screen and (max-width: 1365px){

p {
	padding: 8px 0px;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{

}
h1, .h1 {
	font-size: 40px;
	}
h2, .h2 {
	font-size: 34px;
	}
h3, .h3 {
	font-size: 28px;
	}
h4, .h4 {
	font-size: 24px;
	}
h5, .h5 {
	font-size: 20px;
	}
h6, .h6 {
	font-size: 18px;
	}

	

}

@media only screen and (max-width: 1279px){

.homeBannerContentWrap{
    padding-top: 90px;
}

}

@media only screen and (max-width: 1024px) {
	
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}
	
h1, .h1 {
	font-size: 36px;
	}
h2, .h2 {
	font-size: 30px;
	}
h3, .h3 {
	font-size: 26px;
	}
h4, .h4 {
	font-size: 22px;
	}
h5, .h5 {
	font-size: 20px;
	}
h6, .h6 {
	font-size: 18px;
	}	
	
.content{
	padding:0px 35px;
}

#PushMenuWrap{
	max-width:380px;
}
.pushmenuGrid{
	display:block;
	width:100%;
}
.pushmenuLogo, .pushmenuMenu, .pushmenuSocial{
	grid-column:auto;
	grid-row:auto;
	display:block;
}
.pushmenuLogo{
	padding-bottom:20px;
}
.pushmenuSocial{
	padding-top:20px;
}
	
	
#wrap .homeSlider .slick-dots{
    right:55px;
}

}

/* iPad Portrait Styles */

@media only screen and (max-width: 960px) {
	

#OpenMenu{
	width:40px;
}
#OpenMenu span{
	margin:10px 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:2vh 0px;
}
.PushMenu > li > a{
	font-size:26px;
}
.PushMenu li.menu-item-has-children{
	padding-right:0;
}
.PushMenu > li ul.sub-menu{
	padding-top:10px;
}
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;
}
.PushMenu > li ul.sub-menu li a{
	font-size:18px;
}

#PushMenu{
	position:absolute;
}
ul.PushMenu{
	width:100%;
	visibility:visible;
}
ul.PushMenu.hidden{
	visibility:hidden;
}


.casestudiesListItem{
	min-height:280px;
}

/*signup*/
.signupForm{
	position:relative;
	display:grid;
	grid-template-columns:auto auto;
}
.signupFormCol{
	padding:10px;
}
.signupFormCol:last-child{
	grid-column:1/3;
}


}
@media only screen and (max-width: 782px) {
body.admin-bar #header, body.admin-bar #header.sticky{
	top:46px;
}
}

@media only screen and (max-width: 780px) {
.newsletterBox{
    background-image: none !important; 

}
#frm_form_2_container .frm_fields_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color:transparent;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    overflow: visible;
    padding: 0px;
    position: relative;
}
#frm_form_2_container .subscribe_email{
    width: 100%;
    position: relative;
}
#frm_form_2_container input[type='email']{
    border-radius: 60px;
    background-color: #fff;
    border: 1px solid #F1F1F1;
    padding: 15px;
}
#frm_form_2_container .frm_submit{
    width: auto;
}
#frm_form_2_container button{
    padding: 15px 30px;
    margin-top: 15px;
}

}
/* iPhone */
@media only screen and (max-width: 767px) {

body {
	font-size: 16px;
	line-height:1.5;
	}
p {
	padding: 10px 0px;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
}

h1, .h1 {
	font-size: 32px;
	}
h2, .h2 {
	font-size: 28px;
	}
h3, .h3 {
	font-size: 24px;
	}
h4, .h4 {
	font-size: 20px;
	}
h5, .h5 {
	font-size: 18px;
	}
h6, .h6 {
	font-size: 16px;
	}	
    

.table{
	display:block;
	width:100%;
}
.tableCell{
	display:block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
}

	
#header.sticky{
	animation:none;
	-webkit-animation:none;
}

/*header*/
.headerMenuCell{
	display:none;
}
.headerLogoCell .logo img{
	width: auto;
    max-height: 60px;
}
#header.sticky .logo .stickyLogo{
    width: auto;
    max-height: 35px;
}

body.home #OpenMenu span{
	background-color:#fff;
}
/*Banner*/

.homeBannerContentWrap{
    margin: 0;
    max-width: none;
    padding-right: 70px;
}
#wrap .homeSlider .slick-dots{
    right: 40px;
}
.bnrbottomsocial{
    font-size: 12px;
    bottom: -51px;
}
.bnrbottomsocial .social-icons span a{
    font-size: 18px;
}

/*general*/
.content {
	padding: 0px 24px;
	}
.postarea,
.postarea.middle,
.postarea.full,
.postarea.wide {
	padding:40px 0px;
	}
.postarea.no_padding, .postarea.full.no_padding{
	padding: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;
	}
	
	
/*Woocommerce*/
	.woocommerce ul.products .product-category.categoryItem{
		width: 50% !important;
	}
	.woocommerce div.product .product_title{
		font-size: 36px;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
		padding: 15px 15px 0px 15px;
	}
	.woocommerce ul.products li.product .button{
		margin: 15px  !important;
	}
/*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*/
#footer{
	font-size:18px;
	padding:0px;
}
.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;
}

/*signup*/
.signupForm{
	position:relative;
	display:grid;
	grid-template-columns:auto;
	margin:0 auto;
	max-width:320px;
}
.signupFormCol{
	padding:10px 0;
}
.signupFormCol:last-child{
	grid-column:1;
}


/*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;
	border-radius:0px;
	-webkit-border-radius:0px;
}
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,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	padding:18px 24px;
	font-size:18px;
}

.woocommerce ul.products li.product .button{
	font-size:16px;
}

.signupFormTable{
	margin:0 auto;
	max-width:400px;
}

/*Woocommerce*/
.wooSummeryWrapper{
	display:block;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	font-size: 20px;
	}
.wooSummeryWrapper > .woocommerce-product-gallery, .wooSummeryWrapper > .entry-summary{
	display:block;
	padding:30px 0px;
	margin:0 auto !important;
}
.wooSummeryWrapper > .woocommerce-product-gallery{
	max-width:360px;
}
.wooSummeryWrapper > .woocommerce-product-gallery:before,
.wooSummeryWrapper > .entry-summary:before{
	left:-50px;
	right:-50px;
}

/* 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;
	}
}
@media only screen and (max-width: 600px) {
	
body.admin-bar #header.sticky{
	top:0;
}
body.admin-bar #PushMenuWrap{
	top:0;
}
#PushMenu .content{
	padding:0px 24px;
}

/*Gallery Page*/

.blog_holder{
	width:100%;
}
.blog_holder.blog_holder_full .blog_data_wrap{
	padding:0px 0px 15px 0;
}

.widget_nav_menu ul.menu li{
	width:auto;
}

	
	
}

@media only screen and (max-width: 480px) {

.ProductList{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.ProductListItem:nth-child(3n){
    border-right: 1px solid rgba(0,0,0,0.1);
}
.ProductListItem:nth-child(2n){
    border-right: none;
}
	
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 100%;
	}
	

.pc_holder{
	width:100%;
	max-width:400px;
}
}
