/* CSS Document - use this a starting template for respsonsive */
/* updated to common sized Jan 2020 */

/************************************************************************************
	max width 1680 - desktop
*************************************************************************************/
@media screen and (max-width: 1680px) {
	
.fullscreen-bg__video {
    top: -200px;
    left: -58px;
    width: 114vw;
    height: 140vh;
}    
	
	.homepage__featured_product_price {
		margin-bottom: 0%;
		font-size: 1.5em;
	}
	
	.homepage__featured_product_name {
		font-size: 1.3em;
	}
	
	.homepage__featured_product_bottom {
		margin-top: 0px;
	}
	
	
	
	.homepage__featured_click {
		margin-bottom: 1%;
	}
	
    
}

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

	.page_pet_detail__more_pets .page_pets__pet_image {
		height: 150px;
	}
	
	.homepage__featured_product_title {
		font-size: 2.3em;
	}
	
	.homepage__featured_pet_title {
		line-height: 25px;
	}
	
}

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

#hp-titlebox {
    width: 56%;
}
 
.fullscreen-bg__video {
    top: -190px;
    left: -58px;
    width: 114vw;
    height: 140vh;
}    
 
.fblock_wrap .large_text {
    font-size: 1.8em;
}    
    
.fblock_wrap .block_text {
    font-size: 1.2em;
    line-height: 1em;
}    
	
	.page_pets__pet_block {
		width: 31%;
	}
    
}

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

	.homepage__featured_product_title {
		font-size: 2em;
	}
	
	.homepage__featured_product_name {
		line-height: 20px;
	}
	
	.homepage__featured_product_bottom {
		margin-top: 10px;
	}
	
	.homepage__featured_product_price {
		padding-top: 0px;
	}
	
	.homepage__featured_product_link {
		width: 100%;
	}
	
}

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

.fullscreen-bg__video {
    top: -275px;
    left: -248px;
    width: 153vw;
    height: 140vh;
}	
    
#hp-wrap {
    padding: 8%;
}    
    
#hp-titlebox {
    width: 75%;
}
 
.fblock_wrap {
    padding: 0px 5%;
}    
  
.fblock_wrap .large_text {
    font-size: 1.8em;
}    
    
.brand_wrap .links {
    height: 130px;
    width: 130px;
}
    
}

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

.header .bottom_bar .navbar .menu_item {
    font-size: 1.2em;
}	
	
.header .bottom_bar .navbar .selected_menu {
    font-size: 1.2em;
}
	
.quote_sticky_btn {
    width: 11%;
}
	
.hp_feature_block_wrap .feature_block .button_side .button_label {
    font-size: 1.4em;
}	
	
.index_page_wrap {
    padding: 80px 2% 40px 2%;
}	
	
.index_page_wrap h1 {
    font-size: 3.5em;
}	
	
.index_page_wrap .feature_headline {
    font-size: 3.5em;
}	
	
.product_cat_wrap .cat_block {
    padding: 80px 2% 40px 2%;
}
	
.testimonial_wrap .testimonial_text {
    padding: 0px 5% 0px 2%;
}	
	
.footer {
    padding: 60px 2% 40px 2%;
}
	
.footer .site_map_wrap .sitemap_label {
    font-size: 1.2em;
}	
	
.footer .site_map_wrap a {
    font-size: 0.9em;
}	
	
.contact_block_wrap .phone_wrap {
    font-size: 1.4em;
}

.contact_block_wrap .contact_wrap {
    font-size: 1em;
}	

.footer {
    min-height: 320px;
}
	
.page_container {
    padding: 0px 2% 2% 2%;
}
	
#hp-wrap {
    padding: 7%;    
}
	
#hp-titlebox {
    width: 70%;
}    
   
#hp-tagline {
    font-size: 4em;
}    
    
.fblock_wrap {
    padding: 0px 5%;
    top: 66vh;
}    
 
.product_cat_wrap .cat_block .text_side .cat_summary {
    font-size: 1em;
}    
    
}

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

	.homepage__featured_product_title {
		font-size: 1.8em;
	}
	
	.homepage__featured_product_bottom{
		display: flex;
	}
	
	.homepage__featured_product_price {
		padding-top: 10px;
		width: 50%;
	}
	
	.homepage__featured_product_link {
		margin-top: 0%;
	}
	
}

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

