/* CSS Document - use this a starting template for respsonsive */
/* updated to common sized Nov 2017 */
/************************************************************************************
	max width 1440 - desktop
*************************************************************************************/
@media screen and (max-width: 1440px) {

.subcat_block {
    width: 23%;
}    
 
.product_desc_image-container {
    width: 38%;
}    
    
.product_container_detail {
    width: 58%;
}    
    
}

/************************************************************************************
	max width 1440 - desktop
*************************************************************************************/
@media screen and (max-width: 1100px) {

 
.product_desc_image-container {
    width: 100%;
}    
    
.product_container_detail {
    width: 100%;
    margin-top: 50px;
}    
    
.product_container {
    flex-direction: column;
}    
    
.calculator_block {
    width: 100%;
}

}



/************************************************************************************
	max width 1440 x max height 900 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1440px) and (max-height: 900px) {

.header .top-band {
    height: 80px;
}	
	
.top_logo {
    width: 26%;
}	
	
.buy_sticky_btn {
    width: 136px;
	padding: 10px 5px;	
}	
	
.buy_sticky_btn .midline {
    font-size: 1.7em;
}	
	
.quote_sticky_btn {
	padding: 15px 10px;		
    width: 136px;
}	

.quote_sticky_btn .midline {
    font-size: 1.8em;
}	

.index-page_container .feature_block_wrap .order_box .middle_block .text_block {
    height: 200px;
}	
	
.index-page_container .feature_block_wrap .order_box .middle_block .subtext {
    font-size: 1.3em;
}	
	
.index-page_container .feature_block_wrap .about_box .headline {
    margin-top: 12px;
    margin-bottom: 12px;
}	

.index-page_container .feature_block_wrap .about_box .subheadline {
    line-height: 1.2em;
}	

.index-page_container .feature_block_wrap .about_box .more_btn {
    margin-top: 41px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 12%;
}	
	
.category_wrap .category_block {
    margin-bottom: 100px;
}	

.back_btn {
    font-size: 1.1em;
}	

.product_wrap .product_block {
    grid-template-columns: 30% 40% 26%;
}	

.contact_wrap .right_block {
    width: 38%;
}	

.contact_wrap .left_block {
    width: 60%;
}	
	
	
}

/************************************************************************************
	max width 1366 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1366px) {

.esale_wrap .esale_box .esale_image {
    height: 280px;
}	
	
.menu_item {
    font-size: 0.8em;
}
	
.top_logo {
    width: 28%;
}	
	
.index-page_container .home_page_wrap .home_page_content .page_content h1 {
    margin-bottom: 8px;
	font-size: 1.8em;
}	
	
.index-page_container .home_page_wrap .home_page_content .page_content .home_page_text, .index-page_container .home_page_wrap .home_page_content .page_content .home_page_text p {
	font-size: 1em;	
}

.index-page_container .home_page_wrap .home_page_content {
    height: 220px;
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    font-size: 2.4em;
}	
	
.index-page_container .feature_block_wrap .order_box .middle_block {
    margin-left: 5%;
    margin-right: 5%;
}	
	
.index-page_container .feature_block_wrap .order_box .middle_block .text_block {
    font-size: 0.9em;
    line-height: 1.4em;
}	

.index-page_container .feature_block_wrap .order_box .middle_block .subheadline {
    font-size: 1.8em;
}	
	
.index-page_container .feature_block_wrap .about_box .headline {
    font-size: 1.8em;
}	

.index-page_container .feature_block_wrap .about_box .subheadline {
    font-size: 1.4em;
    line-height: 1.2em;
	padding: 0px 8px;
}	
	
}
	
	
/************************************************************************************
	max width 1366 x max height 1024 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1366px) and (max-height: 1024px) {

.fullscreen-bg__video {
    top: 0px;
    left: -170px;
    width: 133vw;
    height: 100vh;
}	
	
.buy_sticky_btn {
    width: 136px;
	padding: 10px 5px;	
}	
	
.buy_sticky_btn .midline {
    font-size: 1.7em;
}	
	
.quote_sticky_btn {
	padding: 15px 10px;		
    width: 136px;
}	

.quote_sticky_btn .midline {
    font-size: 1.8em;
}	
	
.index-page_container .home_page_wrap .home_page_content {
    padding: 0px 11%;
}	
	
.footer .graybar {
    padding: 0px 11%;
}	
	
.index-page_container .feature_block_wrap .order_box .middle_block .text_block {
    height: 200px;
}	
	
.index-page_container .feature_block_wrap .order_box .middle_block .subtext {
    font-size: 1.3em;
}	
	
.index-page_container .feature_block_wrap .about_box .headline {
    margin-top: 12px;
    margin-bottom: 12px;
}	

.index-page_container .feature_block_wrap .about_box .subheadline {
    line-height: 1.2em;
}	

.index-page_container .feature_block_wrap .about_box .more_btn {
    margin-top: 80px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 12%;
}		

.category_wrap .category_block {
    margin-bottom: 100px;
}	

.back_btn {
    font-size: 1.1em;
}	

.product_wrap .product_block {
    grid-template-columns: 30% 40% 26%;
}	

.contact_wrap .right_block {
    width: 38%;
}	

.contact_wrap .left_block {
    width: 60%;
}		
	
}

/************************************************************************************
	max width 1366 x max height 768 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1366px) and (max-height: 768px) {

.fullscreen-bg__video {
    left: -232px;
}	
	
	
}

/************************************************************************************
	max width 1200 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1200px) {

.subcat_block {
    width: 30%;
}
	
}


/************************************************************************************
	max width 1280 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1280px) {

.esale_wrap .esale_box .esale_image {
    height: 230px;
}	
	
}

/************************************************************************************
	max width 1280 x 1024 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 1024px) {

.fullscreen-bg__video {
    width: 141vw;
}	
	
.index-page_container .feature_block_wrap .about_box .more_btn {
    margin-top: 53px;
}	
	
.footer .graybar {
    padding: 0px 12%;
}	

.product_wrap .product_block {
    grid-template-columns: 30% 36% 30%;
}	
	
}

/************************************************************************************
	max width 1200 
*************************************************************************************/
@media screen and (max-width: 1200px) {

.calc_btn {
    display: none;
}
    
}



