/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width:1150px) {
	.home_banner_container {height:510px;}
}

@media only screen and (min-width: 980px) {
   	.imageGallery_popUp {width:910px;margin-left:-457px;left:50%;}
	.imageGallery_popUp .lightbox_popUp_padding {padding-top:15px;}
}     
@media only screen and (min-width: 769px) {
	.sideTab {background-color:#fff;float:none;}
	.sideTab.positionBlock {width:auto;}
	.sideTab .positionPadding, .sideTab .contentSectionPadding, .sideTab .contentBlock {padding:0;}
	.desktopView {width:30px;}
	.sideTabContent {width:230px;padding:20px 10px;}
	.sideTabBrochure .sideTabContent {display:none;}
	.sideTabSocial_popUp {width:535px;top:200px;left:50%;margin-left:-267px;top:200px;}
	a.buttonDark span {min-width:80px;}
	.sidebarFilter .navToggle_trigger {display:none;}
    .imageGallery_popUp {top:15px;}
}
@media only screen and (max-width: 925px) {
	img, input {max-width: 100%;}
	.superFooterContent {padding-top:10px;}
	.superFooterContent .navToggle_trigger {display: block; position: relative; text-decoration: none;padding:10px 0;background: url('../images/Responsive%20Nav/nav-icon2.png') no-repeat 98% 50% #d9d9d9;border:1px solid #c1c1c1;padding:10px;text-align:left;}	
	#superFooterNav {display:none;}
	ul#superFooterNav li a {margin:0;padding:5px 10px;display:block;}
	ul#superFooterNav li ul {display:none;}	
	ul#superFooterNav li {width:auto;display:block;}
	ul#superFooterNav li ul li a {padding-left:25px;}	
	#topNav .navToggle_trigger  {display: block;background: url('../images/Responsive%20Nav/nav-icon.png') no-repeat 98% 50% #fff;}
	#topNav {border-bottom: 0; height: auto;margin-top:10px;padding:5px 10px 10px 10px;background-color:transparent;font-weight:normal;}
	#topNav ul {display:none;background: #e1e1e1;}
	#topNav ul li {background:#f1f1f1; display:block; float:none;position: relative;}
	#topNav ul li a {background: none; border-bottom: 1px solid #FFF; line-height: 2em; text-align: left; text-indent: inherit; text-transform: capitalize; padding: 3px 0;text-indent:12px;color: #7C7C7C; display:block;}
	#topNav ul li ul {position:relative;margin:0;padding:0;width:auto;top:0;}
	#topNav ul li ul li {background-color:#e8eff7;}
	#topNav ul li ul li a {padding: 3px 0;}	
	#topNav ul li:hover ul {display:none;}
	.formBox.storeLocator .enterPostcode {width:35%}
	.formBox.storeLocator .townName {width:40%;}
	.formBox.storeLocator .distance {width:25%;margin-bottom:10px;}
	.storeLocator_listView .dedicated_store img {margin-bottom:5px;}	
	.storeLocator_listView .dedicated_store p {margin-left:0;clear:both;}
.headerBanner {padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;}

}
@media only screen and (min-width: 769px) and (max-width:980px) {
	.listing_brochure li {width:50%;}
	.listing_brochure li:nth-child(3n+1) {clear:none;}
	.listing_brochure li:nth-child(2n+1) {clear:left;}
}
@media only screen and (max-width: 768px) {
	#mainContentWrapper.HomePage {padding:5px;}
	#mainContentWrapper .welcomeMessage {padding:0;margin:0;}
	.desktopView {display:none;}
	.leftCol {width:100%;}
	.rightCol {width:100%;}
	.wrapper {width: auto;}
	.tablet_100 {width:100%;}			
	.tablet_50 {width:50%;}
	.tablet_25 {width:25%;}
	.headerBanner {width:45%;left:25%;}
	.headerLogo {width:25%;right:45%;}
	.headerInfo {width:30%;}
	.slidesjs-pagination {right:10px;left:auto;}
	.navToggle_trigger, .tabToggle_trigger  {display: block;background: url('../images/Responsive%20Nav/nav-icon.png') no-repeat 98% 50% #fff;}	
	.tableBlock .tabToggle_trigger {background: url('../images/arrow_show.png') no-repeat 98% 50% #9f9f9f;}
	.tableBlock .tabToggle_trigger.selected {background: url('../images/arrow_hide.png') no-repeat 98% 50% #9f9f9f;}	
	#sideNav .navToggle_trigger {background-color: #283744;color:#fff;}	
	#sideNav .contentBlock {padding:0;}
	#sideNav ul {margin:0;display:none;}
	#sideNav ul a {background:#fff;}
	#sideNav ul li a {padding:5px 5px 5px 15px;background:#ffffff;}
	#sideNav ul li a:hover, #sideNav ul li.active a, #sideNav ul li.active ul li.active a, #sideNav ul li.active ul li a:hover,
	#sideNav ul li.active li a {background-image:none;}
	#sideNav ul li ul {display:block;}
	#sideNav ul li ul li a {padding-left:0; padding-left:15px;}
	#sideNav ul li ul li {background:#e8e8e8;}
	#sideNav ul li ul li > a {padding-left:30px;}
	#sideNav ul li ul li ul li a {padding-left:45px;}
	#sideNav ul li.active ul li a {background:#f6f6f6;}
	.sidebarFilter .sidebarFilter_title {display:none;}
	.sidebarFilter .navToggle_trigger {display:block;}
	.sidebarFilter ul {display:none;}
	.sidebarFilter ul li a {padding:5px 5px 5px 15px;}
	/*.focalPoint, .focalPoint .imgOverlay {height:100px;}	
    .focalPoint div {margin-top:    -2.5em;margin-bottom: -4.5em;margin-left:  -6em;margin-right: -2em;}
	.focalPoint .imgOverlay, .focalPoint .imgOverlay_toggle {margin:0;}*/
	.focalPoint div {text-align:center;}
	.focalPoint img {width:auto;}

	.sideWidget {clear:none;}
	.tableTabs {display:none;}
	.tableContent {padding-top:10px;}
	.sideTab {position:relative;top:0;left:0;float:left;border:0;}
	#sidetab-print {display:none;}
	.sideTabContent {width:100%;}
	.bannerTabs ul li {border-bottom:1px solid #d9d9d9;}
	.bannerTabs li a {margin-left:0;border-color: #c7c5c5;}
	.bannerTabs li {float:none;width:100%!important;}	
	#bannerWrapper.ourProductsBanner .fr .bannerSlideText {top:auto;bottom:35px;}

	#bannerWrapper.ourProductsBanner .fl, #bannerWrapper.ourProductsBanner .fr {display:none;}

	.ourProductsBanner .focalPoint {height:250px;}	
	#bannerWrapper.landingBanner .bannerSlideText {position:relative;bottom:auto!important;right:auto!important;top:auto!important;left:auto!important;text-align:left;max-width:none;padding-left:25px;}
	#bannerWrapper.landingBanner .focalPoint {height:auto;}
	#bannerWrapper.ourProductsBanner .focalPoint img {max-height:none;}
	.panel_slider_container {display:none;}
.panel_slider_mobile {display:block;}
	.panel_slider .panel {width:50%;}
	.panel_slider .panel5, .panel_slider .panel6 {width:25%;}
	.panel_slider .panel1 .gallery_img {max-height:none;}
	.panel_slider .panel1 .gallery_img img {width:135%;max-width:none;margin-left:-20%;}		
	.directionSearch input[type="text"] {width:65%}
	.directionSearch input[type="button"] {width:35%;}
	#storeDetail_map {height:0;padding-bottom:50%;}
	#storeDetail_mainImg {max-height:300px;}
	.contentTabs, .contentTabsWide {display:none;}
	#storeDetails_tab {display:block;}
	.tabToggle_trigger:first-child {margin-top:0;}
	.tabToggle_trigger {margin:0 -15px 0 -15px;}
	.formBox.storeLocator .enterPostcode, .formBox.storeLocator .townName, .formBox.storeLocator .distance {width:50%;}	
	.formBox.storeLocator .townName {margin-bottom:10px;}
	.formBox.storeLocator .distance label {margin-left:0;}
	.formBox.storeLocator .distance {margin:5px 0 0 0;}
	.formBox.productLocator .desktop_85 {width:100%;}
	.formBox.productLocator .button {margin-top:15px;}
	.landingCategory:nth-child(3n+2) {clear:none;}
	.landingCategory:nth-child(2n+2) {clear:left;}	
	#directionsText {width:100%;}
	
	#contour .contourField label {width:100%!important;}
	#contour .checkboxlist label, #contour .radiobuttonlist label, #contour .checkbox label {width:90%!important;}
	#contour .contourField input[type="text"],
	#contour .contourField select,
	#contour .contourField textarea {width:100%!important;}
	.storePopup_img {width:80px;}
	#contour #recaptcha_widget_div {margin:0!important;clear:both;}	
	
}
@media only screen and (min-width: 480px) and (max-width:630px) {
	.listing_brochure li {width:50%;}
	.listing_brochure li:nth-child(3n+1) {clear:none;}
	.listing_brochure li:nth-child(2n+1) {clear:left;}
}
@media only screen and (max-width: 630px) {	
	.headerBanner {top: 0;margin-bottom:10px;left:auto;width:100%;padding:0;display:none;}
	.headerBanner.selected {display:block;}
	.headerLogo {right:auto;width:50%;}
	.headerInfo {width:50%;}
	.listing_news, .listing_offers {width:100%;}
	.panel_slider_container {display:none;}	
	.title .button {float:right;margin-top:0;}
	.panel_slider_mobile {display:block;}
	/*.panel_slider_mobile .panel_slider .panel1 .gallery_img img {width:100%;margin:0;}	
	.panel_slider_mobile .panel {float:left;width:50%;}*/
	/*.homeBanner .slide:first-child {display:block;}
	.homeBanner .slide {display:none;}
	.homeBanner .slide img {max-width:100%;height:auto;}*/
#bannerWrapper {background:#fff;}
.home_banner_container .bx-viewport {height:auto!important;padding-bottom:60px;}
.home_banner_container .bx-pager {padding-bottom:0;}
.home_banner_container a {text-decoration:none;}

.home_banner_container .bx-controls-direction {display:block;padding:0 20px;}
.home_banner_container .bx-controls-direction .bx-next, .home_banner_container .bx-controls-direction .bx-prev {overflow:hidden;text-indent:999px;height:35px;width:35px;display:block;position:absolute;top:-10px;}
.home_banner_container .bx-controls-direction .bx-next {right:10px;background:url('../images/arrow_bannerNext.gif') no-repeat 50% 50%;}
.home_banner_container .bx-controls-direction .bx-prev {left:10px;background:url('../images/arrow_bannerPrev.gif') no-repeat 50% 50%;}

	#bannerWrapper .homeBanner .slide .bannerSlideText {position:relative;top:auto;left:auto;bottom:auto;right:auto;max-width:none;text-align:left;padding:10px 20px;}
	#bannerWrapper .homeBanner .bannerSlideText  h3 {margin-right:10px;}
	/*#bannerWrapper .homeBanner .bannerSlideText  h3, #bannerWrapper .homeBanner .bannerSlideText  h1{display:inline;}*/
	#galleryCategorySlider {background-color:#ffffff;}
	#galleryCategorySlider li {display:block;margin-bottom:10px;}
	#galleryCategorySlider li .sliderText {max-width:none;position:relative;top:auto;bottom:auto;left:auto;right:auto;padding:5px 0;text-align:left;background:url('../images/border_doubleGreyTop.gif') repeat-x bottom left #fff;}
	#galleryCategorySlider li h2 {color:#222222;}
	#galleryCategorySlider li p {color:#666666;margin:5px 0;}
	.listing_events .list_img {text-align:center;padding:0 10px 8px 0;max-height:120px;display:inline-block;vertical-align:top;width:19%;margin-right:0;}
	.listing_events .list_text {float:right;width:auto;width:75%;}
	.formBox.productLocator .brand {width:40%;}
	.formBox.productLocator .productType {float:none;margin-bottom:10px;width:auto;}
	.formBox.productLocator .model {width:35%;padding-left:0;}
	.formBox.productLocator .colour {width:35%;}
	.formBox.productLocator .postcode {padding-left:10px;margin-top:10px;} 
			
	/* Store Directions */
	#directionsText {width:100%;float:none;height:400px;overflow-y:scroll;}
	#directionsMap {width:100%;float:none;height:auto;padding-bottom:56%;}	
	
	.defaultLanding {width:50%;}
	.defaultLanding .contentSectionPadding img {max-height:none;width:100%;}	
	.defaultLanding .focalPoint {height:110px;}
#galleryCategorySlider_pager .slide .sliderText {display:none;}
}
@media only screen and (max-width: 550px) {	
	#headerWrapper {text-align:center;}
	.headerLogo {width:35%}
	.headerInfo {width: 62%;margin-left:3%;}
	.productDetails.contentBlock .contentSection {width:100%;}
	.formGroup.desktop_50, 
	.formGroup input[type="text"], .formGroup select, .formGroup textarea, .formGroup label,
	.formGroup.desktop_50 input[type="text"], .formGroup.desktop_50 select, .formGroup.desktop_50 textarea, .formGroup.desktop_50 label,
	.formBox .desktop_80, .formBox .desktop_30, .formBox .desktop_55,
	.inputWidth,
	.formBox.techLibrary .county, .formBox.techLibrary .brand, .formBox.techLibrary .productCategory, .formBox.techLibrary .status,
	.formBox.eventFilter label, .formBox.eventFilter .region, .formBox.eventFilter .eventType,
	.formBox.storeLocator .enterPostcode, .formBox.storeLocator .townName, .formBox.storeLocator .distance,
	.formBox.productLocator .brand, .formBox.productLocator .productType, .formBox.productLocator .model, .formBox.productLocator .colour, .formBox.productLocator .postcode,
	.formBox.demonstrationFilter .month, .formBox.demonstrationFilter .time, .formBox.demonstrationFilter .type {width:100%;float:left;}
	.formBox.techLibrary .brand, .formBox.techLibrary .productCategory, .formBox.techLibrary .status, .formBox.eventFilter .eventType, .formBox.demonstrationFilter .time, .formBox.demonstrationFilter .type,  .formBox.productLocator .model, .formBox.productLocator .productType,  .formBox.productLocator .colour, .formBox.productLocator .postcode {padding-left:0;margin-top:15px;}
	.formBox label, .formBox input[type="text"] {width:100%!important;}
	.formGroup label, .formBox label {margin-bottom:5px;}
	.formGroup select, .formGroup textarea, .formBox.storeLocator .townName label {margin-left:0;}
	.formGroup.desktop_25 {width:50%;}
	.formBox .button {margin-top:10px;}
	.formBox.storeLocator .distance, .formBox.storeLocator .townName {margin:0;}
	.formBox.productLocator .productType {margin-bottom:0;}
	#storeDetails_tab li {width:50%;}
	.contentTabs li, .contentTabsWide li {width:100%;display:block;border-bottom:1px solid #9f9f9f;}
	.storeLocator_gallery .desktop_15 {width:25%;}	
	.storeLocator_gallery .desktop_70 {clear:both;width:100%;}
	.orderForm .formGroup {float:left;clear:both;}
	.orderForm .formGroup.submit {width:100%;}
	.orderForm .formGroup input[type="text"], .orderForm .formGroup select, .orderForm .formGroup textarea, .orderForm .formGroup .inputWidth {width:100%;}
	.orderForm .formGroup.postcode, .orderForm .formGroup.question, .orderForm .formGroup {max-width:none;width:100%;}	
	.orderForm .nameFirst, .orderForm .nameLast {padding-left:0;margin-top:10px;}
	.orderForm .postcodeSearch {margin-left:0;}
	.orderForm .postcodeInput {clear:left;max-width:none;float:none;margin-right:120px;width:auto!important;}
	.orderForm .formGroup.postcode label {width:100%;}
	.formError {float:left!important;margin-left:0!important;clear:both!important;}
	
	#contour .contourField.textfield {width:100%!important;}
.panel_slider .panel1 .gallery_img img {width:100%;margin-left:0;}
	
	.page-buyersGuide .title .text-section, .page-buyersGuide .title .img-section {width:100%;}	
	.page-buyersGuide .title .text-section .contentSectionPadding {padding-top:0;}
	.page-buyersGuide .title h2 {margin-bottom:0;padding-left:0;}
	.bg-tabBlock {display:none;}
	.bg-tabBlock-mobile {display:block;}
	
	.bg-tabContent .intro .text-section,
	.bg-tabContent .intro .img-section {width:100%;}

}

@media only screen and (max-width: 480px) {
	.breadcrumb {display:none;}
	.mobile_100 {width:100%;}
	.mobile_50 {width:50%;}
	.mobile_25 {width:25%;}
	.mobile_0 {display:none;}
	.headerLogo {width:35%}
	.headerInfo {width: 62%;margin-left:3%;}
	#slides {overflow:visible;}
	ul.footerNav li {display:inline-block;width:46%;}
	.lt-ie8 ul.footerNav li {display:inline;zoom:1;}
	ul.footerSocial {text-align:left;margin:10px 0;}
	dt {font-weight:bold;}
	dt,dd {display:block;float:none;width:100%;}
	dd {margin-bottom:20px;}
	.storeDetails dt, .storeDetails dd {float:left;width:50%;}
	.storeDetails .storeDetailsTime p .storeDay, .storeDetails .storeDetailsTime p .storeTime {float:left;width:50%;}
	img.fl, img.fr {float:none;display:block;margin:0 auto;}
	.ourProductsBanner .focalPoint {height:auto;}
	#bannerWrapper.ourProductsBanner .fl .bannerSlideText {margin-bottom:10px;}
	#bannerWrapper.ourProductsBanner .bannerSlideText {position:relative;bottom:auto!important;right:auto!important;top:auto!important;left:auto!important;text-align:left;}
	.listing .list_text, .listing .list_cta, .recipe .list_text, .recipe_cta, .listing_productLocator .listing .list_text {width:100%;}
    .recipe .list_img {width:100%;text-align:center;float:none;}
	.listing .list_img {margin:0 0 10px 10px;float:none;text-align:center;}
    .listing_productLocator .listing .list_img {float: right;max-height: 55px;}
.listing_news .listing .date {display:block;}
.listing_news .listing .list_img {margin:0 auto;display:block;margin-bottom:5px;}
	.listing .list_cta {text-align:left;}
	.listing .list_ctaDetail {min-height:0;}
	.eventsKey li {width:100%;display:block;margin:5px 0;}
	.eventsKey span {max-width:none;}
	.storeKey li {width:100%;display:block;margin:5px 0;}
	.storeKey span {max-width:none;}
	.ratingStars {text-align:center;}
	.eventImg {display:block;float:none;width:auto;text-align:center;margin-bottom:20px;}
	.eventImg img {max-height:150px;}
	.eventDetails {width:100%;}
	.eventDetails dt, .eventDetails dd {float:left;}
	.eventDetails dt {clear:left;}
	.productImg img {max-height:150px;}
	.storeLocator_mapView {height:350px;} 
	.storeLocator_listView {height:250px;}
	.title .button {float:left;margin-top:0;}
	.panel_slider_mobile .panel {float:none;width:100%;}
	.panel_slider_mobile .panel .gallery_text {display:block;}
	.panel_slider_mobile .panel_slide .panel8 .gallery_img, .panel_slider_mobile .panel_slide .panel8 .gallery_text,
	.panel_slider_mobile .panel_slide .panel7 .gallery_img, .panel_slider_mobile .panel_slide .panel7 .gallery_text {max-height:none;}	
	.gallery_banner_main .bannerSlideText {position:relative;bottom:auto;left:auto;}
	.directionSearch {border-radius:0;border:none;}	
	.directionSearch input[type="text"] {width:100%;border: 1px solid #bababa;border-bottom:0;}
	.directionSearch input[type="button"] {background:url('../images/bg_btn.gif') repeat-x bottom left #f0f0f0;border-radius:0;border: 1px solid #bababa;display:block;width:100%;float:left;}
	#storeDetail_mainImg {max-height:200px;}
	.content_mainImg {display:block;float:none;margin:0 auto;text-align:center;}
	.content_mainImg img {max-height:150px;}
	.technical_category li span {display:block;width:100%!important;}
	.technical_category li ul li {background:url('../images/arrow_bullet.png') no-repeat left 7px;}
	.technical_category li .label {font-weight:bold;}
	.listing_brochure li {width:100%;}
	.listing_brochure li:nth-child(3n+1) {clear:none;}
	.storePopup {min-width:0;}
	.headerInfo .phoneCTA {margin-bottom:5px;}
	.siteSearch input[type=text] {padding:0 5px 0 8px;}
	.ui-datepicker-calendar {border-spacing:2px;}
	.landingCategory .colourBg {min-height:0;}
	.recipeDetails .ctaLinks {text-align:center;}
	#galleryCategorySlider li:first-child {clear:both;}
	.listing_events .list_text {width:75%;float:right;}
.listing_events .list_img {float:left;margin:0;}
.storePopup_img img {display:none;}

	.fl_m75 {width:75px;float:left!important;}

	/* Store search - mobile */
	
	.m-storeFilter-toggle {display:block;cursor:pointer;background:url('../images/m-storeFilter-toggle.gif') no-repeat 95% 50% #D6EFDB;border:1px solid #bababa;margin-bottom:-11px;padding:8px 10px;text-transform:uppercase;color:#111;font-weight:bold;}
	.m-storeFilter-form {display:none;}	

	.zone_banner_container .bx-prev, .zone_banner_container .bx-next {top:0;bottom:0;right:0;width:40px;background-position:50% 50%;height:100%;}
.zone_banner_container .bx-prev {right:auto;left:0;}
}
@media only screen and (min-width: 300px) and (max-width:480px) {
	.landingCategory {padding-top:5px;}
	.landingCategory .contentSectionPadding h2 {margin-bottom:10px;}
	.landingCategory .contentSectionPadding img {display:inline-block;width:45%;vertical-align:top;float:left;}
	.landingCategory .contentSectionPadding p {display:inline-block;width:50%;text-align:left;float:right;margin:0;}
}
@media only screen and (max-width: 440px) {
	.defaultLanding {width:100%;}
}
@media only screen and (max-width: 400px) {
	.widget-media-100 {margin: 0 0 15px 15px; width: 90%;}
	.formGroup.desktop_25 {width:100%;}	
	.orderForm .submit .button {clear:both;float:left;}
}
@media only screen and (max-width: 330px) {
	.storeDetails dt, .storeDetails dd {float:none;width:100%;}
	.storeDetails .storeDetailsTime p .storeDay, .storeDetails .storeDetailsTime p .storeTime {float:none;width:100%;}
	.storeLocator_gallery .desktop_15 {width:50%;}
}
@media only screen and (max-width: 300px) {	
	.listing .list_img {display:block;margin:0 auto 10px auto;float:none;}
	.listing_events .list_text {width:100%;}
}
@media only screen and (max-width: 250px) {	
	.homeCTA img {display:none;}
	.homeCTA .textBlock {margin-left:0;}
	ul.footerNav li {display:block;width:auto;}	
}
























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
