/**********************************************************************************************************************************************/
/*BELOW ARE MAX-WIDTH MEDIA QUERIES*/
/**********************************************************************************************************************************************/

/* Media query 1600px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 1370px){
    #close-consent { float: none; }
}


@media all and (max-width: 1350px){
/***********************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES */
/***********************************************************************/

/*change padding to act as a wrapper, there is no wrapper on these sections*/
/*.fifty-fifty .vc_column_container:nth-child(1) {padding-left:7% !important;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:7% !important;}*/
/*change padding to act as a wrapper, there is no wrapper on these sections*/

/*remove padding from class .image*/
/*.fifty-fifty .vc_column_container.image {padding:0 !important;}*/
/*remove padding from class .image*/

/***********************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES ENDS */
/***********************************************************************/

}









/* Media query 1200px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 1200px){
/*HEADER IMAGE ***********************************************************************/
.header-image {height:500px;}
.header-image-product-page {height:300px;}
.header-image-wetnote-page {height:400px;}

/*REVOLUTION SLIDER*************************/
.rev_slider .tp-caption { margin: 50px 0 0 0!important; }
.tp-caption h6 {font-size:70px !important;}
.tp-caption p {font-size:35px !important;}
.tp-caption a.home-slider-link {font-size:13px !important;}

.instagram-container { width: 81%; }
.instagram-container ul li a div.iitem { width:188px; height: 188px; }



/***********************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES */
/***********************************************************************/

/*FIFTY-FIFTY*/
/*change padding to act as a wrapper, there is no wrapper on these sections*/
.fifty-fifty .vc_column_container:nth-child(1) {padding-left:0;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:0;}
/*change padding to act as a wrapper, there is no wrapper on these sections*/

/*this cancels out display:flex; for .fifty-fifty.mulitple-images sections*/
.fifty-fifty.multiple-images .vc_row {flex-wrap:wrap;} /*flex wrap keeps same height for each specific row when content is wrapped to next line*/
.fifty-fifty.multiple-images .vc_row:after, .fifty-fifty.multiple-images .vc_row:before {display:none !important; visibility:hidden;} /*this needs to be removed or it jumps the content columns when they become 50%, the before and after conetnt is empty anyway?*/
/*this cancels out display:flex; for .fifty-fifty.mulitple-images sections*/

/*remove all padding*/
.fifty-fifty .vc_column_container {padding-left:0; padding-right:0;}
/*remove all padding*/

/*Force all columns to 50% width*/
/*.fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:50% !important; min-width:50% !important;}*/
/*Force all columns to 50% width*/

.tcimg { width: 255px; height: 280px; }

}











/* Media query 1000px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 1024px) and (orientation: landscape) {
    .instagram-container ul li a div.iitem { width:215px; height: 215px; }
}
@media all and (max-width: 1024px){
/*8THEME ROYAL*/
/*TOP BAR*/
/*overide royal theme re position sign in drop down for media queries*/
.login-link .login-popup {left:-50px !important;}
/*overide royal theme re position sign in drop down for media queries*/
/*TOP BAR*/
/*8THEME ROYAL*/
#newsletter-consent { min-height: 185px; padding: 3% 10% 2% 10%; }
#newsletter-consent p { font-size: 15px!important; padding: 2% 8% 2% 8%; }
#close-consent { width: 8%; float: none; display: block; margin: 0 auto 10px auto; font-size: 18px; }

.dealer-li { min-height: 345px; }

.filter-result { width: 55%; }
.testcentre-record { width: 48%; }
.tcimg { width: 236px; height: 246px; }

.story-premier-thumb { width: 80px; height: 80px; }
.story-minor-thumb { width: 60px; height: 60px; top: 220px;  }
.mn-story-minor-thumb { width: 60px; height: 60px; top: 220px; }
.a-story-minor-thumb { width: 60px;height: 60px; top: -32px; }
.fe-story-title a { font-size: 23px!important; }

/* News Stories */
.cat-list { width: 82%; }
.cat-list li { font-size: 12px; margin-right: 10px; padding: 10px 12px 0 12px; } 
.archive-bar ul { margin-left: -39%; }