/************************************************************************************
	max width 1280 x 800 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 800px) {

.fullscreen-bg__video {
    left: -216px;
}

.category_wrap .category_block .cat_btn {
    font-size: 1.1em;
}	

.category_wrap .category_block .cat_name {
    line-height: 27px;
}	
	
}

/************************************************************************************
	max width 1140 - desktop / laptop
*************************************************************************************/
@media screen and (max-width: 1140px) {

}

/************************************************************************************
	max width 1024 x max height 900 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1140px) and (max-height: 900px) {

.top_left {
    font-size: 1em;
}	
	
.index-page_container .home_page_wrap .home_page_content {
    padding: 0px 13%;
}	
	
.index-page_container .home_page_wrap .home_page_content .page_content h1 {
    font-size: 1.6em;
}	
	
h2 {
    margin-top: 8px;
}	

.index-page_container .home_page_wrap .home_page_content .feature_product .product_detail .product_name {
    font-size: 1.2em;
}	

.index-page_container .home_page_wrap .home_page_content .feature_product .product_detail .product_price {
    font-size: 1.2em;
}	

.index-page_container .feature_block_wrap .about_box .headline {
    font-size: 1.4em;
}	

.index-page_container .feature_block_wrap .about_box .subheadline {
    line-height: 1em;
}

.index-page_container .feature_block_wrap .about_box .more_btn {
    margin-top: 46px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 13%;
}	
	
.footer .graybar {
    padding: 0px 13%;
}	

.pagecontent {
    padding: 0% 2%;
}	

.category_wrap .category_block {
    width: 46%;
}

.category_wrap .category_block .cat_image {
    height: 254px;
}

.category_wrap .category_block .cat_btn {
    font-size: 1em;
}	
	
.back_btn {
    width: 25%;
}	
	
}

/************************************************************************************
	max width 1024 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1100px) {

    	
.header {
	display: none;
}	
	
.mobile_header {
	display: flex;
}	
	
.mobile_nav {
	display: flex;
}
	
    
    
}

/************************************************************************************
	max width 1024 x max height 1366 - iPad
*************************************************************************************/
@media screen and (max-width: 1024px) and (max-height: 1366px) {

.top_left {
    font-size: 0.8em;
}	

.top_logo {
    width: 23%;
	padding-top: 46px;
}	

.menu_item {
    font-size: 0.7em;
}

.fullscreen-bg__video {
    top: -464px;
    left: -664px;
    width: 274vw;
    height: 153vh;
}	
	
.footer .graybar {
    padding: 0px 19%;
}	

.footer .graybar .site_block {
    width: 40%;
}	
	
.footer .graybar .contact_block {
    width: 58%;
}	
	
.index-page_container .testimonial_wrap .testimonial_block .headline {
    font-size: 2em;
}	

.index-page_container .testimonial_wrap .testimonial_block .short_test .fas {	
	font-size: 1.4em;
}

.product_wrap .product_block {
    grid-template-columns: 38% 22% 35%;
}	

.product_wrap .product_block .center_block .product_name {
    height: 2em;
}	

.form-block-nb {
    flex-direction: column;
}	
	
.form-block-nb .formbtn {
    width: 81%;
}	
	
}