.fullscreen-bg__video {
    top: -230px;
}    
    
.product_cat_wrap .cat_block .text_side .cat_name {
    font-size: 2em;
}    
    
.product_cat_wrap .cat_block .text_side .cat_summary {
    font-size: 1em;
}    
    
.product_cat_wrap .cat_block {
    height: 430px;
}
    
}

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

.fullscreen-bg__video {
    top: -20px;
    left: -248px;
    width: 152vw;
    height: 140vh;
}    
    
#hp-tagline {
    font-size: 4em;
}    
    
.fblock_wrap .fb_block_link {
    height: 180px;
    width: 30%;
}
    
.product_cat_wrap .cat_block .text_side .cat_summary {
    font-size: 1.1em;
}    
    
}

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

	.page_pets__pet_block{
		width: 48%;
	}
	
	.page_pets__pet_image {
		height: 300px;
	}
	
	.page_pet_detail__more_pets {
		display: none;
	}
	
	.homepage__featured_product_details {
		height: 20vw;
	}
	
	.homepage__featured_pet {
		height: 20vw;
	}
	
	.homepage__featured_click {
		margin-bottom: 2%;
	}
	
}

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

.fullscreen-bg__video {
    top: -206px;
}    
    
#hp-titlebox {
    width: 70%;
}    
    
#hp-tagline {
    font-size: 3.2em;
}    
    
.fblock_wrap .fb_block_link {
    width: 31%;
}
    
.brand_wrap .links {
    height: 110px;
    width: 110px;
}    
    
.gallery_side_wrap {
    width: 80%;
}    
    
}

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

	.homepage__featured_product_title {
		font-size: 1.6em;
	}
	
	.homepage__featured_product_name {
		font-size: 1.2em;
	}
	
	.homepage__featured_product_bottom {
		margin-top: 30px;
	}
	
	.homepage__featured_click {
		margin-bottom: 3%;
	}
	
}

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

.fullscreen-bg__video {
    top: -200px;
    left: -666px;
    width: 250vw;
    height: 140vh;
}    
    
#hp-titlebox {
    width: 100%;
}    
    
#hp-tagline {
    font-size: 3.2em;
}    
    
.fblock_wrap {
    padding: 0px 2%;
}
   
.fblock_wrap .fb_block_link {
    width: 32%;
}
    
.product_cat_wrap .cat_block {
    height: 760px;
    padding: 0px 3%;    
}
    
.product_cat_wrap .cat_block:nth-child(even) {
    height: 760px;
    padding: 0px 3%;    
}
 
.product_cat_wrap .cat_block .text_side {
    width: 55%;
}    
    
.product_cat_wrap .cat_block .text_side .more_btn {
    width: 100%;
}
    
.product_cat_wrap .cat_block .text_side .cat_name {
    font-size: 2em;
}    
    
.product_cat_wrap .cat_block .text_side .cat_subname {
    font-size: 1em;
    margin-bottom: 10px;
}    
    
.product_cat_wrap .cat_block .text_side .cat_summary {
    font-size: 1.2em;
}    
    
.product_cat_wrap .cat_block .image_side {
    width: 35%;
    margin: 100px 5%;
}    
    
.page_container .page_wrap .subheading {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 60px;
}    
    
.gallery_side_wrap {
    width: 80%;
}    
    
    
}

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

#hp-wrap {
    top: 24vh;    
}
 
.product_cat_wrap .cat_block {
    padding: 20px 2% 20px 2%;
}    
    
.product_cat_wrap .cat_block .text_side {
    padding: 20px 0% 20px;
}    
    
.product_cat_wrap .cat_block .text_side .cat_name {
    font-size: 1.6em;
    margin-bottom: 5px;    
}    
    
.product_cat_wrap .cat_block .text_side .cat_subname {
    font-size: 1em;
}    
    
.product_cat_wrap .cat_block .text_side .cat_summary {
    font-size: 0.9em;
}    
    
.product_cat_wrap .cat_block .text_side .more_btn {
    width: 100%;
}    
    
.product_cat_wrap .cat_block:nth-child(even) {
    height: 430px;
}    
  
.product_cat_wrap .cat_block .text_side {
    width: 60%;
}    
    