.instagram-container { width: 610px; }
.instagram-container ul li a div.iitem { width:193px; height: 193px; }
}


/*THIS IS WERE THE SITE NAV BREAKS FOR MOBILE*/
/* Media query 992px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 992px){
/*8THEME ROYAL*/
/*TOP BAR*/
/*overide royal theme display none for top links media queries*/
.top-bar .top-links {width:auto !important;}
.top-bar .top-links .links {display:block !important;}
/*overide royal theme display none for top links media queries*/
/*TOP BAR*/
/*8THEME ROYAL*/


/*HEADER************************/
.header-logo {width:130px !important;}
.header-logo img {margin:0 !important;}
/*HEADER************************/

/*do not show nav message in mobile nav format*/
li.nav-message {display:none !important;}
/*do not show nav message in mobile nav format*/


/*THESE STYLES ARE ASLO ADDED EXACTLY THE SAME IN PLUGIN OVERIDES CSS TO OVERIDE THE VISUAL COMPOSER STYLES*/
/*VISUAL COMPOSER ACCORDION ADD ON CLASSIC SETTING ONLY*/
.vc_tta-style-classic {border-top:none !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {padding:20px 5px 20px 5px !important; font-size:14px !important; text-align:left !important; background:transparent !important;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {border:none !important; background-color:#F9F9F9 !important; border-bottom: 1px solid #F0F0F0 !important;}
.vc_tta-panel-body {border:none !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {margin:0 !important; border-bottom:1px solid #F0F0F0 !important;}
.vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text {color:#333 !important;}
.vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title span.vc_tta-title-text, .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title i.vc_tta-controls-icon-chevron {color:#ed8b00 !important;}
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {right:auto !important; margin-left:20px !important;}
.vc_tta-panel-title a {margin-bottom:0 !important;}
/*VISUAL COMPOSER ACCORDION ADD ON CLASSIC SETTING ONLY*/
/*THESE STYLES ARE ASLO ADDED EXACTLY THE SAME IN PLUGIN OVERIDES CSS TO OVERIDE THE VISUAL COMPOSER STYLES*/



/*WOOCOMMERCE**************************************************************************************************************/
/*FULL WIDTH STYLES ARE IN 8THEME-ROYAL-OVERIDE.CSS************************************************************************/

/*SIDEBAR*/
.tax-product_cat.container .sidebar {display:none;}
/*CATEGORY PAGE************************/

/*quick view lightbox*/
.quick-view-popup .product-information {width:100% !important;}
/*quick view lightbox*/

/*CATEGORY PAGE************************/

/*WOOCOMMERCE**************************************************************************************************************/
/*FULL WIDTH STYLES ARE IN 8THEME-ROYAL-OVERIDE.CSS************************************************************************/

.dealerfrmfields input[name=postcode], .dealerfrmfields select { width: 110px; }

}

@media (max-width: 830px) and (orientation: landscape) {
.archive-bar { width: 53%; }
}


/* Media query 768px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */

@media all and (max-width: 768px) and (orientation: landscape) {
    #newsletter-consent p { padding: 2% 0 2% 0!important; } 
    .instagram-container ul li a div.iitem { width:210px; height: 210px; }
}

@media all and (max-width: 768px){
.display-mobile {display:block;}
.display-screen {display:none;}
.offer-column {width: 33%; float: left; }
#close-consent { width: 12%; }

.dealerfrmfields input[name=postcode], .dealerfrmfields select { width: 130px; }
li.dealerfield label { font-size: 12px!important; padding-top: 10px; }
.dealer-li { width: 46%; }
.prod-box { width: 49.8%; }
.tcimg { width: 325px; }

/*BASE STYLES ***********************************************************************/
h1, h2, h3, h4, h5, h6, p {width:100%;}
h1, h6 {font-size:33px !important; line-height:130% !important;}
h2 {font-size:23px !important; line-height:130% !important;}
h3, .summary.entry-summary h1 {font-size:18px !important; line-height:130% !important;}
h4 {font-size:16px !important; line-height:130% !important;}
h5 {font-size:14px !important; line-height:130% !important;}
h6.big-text {font-size:150px !important;}
p, a, .widget_categories a {font-size:14px !important; line-height:160% !important;}

/*WOOCOMMERCE */
.top-bar a {font-size:11px !important; line-height:175% !important;}

/*GRIDICULOUS ***********************************************************************/
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {width:100% !important;;}
.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12 {margin-left:0 !important;}

/*HEADER IMAGE ***********************************************************************/
.header-image {height:600px;}
.vc_row .header-image-logo {width:75%;}

/*REVOLUTION SLIDER*************************/
.tp-caption h6 {font-size:65px !important;}
.tp-caption p {font-size:20px !important;}
.tp-caption a.home-slider-link {font-size:12px !important;}



/***********************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES */
/***********************************************************************/

/*change padding to act as a wrapper, there is no wrapper on these sections*/
.fifty-fifty .vc_column_container:nth-child(1) {padding-left:0; padding-right:10px;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:0; padding-left:10px;}
.fifty-fifty .vc_column_container.image {padding:0;}
/*change padding to act as a wrapper, there is no wrapper on these sections*/

/*Force all columns to 50% width*/
.fifty-fifty .vc_col-sm-1, .fifty-fifty .vc_col-sm-2, .fifty-fifty .vc_col-sm-3, .fifty-fifty .vc_col-sm-4, .fifty-fifty .vc_col-sm-5, .fifty-fifty .vc_col-sm-6, .fifty-fifty .vc_col-sm-7, .fifty-fifty .vc_col-sm-8, .fifty-fifty .vc_col-sm-9, .fifty-fifty .vc_col-sm-10, .fifty-fifty .vc_col-sm-11 {width:100% !important; min-width:100% !important;}

/*change image min height*/
.fifty-fifty .vc_column_container.image {min-height:300px;} 
.fifty-fifty .vc_column_container.image.fixed-height {min-height:300px; max-height:300px; min-height:300px;}

/*remove any empty content block for mobile add this class to all empty content block with visual composer*/
.mobile-none, .empty {display:none !important; visibility:hidden !important;}

/*Text styles for text with background images with visual composer within fifty fifty sections*/
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h1, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h2, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h3, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h4, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h5,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h6, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner p {margin:0; padding:0 20px 20px 20px;}
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h1:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h2:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h3:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h4:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h5:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h6:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner p:first-child {margin-top:30px; padding:20px;}
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h1:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h2:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h3:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h4:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h5:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h6:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block p:first-child {margin-top:0px; padding:20px;}
/*Text tyles for text with background images with visual composer within fifty fifty sections*/

/*Text styles for muliple background images with visual composer within fifty fifty sections*/
/*section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h1, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h2, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h3, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h4, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h5,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h6, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner p {margin:0; padding:0 20px 20px 20px;}
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h1:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h2:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h3:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h4:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h5:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h6:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner p:first-child {margin-top:30px; padding:20px;}*/
/*Text styles for muliple background images with visual composer within fifty fifty sections*/

/*IMPORTANT this will arrange the image left to the bottom when they stack up for mobile ***********************************************************************/
.vc_row {display:flex; flex-flow:row wrap;}
.vc_row .vc_column_container {order:2; -webkit-order:2;}
.vc_row .vc_column_container.image {order:1; -webkit-order:1;}

/***********************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES END */
/***********************************************************************/

/*USEFUL INFORMATION*/
.useful-information-buttons {width:100% !important; background:#DDD !important; color:#FFF !important;}
.useful-information-buttons:hover {background:#ed8b00 !important; color:#FFF !important;}
a.otw-button {font-size:16px;}
.otw-button.large {padding: 20px 0 !important;}
.otw-button.large img {display:none;}

/*size tables Tablepress*/
.tablepress td {padding:2px !important; font-size:10px !important;}

/*Contact form 7 overides ***********************************************************************/
form.wpcf7-form p:nth-child(1), form.wpcf7-form p:nth-child(2), form.wpcf7-form p:nth-child(3), form.wpcf7-form p:nth-child(4), form.wpcf7-form p:nth-child(5) {width:100%;}


/*VISUAL COMPOSER TABS ADD ON "FLAT" SETTING ONLY*/
.vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading {padding:10px !important; background:#333 !important; border:1px solid #333 !important; margin-bottom:10px !important;}
.vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:hover .vc_tta-panel-heading {background:#FFF !important; border:1px solid #DDD !important;}
.vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {border:none !important;}
.vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a span {color:#FFF !important;}
.vc_tta-tabs.vc_tta-style-flat .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a span, .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel:hover .vc_tta-panel-heading .vc_tta-panel-title a span {color:#333 !important;}


/*POST AND SEARCH PAGES*/
.meta-post {position:relative !important;}
.post-wrapper {width:100% !important; margin-right:0 !important;}

/* News Stories */
.cat-list { width: 67%; }
.cat-li { display: inline-block; padding: 10px 25px 0px 25px; margin-bottom: 20px; }
.archive-bar ul { margin-left: -45%; }
.story-minor-thumb { width: 60px; height: 60px; top: 220px;  }
.mn-story-minor-thumb { width: 60px; height: 60px; top: 220px; }

.archive-bar { width: 67%; }
.fe-story-title a { font-size: 24px!important; }
.wp-picture .zoom a, .swiper-slide .zoom a, .portfolio-image .zoom a { width: 144px!important; height: 45px!important; }

/* Instagram Post */
.instagram-container { width: 630px; }
.instagram-container ul li a div.iitem { width:304px; height: 304px; }
    
}




/* Media query 740px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (min-width:415px) and (max-width: 740px){
	li.dealerfield label { width: 145px; padding-bottom: 20px; }
	#submit-dealer { margin-top: 10px; }
	.tcimg { width: 235px; height: 270px; }
}

/* Media query 667px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 667px){
	.archive-bar ul { left: 35%; }
	.story-minor-thumb, .mn-story-minor-thumb { left: 41%; }
	.distributor-record { width: 98%; }
	
	/* Instagram Post */
	.instagram-container { width: 520px; }
.instagram-container ul li a div.iitem { width:250px; height: 250px; }
}


/* Media query 640px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 640px){
  .block-width { width: 100%; }
  .archive-bar { width: 88%; }
  .archive-bar a { font-size: 11px!important; margin-bottom: 20px!important; width: 100px; text-align: center; }
  
  .archive-bar li { display: flex; }
  
  .instagram-container { width: 62%; }
  .instagram-container ul li a div.iitem { width:340px; height: 340px; }
}






/* Media query 568px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 568px){
/*BASE STYLES ***********************************************************************/
h1, h2, h3, h4, h5, h6, p {width:100%;}
h1, .fifty-fifty .vc_row h2 {font-size:38px; line-height:150%;}
h2 {font-size:35px; line-height:150%;}
h3, .summary.entry-summary h1 {font-size:22px; line-height:150%;}
h4 {font-size:19px; line-height:150%;}
h5 {font-size:16px; line-height:150%;}
p, a {font-size:14px; line-height:160%;}


/*HEADER*/
.header-logo {width:120px !important; max-width:150px !important; left:55% !important;}


/*MAILCHIMP FORM*/
/*sign up form on all pages, placed in footer.php*/
#mc_embed_signup .mc-field-group {float:left !important; width:100% !important; margin:10px 0 0 0 !important;}

/*SOCIAL PUG SOCIAL MEDIA PLUGIN */
.dpsp-shortcode-wrapper .dpsp-networks-btns-wrapper.dpsp-column-4 li {width:47% !important;}

/*Tablepress*/
/*make tables that are to large for mobile scrollable*/
.tables-overflow .wpb_wrapper {width:100%; overflow-x:scroll;}

#newsletter-consent p { font-size: 12px!important; }

form#dealerfilter select#filterlist { width: 54%; }
.dealer-li { min-height: 175px; }

.filter-result { width: 70%; }
.thumb-product { width: 300px; height: 340px; }
.testcentre-record { min-height: 260px; width: 90%; margin-bottom: 20px!important; }
.tcimg { width: 180px; height:200px; margin-right: 8px; }

/* News Stories */
.archive-bar { width: 60%; }
.archive-bar ul { display: inline; left: 0; }
.archive-bar li:first-of-type { margin-top: -10px ; }
.archive-bar li { margin: 20px 0 20px 0; display: list-item;}
.archive-bar a { padding: 9px 6px; margin-right: 20px; width:100%; text-align: center; display:block; }
.cat-li { display: inline-block; width: 100%; padding: 10px 15px 1px 15px; margin-bottom: 10px; }
.archive-bar ul { margin-left: -30%; }
.story-title { margin-top: 35px; font-size:30px ;}
.mn-story-title { margin-top: 45px; }
.wp-picture .zoom a { width: 130px!important; }
.dl-header-r .approx { padding-top: 0; }
#newsletter-consent p { font-size: 12px!important; }

  .instagram-container { width: 80%; }
}






/* Media query 414px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 414px){
/*BASE STYLES ***********************************************************************/
h6.big-text {font-size:80px !important;}
.homeslider { width: 32%; }
.tp-caption h6 { margin: -10px 20px 30px 0px!important; }
.offer-column {width: 50%; float: left; }

/*HEADER IMAGE ***********************************************************************/
.header-image {height:300px;}
.header-image-product-page {height:250px;}
.header-image-wetnote-page {height:300px;}
.vc_row .header-image-logo {margin:50px auto 0 auto;}

/*REVOLUTION SLIDER*************************/
.tp-caption {margin-top:80px !important;}
.tp-caption h6 {font-size:25px !important;}
.tp-caption p {font-size:11px !important;}
.tp-caption a.home-slider-link {font-size:9px !important;}

/*8THEME ROYAL*/
/*TOP BAR*/
/*overide royal theme re position sign in drop down for media queries*/
.login-link .login-popup {left:-110px !important;}


#voucher p { font-size: 15px!important; }

/* Dealer Template*/

.dealer-li { width: 100%; }

/* Test Centers */

.testcentre-record { width: 90%; min-height: 120px; }
.prod-box { width: 90%; }
.tcimg { width: 330px; height:280px; margin: 0 auto; display: block; }
.filter-result { width: 90%; }
.thumb-product { width: 300px; }
.resetall { display:block; }

/* News Stories */


.story-premier-thumb { width: 80px; height: 80px; top: 410px; }
.story-category { height: 33px; padding: 9px 0 9px 5px; font-size: 12px; }

#close-consent { width: 22%!important; }
#newsletter-consent p { padding: 2% 3% 2% 3%; }


li.dealerfield label { font-size: 12px!important; width: 155px; margin-bottom: 30px!important; }

.dealerfrmfields input[name=postcode], .dealerfrmfields select { width: 140px; }

#submit-dealer { margin-top: 20px; }

.wetnote-img-rt, .wetnote-img-lt { float:none!important; min-height: 370px!important; min-width: 330px!important; margin: 0 auto 20px 0!important; }

.instagram-container { width: 80%; }
.instagram-container ul li a div.iitem { width: 295px; height: 295px; }
.instagram-container ul li.iitem-li { margin-bottom: 40px; }

}


@media all and (max-width: 375px){
    .instagram-container { width: 86%; }
}


@media (max-width: 320px) and (orientation: landscape) {
.cat-list { width: 100%; }
}


/* Media query 320px site styles and template overides 
---------------------------------------------------------------------------------------------------------------------------- */
@media all and (max-width: 320px){
/*search button header*/
li.dealerfield:nth-of-type(2) { margin-top: 20px; }
.et-search-trigger {margin-right:15px !important;}
li.dealerfield label { font-size: 12px!important; width: 100px; margin-bottom: 30px!important; }
.cat-li { margin-right: 10.6px; }
.pplink { bottom: 25px; left: 155px; }
.tcimg { width: 275px; height: 265px; }
.thumb-product { width: 245px; height: 290px; }
.wetnote-img-rt, .wetnote-img-lt { min-height: 290px!important; min-width: 290px!important; }
.instagram-container { width: 90%; }
.instagram-container ul li a div.iitem { width:260px; height: 260px; }
}