/************************************************************************************
	max width 1024 x max height 768 laptop / tablet
*************************************************************************************/
@media screen and (max-width: 1024px) and (max-height: 768px) {

.fullscreen-bg__video {
    top: -2px;
    left: -354px;
    width: 167vw;
    height: 106vh;
}	
	
	
}

/************************************************************************************
	max width 900 
*************************************************************************************/
@media screen and (max-width: 900px)  {

.subcat_block {
    width: 48%;
}

.subcat_image {
    height: 230px;
}
    
}

/************************************************************************************
	max width 812 x max height 375 - iPhone X 
*************************************************************************************/
@media screen and (max-width: 812px) and (max-height: 375px) {

.esale_wrap .esale_box {
    width: 48%;
}	
	
.header {
	display: none;
}	
	
.mobile_header {
	display: flex;
}	
	
.mobile_nav {
	display: flex;
}
	
.buy_sticky_btn	{
	display: none;		
}

.quote_sticky_btn {
	display: none;		
}
	
.index-page_container .home_page_wrap .home_page_content {
    padding: 0px 1%;
}	
	
.fullscreen-bg__video {
    top: -26px;
    left: -276px;
    width: 168vw;
    height: 124vh;
}	
	
.bottom_band {
    font-size: 1em;
}	

.hp-titlebox .hp-tagline {
	font-size: 1.5em;	
}

.hp-titlebox .hp-tagline2 {
	font-size: 2em;	
}
	
.index-page_container .feature_block_wrap {
	padding: 20px 1%;		
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    font-size: 2em;
}	
	
.index-page_container .feature_block_wrap {
    height: 410px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 1%;
}	
	
.footer .graybar {
    padding: 0px 2%;
}	
	
.footer .blackbar .logo img {
    width: 15%;
     margin-left: 40%;
}	

.footer .blackbar {
    height: 110px;
    width: 100%;
}	

.page_wrap {
    width: 98%;
    margin: 60px 1% 47px 1%;
    padding: 50px 1% 2% 1%;
}	
	
.category_wrap .category_block {
    width: 100%;
}	
	
.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}	

.location_wrap .location_block {
	flex-direction: column;
    height: 730px;	
}	
	
.location_wrap .location_block .map_container {
    width: 100%;
	margin-bottom: 30px;
}	

.location_wrap .location_block .desc_container {
    width: 100%;
}	

.contact_wrap {
	flex-direction: column;
}	
	
.contact_wrap .left_block {
    width: 100%;
	margin-bottom: 30px;	
}	
	