.product_cat_wrap .cat_block .image_side {
    width: 36%;
    margin: 0px 2%;
}    
    
.page_container .page_wrap .subheading {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 60px;
}    
    
}

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

.header .top_bar .contactline .address {
    display: none;
}    
   
.header .top_bar .contactline {
    margin-left: 16%;
}    
    
.header {
    height: 70px;
}    
 
.header .bottom_bar .navbar {
    display: none;
}    
    
.header .bottom_bar {
    height: 0px;
}    
    
.header .top_bar {
    width: 100%;
    height: 70px;
    background-color: rgba(255,255,255,1);
}    
    
.header .bottom_bar .logoblock {
    width: 16%;
}    
    
.header .bottom_bar .logoblock .Toplogo {
    margin-top: -15px;
}    
    
.mobile_nav {
    display: flex;
    width: 25%;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    color: #000;
    cursor: pointer;
}    
	
.sticky_service_btn {
    display: none;
}
    
.fblock_wrap {
    display: none;
}    
   
.brand_title_band {
    font-size: 2em;
}
    
.bottom_band {
    display: none;
}
    
.fullscreen-bg__video {
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 140vh;
}    
    
.brand_wrap {
    padding: 10px 2%;
    flex-wrap: wrap;
    height: 240px;
}    
 
.brand_wrap .links {
    height: 110px;
    width: 150px;
}    

#hp-titlebox {
    background-color: rgba(255,255,255,0.4);         
}    
    
#hp-tagline2 {
    font-size: 1.8em;
}    
    
#hp-tagline {
    font-size: 2.8em;
}    
   
.hp_lite_large_text {
	color: #000 !important;
}

.hp_lite_small_text {
	color: #000 !important;
}

.hp_dark_small_text {
	color: #000 !important;
}
    
    
.index_page_wrap h1 {
    font-size: 2.4em;
}    
    
.testimonial_wrap {
    height: 500px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
    
.testimonial_wrap .testimonial_text {
    width: 90%;
}    
    
.testimonial_wrap .testimonial_text {
    padding: 15px 5% 15px 2%;
}    
    
.product_cat_wrap .cat_block {
    flex-direction: column;
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}
 
.product_cat_wrap .cat_block:nth-child(even) {
    flex-direction: column;
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}
    
.product_cat_wrap .cat_block .text_side {
    width: 100%;
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}    
    
.product_cat_wrap .cat_block .image_side {
    width: 96%;
    margin: 0px 2%;
    height: 350px;
    background-size: contain;
}    
    
.footer {
    flex-direction: column;
}    
    
.footer .site_map_wrap {
    width: 100%;
    margin-bottom: 50px;
}    
    
.footer .logo_social_wrap {
    display: none;
}    
    
.footer .site_map_wrap .sitemap_label {
    font-size: 1.2em;
    text-align: center;
}    

.footer .site_map_wrap .site_block a {
    text-align: center;    
}    
    
.footer .contact_wrap {
    width: 100%;
}    
    
.footer .contact_wrap .contact_label {
    text-align: center;
}    
    
.footer .contact_wrap .address_box {
    text-align: center;
}    
 
.footer .contact_wrap .phone_email_box {
    text-align: center;
}    
 
.page_top_image {
    height: 220px;
}
    
.page_top_image h1 {
    font-size: 2em;
    margin-top: 190px;
}    
    
.contact_wrap {
    flex-direction: column;
}    
    
.form_side {
    width: 100%;
}    
 
.contact_wrap .office_block {
    width: 100%;
}    
    
.contact_wrap .office_block .company_label {
    text-align: center;
}    
 
.contact_wrap .office_block .address_label {
    text-align: center;
}    
    
.product_wrap {
    flex-direction: column;
}    
    
.product_wrap .pbrand_wrap {
    width: 100%;
    flex-direction: row;
    height: auto;
    overflow: auto;
    background-color: #eee;
    border-radius: 5px;
    padding: 0px 1% 20px 1%;
    align-items: center;
    margin-bottom: 30px;
}    
    
.product_wrap .pbrand_wrap .brand_logo {
    width: 25%;
    height: 120px;
    background-position: top center;
}    

.product_wrap .pbrand_wrap .brand_name {
    width: 25%;
}    
    
.product_wrap .pbrand_wrap .brand_detail {
    width: 48%;
}    
    
.product_wrap .product_food_wrap {
    width: 100%;
}    
    
.product_wrap .product_food_wrap .food_box {
    width: 100%;
}    
    
}

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

	.page_pets__pet_image {
		height: 250px;
	}
	
}

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

	.page_pets__pet_image {
		height: 60vw;
	}
	
	.page_pets__pet_block {
		width: 100%;
		margin: 3% 1%;
	}
}

/************************************************************************************
	max width 768 x max height 1024 - iPad
*************************************************************************************/
@media screen and (max-width: 768px) and (max-height: 1024px) {
    
.header .top_bar .contactline .address {
    display: none;
}    
   
.header .top_bar .contactline {
    margin-left: 16%;
}    
    
.header {
    height: 70px;
}    
 
.header .bottom_bar .navbar {
    display: none;
}    
    
.header .bottom_bar {
    height: 0px;
}    
    
.header .top_bar {
    width: 100%;
    height: 70px;
    background-color: rgba(255,255,255,1);
}    
    
.header .bottom_bar .logoblock {
    width: 16%;
}    
    
.header .bottom_bar .logoblock .Toplogo {
    margin-top: -15px;
}    
    
.mobile_nav {
    display: flex;
    width: 25%;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    color: #000;
    cursor: pointer;
}    
	
.sticky_service_btn {
    display: none;
}
    
.fblock_wrap {
    display: none;
}    
   
.brand_title_band {
    font-size: 1.6em;
}
    
.bottom_band {
    display: none;
}
    
.fullscreen-bg__video {
    top: -287px;
    left: -587px;
    width: 265vw;
    height: 160vh;
}    
    
.brand_wrap {
    padding: 10px 2%;
    flex-wrap: wrap;
    height: 240px;
}    
 
.brand_wrap .links {
    height: 110px;
    width: 150px;
}    

#hp-tagline2 {
    font-size: 1.8em;
}    
    
#hp-tagline {
    font-size: 2.8em;
}    
   
.index_page_wrap h1 {
    font-size: 2em;
}    
    
.testimonial_wrap {
    height: 500px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
    
.testimonial_wrap .testimonial_text {
    width: 90%;
}    
    
.testimonial_wrap .testimonial_text {
    padding: 15px 5% 15px 2%;
}    
    
.product_cat_wrap .cat_block {
    flex-direction: column;
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}
 
.product_cat_wrap .cat_block:nth-child(even) {
    flex-direction: column;
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}
    
.product_cat_wrap .cat_block .text_side {
    width: 100%;
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}    
    
.product_cat_wrap .cat_block .image_side {
    width: 96%;
    margin: 0px 2%;
    height: 350px;
    background-size: contain;
}    
    
.footer {
    flex-direction: column;
}    
    
.footer .site_map_wrap {
    width: 100%;
    margin-bottom: 50px;
}    
    
.footer .logo_social_wrap {
    display: none;
}    
    
.footer .site_map_wrap .sitemap_label {
    font-size: 1.2em;
    text-align: center;
}    

.footer .site_map_wrap .site_block a {
    text-align: center;    
}    
    
.footer .contact_wrap {
    width: 100%;
}    
    
.footer .contact_wrap .contact_label {
    text-align: center;
}    
    
.footer .contact_wrap .address_box {
    text-align: center;
}    
 
.footer .contact_wrap .phone_email_box {
    text-align: center;
}    
    
.page_top_image {
    height: 220px;
}
    
.page_top_image h1 {
    font-size: 2em;
    margin-top: 190px;
}    
    
.contact_wrap {
    flex-direction: column;
}    
    
.form_side {
    width: 100%;
}    
 
.contact_wrap .office_block {
    width: 100%;
}    
    
.contact_wrap .office_block .company_label {
    text-align: center;
}    
 
.contact_wrap .office_block .address_label {
    text-align: center;
}    
    
.product_wrap {
    flex-direction: column;
}    
    
.product_wrap .pbrand_wrap {
    width: 100%;
    flex-direction: row;
    height: auto;
    overflow: auto;
    background-color: #eee;
    border-radius: 5px;
    padding: 0px 1% 20px 1%;
    align-items: center;
    margin-bottom: 30px;
}    
    
.product_wrap .pbrand_wrap .brand_logo {
    width: 25%;
    height: 120px;
    background-position: top center;
}    

.product_wrap .pbrand_wrap .brand_name {
    width: 25%;
}    
    
.product_wrap .pbrand_wrap .brand_detail {
    width: 48%;
}    
    
.product_wrap .product_food_wrap {
    width: 100%;
}    
    
.product_wrap .product_food_wrap .food_box {
    width: 100%;
}    
   
#hp-wrap {
    top: 46vh;
}
    