.form-block-nb {
    flex-direction: row;
}	
	
.contact_wrap .right_block {
    width: 100%;
}	
	
}

/************************************************************************************
	max width 800 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 800px) {

}

/************************************************************************************
	max width 768 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 768px) {

.category_wrap .category_block {
    width: 100%;
}   
	
}

/************************************************************************************
	max width 768 x max height 1024 - iPad
*************************************************************************************/
@media screen and (max-width: 768px) and (max-height: 1024px) {

.esale_wrap .esale_box {
    width: 48%;
}	
    
	
.header {
	display: none;
}	
	
.mobile_header {
	display: flex;
}	
	
.mobile_nav {
	display: flex;
}
	
.buy_sticky_btn	{
	display: none;		
}

.quote_sticky_btn {
	display: none;		
}
	
.index-page_container .home_page_wrap .home_page_content {
    padding: 0px 1%;
}	
	
.fullscreen-bg__video {
    top: -26px;
    left: -276px;
    width: 168vw;
    height: 124vh;
}	
	
.bottom_band {
    font-size: 1em;
}	

.hp-titlebox .hp-tagline {
	font-size: 1.5em;	
}

.hp-titlebox .hp-tagline2 {
	font-size: 2em;	
}
	
.index-page_container .feature_block_wrap {
	padding: 20px 1%;		
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    font-size: 2em;
}	
	
.index-page_container .feature_block_wrap {
    height: 410px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 1%;
}	
	
.footer .graybar {
    padding: 0px 2%;
}	
	
.footer .blackbar .logo img {
    width: 15%;
     margin-left: 40%;
}	

.footer .blackbar {
    height: 110px;
    width: 100%;
}	

.page_wrap {
    width: 98%;
    margin: 60px 1% 47px 1%;
    padding: 50px 1% 2% 1%;
}	
	
	
.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}	

.location_wrap .location_block {
	flex-direction: column;
    height: 730px;	
}	
	
.location_wrap .location_block .map_container {
    width: 100%;
	margin-bottom: 30px;
}	

.location_wrap .location_block .desc_container {
    width: 100%;
}	

.contact_wrap {
	flex-direction: column;
}	
	
.contact_wrap .left_block {
    width: 100%;
	margin-bottom: 30px;	
}	
	
.form-block-nb {
    flex-direction: row;
}	
	
.contact_wrap .right_block {
    width: 100%;
}	
	
.index-page_container .home_page_wrap .home_page_content {
    height: 400;
	flex-direction: column;
}
	
.index-page_container .home_page_wrap {
    height: 490px;
    margin: 30px 0%;
}	

.index-page_container .home_page_wrap .home_page_content .page_content {
    width: 100%;
    padding: 15px 3%;
}	
	
.index-page_container .home_page_wrap .home_page_content .feature_product {
    width: 100%;
    margin-top: 0px;
}	
	
.index-page_container .feature_block_wrap {
	flex-direction: column;
	height: 700px;
}	

.index-page_container .feature_block_wrap .order_box {
    width: 100%;
    height: 360px;
	margin-bottom: 30px;	
}	

.index-page_container .feature_block_wrap .order_box .middle_block {
    height: 110px;
}	
	
.index-page_container .feature_block_wrap .about_box {
    width: 100%;
}	
	
.team_wrap .team_block .headshot {
    width: 30%;
}	

.team_wrap .team_block .small_desc_block {
    width: 67%;
}	
	
.team_wrap .team_block .contact_line {
	flex-direction: column;
}	
	
.galimg {
    width: 45%;
}	

.fullscreen-bg__video {
    top: -214px;
    left: -419px;
    width: 279vw;
    height: 124vh;
}	
	
}

/************************************************************************************
	max width 740 x max height 360 - S8
*************************************************************************************/
@media screen and (max-width: 740px) and (max-height: 360px) {

.product_wrap .product_block .center_block .product_name {
    height: 3em;
}	
	
.page-grid-half {
    display: flex;
	flex-direction: column;
}

.page-grid-thirds {
    display: flex;
	flex-direction: column;
}
	
.page-row-container {
    display: flex;
	flex-direction: column;
}
	
.page-grid-firstthird {
    display: flex;
	flex-direction: column;
}

.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}
	