#hp-titlebox {
    background-color: rgba(255,255,255,0.4);         
}    
    
#hp-tagline2 {
    font-size: 1.8em;
}    
    
#hp-tagline {
    font-size: 2.8em;
}    
   
.hp_lite_large_text {
	color: #000 !important;
}

.hp_lite_small_text {
	color: #000 !important;
}

.hp_dark_small_text {
	color: #000 !important;
}
    
}

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

.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;
}

.fullscreen-bg__video {
    top: 2px;
    left: -100px;
    width: 120vw;
    height: 160vh;
}    
    
}

/************************************************************************************
	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) {

.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;
}

.fullscreen-bg__video {
    top: -35px;
    left: -100px;
    width: 120vw;
    height: 160vh;
}    
    
.brand_wrap .links {
    height: 110px;
    width: 120px;
}    
    
.pagecontent_half {
    flex-direction: column;
}    
    
.gallery_side_wrap {
    width: 100%;
    margin-left: 0px;
}    
    
}

/************************************************************************************
	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) {

}

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

.header .top_bar .phrase_label {
    display: none;
}    
 
.brand_title_band {
    font-size: 1.4em;
}    
    
.brand_wrap .links {
    width: 110px;
}    
    
.product_wrap .pbrand_wrap {
    display: none;
}    
    
}

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

.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 .top_bar .phrase_label {
    display: none;
}    
	
.header .bottom_bar .logoblock {
    width: 28%;
}    
    
.header .top_bar .contactline {
    margin-left: 32%;
}    
    
.brand_title_band {
    font-size: 2em;
    line-height: 1em;
    height: 140px;
}    
    
.brand_wrap .links {
    height: 70px;
    width: 108px;
}    
 
.testimonial_wrap {
    background-position: center;
    background-size: cover;
}    
    
.fullscreen-bg__video {
    top: -226px;
    left: -621px;
    width: 324vw;
    height: 160vh;
}    
 
.pagecontent_half {
    flex-direction: column;
}    
    
.gallery_side_wrap {
    width: 100%;
    margin-left: 0px;
}    
 
.product_wrap .pbrand_wrap {
    display: none;
}    
    
.product_wrap .product_food_wrap .food_box {
    width: 100%;
    flex-direction: column;
}    
    
.product_wrap .product_food_wrap .food_box .pimage {
    width: 100%;
}    
    
.product_wrap .product_food_wrap .food_box .ptext {
    width: 100%;
    margin-top: 20px;
}    
    
}

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

}

/************************************************************************************
	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: -219px;
    left: -621px;
    width: 366vw;
    height: 160vh;
}    
    
.header .top_bar .contactline .phone_number {
    font-size: 1em;
}    
    
.brand_wrap {
    height: 460px;
}    
    
.brand_wrap .links {
    height: 110px;
    width: 110px;
}    
    
}

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

.gallery_side_wrap h3 {
    width: 100%;
}    
    
.gallery_side_wrap .small_image {
    width: 100%;
}
    
}

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

.header .bottom_bar .logoblock .Toplogo {
    margin-top: -50px;
}    
    
#featureSlider {
    height: 65vh;
}    
    
#featureSlider .imgholder {
    height: 65vh;
}    
    
#featureSlider .imgholder li {
    height: 65vh;
}
    
#hp-wrap {
    top: 28vh;
}

#hp-tagline2  {
    font-size: 1.4em;        
}   
    
#hp-tagline {
    font-size: 2.2em;
}    
    
    
}

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

.page_container .page_wrap .subheading {
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
}    
    
.gallery_side_wrap h3 {
    width: 100%;
}    
    
.gallery_side_wrap .small_image {
    width: 100%;
}
    
    
}

/************************************************************************************
	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) {

.header .top_bar .contactline .phone_number {
    font-size: 0.8em;
}    
    
}