.header {
	display: none;
}	
	
.mobile_header {
	display: flex;
}	
	
.mobile_nav {
	display: flex;
}
	
.buy_sticky_btn	{
	display: none;		
}

.quote_sticky_btn {
	display: none;		
}
	
.index-page_container .home_page_wrap .home_page_content {
    padding: 0px 1%;
}	
	
.fullscreen-bg__video {
    top: -26px;
    left: -276px;
    width: 168vw;
    height: 124vh;
}	
	
.bottom_band {
    font-size: 1em;
}	

.hp-titlebox .hp-tagline {
	font-size: 1.5em;	
}

.hp-titlebox .hp-tagline2 {
	font-size: 2em;	
}
	
.index-page_container .feature_block_wrap {
	padding: 20px 1%;		
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    font-size: 2em;
}	
	
.index-page_container .feature_block_wrap {
    height: 660px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 1%;
}	
	
.footer .graybar {
    padding: 0px 2%;
}	
	
.footer .blackbar .logo img {
    width: 15%;
     margin-left: 40%;
}	

.footer .blackbar {
    height: 110px;
    width: 100%;
}	

.page_wrap {
    width: 98%;
    margin: 60px 1% 47px 1%;
    padding: 50px 1% 2% 1%;
}	
	
.category_wrap .category_block {
    width: 100%;
}	

.page-grid-container {
    min-height: 700px;
}	
	
.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}	

.location_wrap .location_block {
	flex-direction: column;
    height: 730px;	
}	
	
.location_wrap .location_block .map_container {
    width: 100%;
	margin-bottom: 30px;
}	

.location_wrap .location_block .desc_container {
    width: 100%;
}	

.contact_wrap {
	flex-direction: column;
}	
	
.contact_wrap .left_block {
    width: 100%;
	margin-bottom: 30px;	
}	
	
.form-block-nb {
    flex-direction: row;
}	
	
.contact_wrap .right_block {
    width: 100%;
}	
	
	
}

/************************************************************************************
	max width 720 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 720px) {

}

/************************************************************************************
	max width 667 x max height 375 - phone
*************************************************************************************/
@media screen and (max-width: 667px) and (max-height: 375px) {

.social-media {
	display: none;
}	
	
.galimg {
    width: 98%;
}	
	
.top_wrap {
    height: 90px;
}	
	
.product_wrap .product_block {
    width: 100%;
    height: auto;
	overflow: auto;
    margin-bottom: 20px;
    display: flex;
	flex-wrap: wrap;
    border-radius: 5px;
    border: 1px #ddd solid;
}

.product_wrap .product_block .center_block .product_name {
    text-align: center;
	height: 1em;	
}	
	
.product_wrap .product_block .center_block .product_cat {
    text-align: center;
}	
	
.product_wrap .product_block .center_block .product_desc {
    text-align: center;
}	
	
.product_wrap .product_block .calculator_block {
    width: 80%;
}	
	
.product_wrap .product_block .center_block .product_desc {
    font-weight: 500;
    font-size: 0.9em;
    text-align: left;
    color: #444;
    margin-top: 10px;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
}	
	
.product_wrap .product_block .product_image {
    width: 100%;
    height: 460px;
    border: none;
}	
	
.product_wrap .product_block .center_block {
    width: 100%;
	height: auto;
	overflow: auto;
    min-height: 65px;
	text-align: center;
}	
	
.mobile_header .mobile_topphone {
    font-size: 1.2em;
}
	
.page-grid-half {
    display: flex;
	flex-direction: column;
}

.page-grid-thirds {
    display: flex;
	flex-direction: column;
}
	
.page-row-container {
    display: flex;
	flex-direction: column;
}
	
.page-grid-firstthird {
    display: flex;
	flex-direction: column;
}

.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}
	
.header {
	display: none;
}	
	
.mobile_header {
	display: flex;
}	
	
.mobile_nav {
	display: flex;
}
	
.buy_sticky_btn	{
	display: none;		
}

.quote_sticky_btn {
	display: none;		
}
	
.index-page_container .home_page_wrap .home_page_content {
    padding: 0px 1%;
}	
	
.fullscreen-bg__video {
    top: -26px;
    left: -276px;
    width: 168vw;
    height: 124vh;
}	
	
.bottom_band {
    font-size: 1em;
}	

.hp-titlebox .hp-tagline {
	font-size: 1.5em;	
}

.hp-titlebox .hp-tagline2 {
	font-size: 2em;	
}
	
.index-page_container .feature_block_wrap {
	padding: 20px 1%;		
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    font-size: 2em;
}	
	
.index-page_container .feature_block_wrap {
    height: 660px;
}	

.index-page_container .testimonial_wrap {
    padding: 0px 1%;
}	
	
.footer .graybar {
    padding: 0px 2%;
}	
	
.footer .blackbar .logo img {
    width: 15%;
     margin-left: 40%;
}	

.footer .blackbar {
    height: 110px;
    width: 100%;
}	

.page_wrap {
    width: 98%;
    margin: 60px 1% 47px 1%;
    padding: 50px 1% 2% 1%;
}	
	
.category_wrap .category_block {
    width: 100%;
}	

.page-grid-container {
    min-height: 700px;
}	
	
.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}	

.location_wrap .location_block {
	flex-direction: column;
    height: 730px;	
}	
	
.location_wrap .location_block .map_container {
    width: 100%;
	margin-bottom: 30px;
}	

.location_wrap .location_block .desc_container {
    width: 100%;
}	

.contact_wrap {
	flex-direction: column;
}	
	
.contact_wrap .left_block {
    width: 100%;
	margin-bottom: 30px;	
}	
	
.form-block-nb {
    flex-direction: row;
}	
	
.contact_wrap .right_block {
    width: 100%;
}	
		
}

/************************************************************************************
	max width 640 x max height 360 - S5 / S7
*************************************************************************************/
@media screen and (max-width: 640px) and (max-height: 360px) {

}

/************************************************************************************
	max width 600 - laptop / tablet
*************************************************************************************/
@media screen and (max-width: 600px) {

.subcat_block {
    width: 100%;
}    
    
}

/************************************************************************************
	max width 568 x max height 320 - phone
*************************************************************************************/
@media screen and (max-width: 568px) and (max-height: 320px) {

.esale_wrap .esale_box {
    width: 100%;
}	
	
	
.hp-titlebox .hp-tagline {
    font-size: 1.2em;
}	

.product_wrap .product_block .center_block .product_name {
    height: 2em;
}	
	
.product_wrap .product_block .product_image {
    width: 100%;
    height: 400px;
    border: none;
}	
	
.mobile_header .mobile_nav_btn {
    width: 40%;
}

.fullscreen-bg__video {
    left: -234px;
}	
	
.mobile_header .mobile_top_logo {
    width: 28%;
}	
	
.hp-titlebox .hp-tagline2 {
    font-size: 1.5em;
}	

.linkcolumn a {
	text-align: center;
}	
	
.mobile_header .mobile_topphone {
    width: 28%;
}	
	
.footer .graybar .site_block {
    width: 98%;
}	

.footer .blackbar .logo img {
    width: 26%;
    margin-left: 36%;
}	
	
.footer .graybar .contact_block {
    width: 98%;
	align-items: center;
	margin-top: 40px;
}	
	
.footer .graybar {
    height: auto;
	padding-top: 20px;
	padding-bottom: 74px;	
	overflow: auto;
	flex-direction: column;
}	

.footer {
    width: 100%;
    height: auto;
	overflow: auto;
}	

.page_wrap {
    width: 100%;
    margin: 60px 0% 47px 0%;
    padding: 50px 1% 2% 1%;
}	

.page-grid-container {
    min-height: 740px;
}	
	
h2 {
    font-size: 1.4em;
}	

.gallery_container {
	flex-direction: column;
}	
	
.gallery_menu {
    width: 100%;
}	
	
.gallery_list {
    width: 100%;
}	

.form-block-nb {
    flex-direction: column;
	align-items: center;
}	
	
}

/************************************************************************************
	max width 480 - tablet / phone
*************************************************************************************/
@media screen and (max-width: 480px) {

.esale_wrap .esale_box {
    width: 100%;
}	
	
	
.social-media {
	display: none;
}	

.index-page_container .testimonial_wrap .testimonial_block .short_test .testimonial {
	text-align: center;
}	
	
.index-page_container .testimonial_wrap .testimonial_block .headline {
    font-size: 1.8em;
	line-height: 1.2em;
}	
	
.index-page_container .feature_block_wrap .order_box .more_btn {
    margin-top: 68px;
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    margin-top: 15px;
    margin-bottom: 15px;
}	
	
.form-block .form-row {
    flex-direction: column;
}	

.team_wrap .team_block .headshot {
    width: 100%;
	margin-bottom: 10px;
}

.team_wrap .team_block .small_desc_block {
    width: 100%;
}	
	
.team_wrap .team_block {
	flex-direction: column;
}
	
.form-block-nb .g-recaptcha {
    width: 65%;
}	
	
.form-block .form-row .form-input {
    width: 100%;
}	
	
.form-block .form-row .form-label {
    width: 100%;
    text-align: left;
	margin-bottom: 5px;
}	
	
.fullscreen-bg__video {
    top: -101px;
    left: -419px;
    width: 312vw;
    height: 124vh;
}	
	
.product_wrap .product_block {
    width: 100%;
    height: auto;
	overflow: auto;
    margin-bottom: 20px;
    display: flex;
	flex-wrap: wrap;
    border-radius: 5px;
    border: 1px #ddd solid;
}

.product_wrap .product_block .center_block .product_name {
    text-align: center;
	height: 1em;	
}	
	
.product_wrap .product_block .center_block .product_cat {
    text-align: center;
}	
	
.product_wrap .product_block .center_block .product_desc {
    text-align: center;
}	
	
.product_wrap .product_block .calculator_block {
    width: 80%;
}	
	
.product_wrap .product_block .center_block .product_desc {
    font-weight: 500;
    font-size: 0.9em;
    text-align: left;
    color: #444;
    margin-top: 10px;
    height: auto;
    line-height: 1.3em;
    overflow: hidden;
}	
	
.product_wrap .product_block .product_image {
    width: 100%;
    height: 334px;
    border: none;
}	
	
.product_wrap .product_block .center_block {
    width: 100%;
	height: auto;
	overflow: auto;
    min-height: 65px;
	text-align: center;
}	
	

.category_wrap .category_block .cat_name {
    text-align: center;
}	
	
.category_wrap .category_block .cat_desc {
    width: 100%;
}	

.category_wrap .category_block .cat_btn {
    width: 100%;
}	
	
.category_wrap .category_block {
	display: flex;
    flex-direction: column;
	height: auto;
	overflow: auto;
}	
	
.page-grid-half {
    display: flex;
	flex-direction: column;
}

.page-grid-thirds {
    display: flex;
	flex-direction: column;
}
	
.page-row-container {
    display: flex;
	flex-direction: column;
}
	
.page-grid-firstthird {
    display: flex;
	flex-direction: column;
}

.page-grid-lastthird {
    display: flex;
	flex-direction: column;
}

.mobile_header .mobile_topphone {
    width: 30%;
    font-size: 1.1em;
}	
	
.mobile_header .mobile_top_logo {
    width: 30%;
}

.mobile_header .mobile_nav_btn {
    width: 25%;
}	

.hp-titlebox .hp-tagline {
    font-size: 1.2em;
}	
	
.mobile_header .mobile_nav_btn {
    width: 20%;
}

.fullscreen-bg__video {
    left: -234px;
}	
	
.mobile_header .mobile_top_logo {
    width: 28%;
}	
	
.hp-titlebox .hp-tagline2 {
    font-size: 1.5em;
}	

.linkcolumn a {
	text-align: center;
}	
	
.mobile_header .mobile_topphone {
    width: 34%;
}	
	
.footer .graybar .site_block {
    width: 98%;
}	

.footer .blackbar .logo img {
    width: 26%;
    margin-left: 36%;
}	
	
.footer .graybar .contact_block {
    width: 98%;
	align-items: center;
	margin-top: 40px;
}	
	
.footer .graybar {
    height: auto;
	padding-top: 20px;
	padding-bottom: 74px;	
	overflow: auto;
	flex-direction: column;
}	

.footer {
    width: 100%;
    height: auto;
	overflow: auto;
}	

.page_wrap {
    width: 100%;
    margin: 60px 0% 47px 0%;
    padding: 50px 1% 2% 1%;
}	

.page-grid-container {
    min-height: 740px;
}	
	
h2 {
    font-size: 1.4em;
}	

.gallery_container {
	flex-direction: column;
}	
	
.gallery_menu {
    width: 100%;
}	
	
.gallery_list {
    width: 100%;
}	

.form-block-nb {
    flex-direction: column;
	align-items: center;
}	
	
	
}

/************************************************************************************
	max width 414 - phone
*************************************************************************************/
@media screen and (max-width: 414px) {

.fullscreen-bg__video {
    top: 0px;
	left: -182px;	
    width: 216vw;
    height: 82vh;	
}	

.index-page_container .feature_block_wrap {
    padding: 0px;
}	

.index-page_container .feature_block_wrap .order_box {
    margin-bottom: 0px;
}	
	
.mobile_header .mobile_topphone {
    display: none;
}	
	
.index-page_container .home_page_wrap {
    margin: 0px 0%;
}	
	
.bottom_band {
	display: none;
}	
	
.hp-titlebox {
    top: 40vh;
}	
	
.galimg {
    width: 100%;
}

.form-block-nb .g-recaptcha {
    width: 78%;
}

#featureSlider {
    height: 70vh;
}	
	
.page-grid-container {
    min-height: 821px;
}	
	
.product_wrap .product_block .center_block .product_name {
    height: 2em;
}	
	
	
}

/************************************************************************************
	max width 400 - phone
*************************************************************************************/
@media screen and (max-width: 400px) {

}

/************************************************************************************
	max width 390 - phone
*************************************************************************************/
@media screen and (max-width: 390px) {

}

/************************************************************************************
	max width 375 - phone
*************************************************************************************/
@media screen and (max-width: 375px) {

}

/************************************************************************************
	max width 375 x max height 812 - iPhone X 
*************************************************************************************/
@media screen and (max-width: 375px) and (max-height: 812px) {

.fullscreen-bg__video {
    top: -39px;
    left: -182px;
    width: 266vw;
    height: 82vh;
}	

.index-page_container .feature_block_wrap .order_box .middle_block .subtext {
    line-height: 1em;
}	
	
.index-page_container .feature_block_wrap .order_box .middle_block .text_block {
    line-height: 1.1em;
}	

.page-grid-container {
    min-height: 860px;
}	
	
.index-page_container .feature_block_wrap .order_box .headline {
    font-size: 1.7em;
}	
	
}

/************************************************************************************
	max width 375 x max height 667 - phone
*************************************************************************************/
@media screen and (max-width: 375px) and (max-height: 667px) {

}

/************************************************************************************
	max width 360 - phone
*************************************************************************************/
@media screen and (max-width: 360px) {

}

/************************************************************************************
	max width 360 x max height 740 - S8
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 740px) {

}

/************************************************************************************
	max width 360 x max height 640 - S5 / S7
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 640px) {

}

/************************************************************************************
	max width 320 - phone
*************************************************************************************/
@media screen and (max-width: 320px) {

}

/************************************************************************************
	max width 320 x max height 568 - phone
*************************************************************************************/
@media screen and (max-width: 320px) and (max-height: 568px) {

}