/* ### 11.09.2025 ### */	

/* live and staging KB container padding */
body.page-id-19795 #main .kit-designer-container, body.page-id-35916 #main .kit-designer-container {
    padding-left: 10px;
    padding-right: 10px;
}

/* Top content block (top level kb landing block) */
.kb-landing-top-block h1.panel-title {font-size: 22px !important; font-weight: 500 !important; padding-left: 20px;}

.kb-landing-top-block a {cursor: pointer;}
.kb-landing-top-block a:hover,
.kb-landing-top-block .fusion-accordian .panel-title a.active, 
.kb-landing-top-block a.collapsed {color: #333 !important;}

.post-content .kb-landing-top-block h2 {text-transform: uppercase !important; font-size: 0.8em !important}
.kb-landing-top-block .fusion-title.title.fusion-sep-none.fusion-title-size-two {margin-top:0; margin-bottom: 0;}
.kb-landing-top-block .fusion-layout-column {margin-top: 0; margin-bottom: 0 }
.kb-landing-top-block .fusion-accordian .panel-heading { margin-top: -5px; height: 55px;}
.kb-landing-top-block .panel-body.toggle-content.fusion-clearfix {padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.post-content .kb-landing-top-block p {margin-top: 0}
.kb-landing-top-block .fusion-text {color: #333; font-size: 0.9em;}
.kb-landing-top-block .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a {margin-right: 15px;}
.kb-landing-top-block a.fb-icon-element-1 {color: #999;}
.kb-landing-top-block a.fb-icon-element-1:hover, kb-landing-top-block .fusion-accordian .panel-title a .fa-fusion-box:hover {color: #666 !important;}

/* hide menu and show my design button only on index page */
#appin-kb .kb-wrapper .kb-page-home .kb-nav-panel .kb-nav-panel-inner {padding:0; padding-top:5px !important}
#appin-kb .kb-wrapper .kb-page-home .kb-partial-wrap.ng-scope {margin-top: 10px !important;}
#appin-kb .kb-wrapper .kb-page-home .kb-button.kb-basket-button {width: 100% !important; margin-left: -5px; padding: 12px !important;}
#appin-kb .kb-wrapper .kb-page-home .kb-nav-panel {width: 100% !important}
#appin-kb .kb-wrapper .kb-page-home .kb-nav-panel .kb-nav-panel-inner .kb-nav-title,
#appin-kb .kb-wrapper .kb-page-home .kb-nav-panel .kb-nav-panel-inner .kb-nav.ng-tree {display: none;}

/* expand homepage to full width */
#appin-kb .kb-wrapper .kb-page-home .kb-partial-wrap {width:100%; max-width: 100% !important;}
#appin-kb .kb-wrapper .kb-page-home .kb-categories-page {margin-left: -10px !important;}

/* -- top level category as the kb landing page -- */
#appin-kb .kb-wrapper .kb-page-home ul.kb-breadcrumbs {display:none}
/*
#appin-kb .kb-wrapper .kb-page-home .kb-categories .kb-category-name {
  color: #9ac32c !important;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}
*/
#appin-kb .kb-wrapper .kb-page-home .kb-categories .kb-category-name {
  color: rgb(66, 66, 66) !important;
  background: none !important;
  font-size: 1.6em !important;
  font-weight: 600 !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}
#appin-kb .kb-wrapper .kb-page-home .kb-categories .kb-category-name:hover {
  color: rgb(45, 45, 45); !important;
}
#appin-kb .kb-wrapper .kb-categories,
#appin-kb .kb-wrapper .kb-designs {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(4, 1fr);
 /* grid-template-rows: repeat(2, 1fr); */
}

/* dark background for 2 line product titles */
#appin-kb .kb-wrapper .kb-category-page .kb-categories .kb-category {background: #333; }
#appin-kb .kb-wrapper .kb-categories .kb-category,
#appin-kb .kb-wrapper .kb-designs .kb-design {background: #f6f6f6; border: 1px solid #f6f6f6 !important; }
#appin-kb .kb-wrapper .kb-categories .kb-category:hover,
#appin-kb .kb-wrapper .kb-designs .kb-design:hover {border: 1px solid #999 !important;}
#appin-kb .kb-wrapper .kb-categories .kb-category-img,
#appin-kb .kb-wrapper .kb-designs .kb-design-img {height: auto !important; width: auto !important; } 
/* background matched to category images */
 * #appin-kb .kb-wrapper .kb-categories .kb-category-img {background: #dadada; } 
#appin-kb .kb-wrapper .kb-designs .kb-design-img {background: #f6f6f6; } 
#appin-kb .kb-wrapper .kb-categories .kb-category-name {height: auto !important; width: auto !important; padding: 10px 5px 15px; line-height: 1.1em !important; margin-top: -1px; }
/*#appin-kb .kb-wrapper .kb-page-catalog-slug-running-vests .kb-categories .kb-category-name {height: unset !important;}*/

/* grid image label, label text and desc text */
#appin-kb .kb-wrapper .kb-designs .kb-design-name {font-size: 1em !important;}
#appin-kb .kb-wrapper .kb-designs .kb-design-link {padding-bottom: 25px !important;}

/* Category panel */
#appin-kb .kb-wrapper .kb-nav-panel {width: 20% !important; max-width: unset !important;}
#appin-kb .kb-wrapper .kb-nav .kb-nav-item-1 {margin-left: -10px !important; font-size:1.1em !important; font-family: halyard-display, Arial, Helvetica, sans-serif !important;}
#appin-kb .kb-wrapper .kb-nav-panel-inner {padding: 18px 5px 5px!important;}
#appin-kb .kb-wrapper .kb-nav .kb-nav-item-1 .kb-nav-item {margin: 0px 0 3px 10px!important;}
#appin-kb .kb-wrapper .kb-nav .kb-nav-item-selected>a .kb-nav-inner {font-weight: 600 !important;}

/* ### KITBUILDER general styling ### */	
#appin-kb  .kb-wrapper .kb-partial-wrap {width: 80%; max-width: 80% !important;}
/* #appin-kb .kb-wrapper .kb-designs {margin: 0 !important} */
#appin-kb  .kb-wrapper .kb-button {font-size:14px !important; padding: 8px 12px !important;}
#appin-kb .kb-wrapper .kb-customise-page .kb-print-view-button, 
#appin-kb .kb-wrapper .kb-customise-page .kb-change-design-button, 
#appin-kb .kb-wrapper .kb-customise-page .kb-change-view-button, 
#appin-kb .kb-wrapper .kb-button {font-weight: 500 !important;}

/*.kit-designer-container .fusion-text > p:first-child {display: none;}*/

/* override font */
#appin-kb .kb-wrapper {font-size:14px !important;}
#appin-kb .kb-wrapper h1, #appin-kb .kb-wrapper h2, #appin-kb .kb-wrapper h3, #appin-kb .kb-wrapper h4, #appin-kb .kb-wrapper h5, #appin-kb .kb-wrapper h6,
.kb-wrapper input, .kb-wrapper p, .kb-wrapper li, .kb-wrapper div, .kb-wrapper q, .kb-wrapper cite, .kb-wrapper blockquote, .kb-wrapper span {
  font-family: halyard-display, Arial, Helvetica, sans-serif !important;
}
.kb-wrapper label {font-size: 14px !important; line-height: 1.5em !important;}

#appin-kb .kb-wrapper input, #appin-kb .kb-wrapper textarea {padding: 5px !important}

/* add line height to design info */
.kb-wrapper .kb-form-desc p, .kb-wrapper .kb-form-desc ul, .kb-wrapper .kb-form-desc ol {line-height: 1.4em !important;}

#appin-kb .kb-wrapper input, #appin-kb .kb-wrapper p, #appin-kb .kb-wrapper li, #appin-kb .kb-wrapper div, #appin-kb .kb-wrapper q, #appin-kb .kb-wrapper cite, #appin-kb .kb-wrapper blockquote, #appin-kb .kb-wrapper span {font-family: halyard-display, Arial, Helvetica, sans-serif !important; font-weight: 300}

#appin-kb .kb-wrapper .kb-content strong {font-weight: 400 !important;}
#appin-kb .kb-wrapper .kb-breadcrumbs {margin-left: 10px !important;}

#appin-kb .kb-wrapper select {padding: 0 !important;}

#appin-kb .kb-wrapper  .kb-form-desc hr {
  border-top: 1px solid #ccc !important;
  border-bottom: none !important;
  box-shadow: none !important !important;
}

/* ### KITBUILDER customise pages ### */	
/*#appin-kb .kb-wrapper .kb-page-customize .kb-partial-wrap {width: 940px;}*/
#appin-kb .kb-wrapper .kb-customise-page .kb-preview-design-name {font-weight: 300 !important; height: 30px !important; line-height: 30px !important; font-size: 16px !important;}

/* Next / Previous button */
#appin-kb .kb-wrapper .kb-navigation-buttons {padding:10px !important}

/* my design button */
#appin-kb .kb-wrapper .kb-button.kb-basket-button {width:90%}

/* change kit builder option breadcrumbs to button design */
#appin-kb .kb-wrapper .kb-wizard-form {clear:both}
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {padding:10px !important; border-bottom:none !important;}
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb {display:block; float:left}
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner:before,
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner:after {content: none !important;}
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb:after {display:none}
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {text-align: unset !important}
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li {width: 33%;}

/*#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li:nth-child(2) a {margin-left: 1px !important; margin-right: 1px !important}*/
#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li a {
  display:block;
  float: left;
  width: 100%;
/*  width: 122px;*/
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#42464a),color-stop(1,#030303));
  background: -moz-linear-gradient(center top,#42464a 5%,#030303 100%);
  background-color: #42464a;
  border: 1px solid #000;   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42464a',endColorstr='#030303'); 
  font-size: 14px;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
} 

#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li a span {color:#fff !important; font-weight: 500; font-size: 14px;}

#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li a:hover {
  background: -webkit-gradient(linear,left bottom,left top,color-stop(.05,#42464a),color-stop(1,#030303));
  background: -moz-linear-gradient(center top,#42464a 5%,#030303 100%);
  background-color: #42464a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#42464a',endColorstr='#030303');
} 

#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li.kb-wizard-breadcrumb-active a {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#4e4e4e),color-stop(1,#6f7173)) !important;
  background: -moz-linear-gradient(center top,#4e4e4e 5%,#6f7173 100%) !important;
  background-color: #4e4e4e !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e',endColorstr='#6f7173') !important;
}

/* Change design and view buttons */
#kitBuilder .kb-wrapper .kb-customise-page .kb-overlay-button {
  padding: 10px!important;
  font-size: 14px !important;
  width: 100px !important;
  text-align: center !important;
}

/* #appin-kb .kb-wrapper li.kb-wizard-breadcrumb.kb-wizard-breadcrumb-back-design {float: right !important;}
 */
/* zoom colour palette */
#appin-kb .kb-wrapper .kb-tile-picker-color .kb-tile-picker-tile {width: 28px !important; height: 28px !important;}

/* Animation */
#appin-kb .kb-wrapper .kb-tile-picker-tile {
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}

#appin-kb .kb-wrapper .kb-tile-picker-tile:hover {
  z-index:100 !important; 
  border:1px solid #777 !important;  
  -webkit-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
}

#appin-kb .kb-wrapper .kb-html-tile-picker-list-item * {cursor: text !important;font-size: 14px !important; }

#appin-kb .kb-wrapper .kb-tile-picker-base li.kb-tile-picker-list-item.ng-scope.kb-selected,
#appin-kb .kb-wrapper .kb-tile-picker-base .kb-tile-picker-tile:hover {transform: scale(1.1); z-index: 1000; position: relative;}

#appin-kb .kb-wrapper .kb-tile-picker-color input:checked + .kb-tile-picker-tile, 
#appin-kb .kb-wrapper .kb-tile-picker-color .kb-tile-picker-radio-selected {transform: scale(1.2); z-index:1000;}

#appin-kb .kb-wrapper .kb-tile-picker-color .kb-tile-picker-tile,
#appin-kb .kb-wrapper .kb-tile-picker .kb-tile-picker-tile,
#appin-kb .kb-wrapper .kb-field-collar_style .kb-tile-picker-tile img,
#appin-kb .kb-wrapper .kb-tile-picker-base .kb-tile-picker-tile img {border-radius: 6px !important;}

/* hide check icon on images in customised design panel */
#appin-kb .kb-wrapper .kb-tile-picker-radio:checked+.kb-tile-picker-tile:after {display:none}

.kb-tile-picker-selected.ng-binding {font-weight: 500 !important;}

/* Image preview panel */
#appin-kb .kb-wrapper .kb-customise-page .kb-preview-panel {width: 50% !important; margin: 0 1% !important;}
#appin-kb .kb-wrapper .kb-customise-page .kb-preview-image {width: 100% !important}

/* customized panel */
#appin-kb .kb-wrapper .kb-customise-page .kb-customise-edit-panel {width: 48% !important}

/* kb form label */
#appin-kb .kb-wrapper .kb-wizard-form-label {width: auto !important; margin-right:5px !important;} 

#appin-kb .kb-wrapper .kb-form-quoterequest .kb-wizard-form-label  {width: 180px !important;} 
#appin-kb .kb-wrapper .kb-form-quoterequest  .kb-popup-inner-inner.kb-group {margin-left:10px !important}
#appin-kb .kb-wrapper .kb-checkbox {top: 3px !important}
#appin-kb .kb-wrapper .kb-form-desc p {font-size: 14px !important;}

/* customised panel height */
#appin-kb .kb-wrapper div {min-height: auto !important;}

#appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb-standard-sock-colours a {width: 100% !important; padding: 5px !important; cursor: unset !important}

/* sleeve branding checkbox positon fix */
.appin_brand_sleeves .kb-wizard-form-field {width: auto}

/* related */
#appin-kb .kb-wrapper .kb-related-products .kb-related-product-name {
  font-size: 14px!important;
  white-space: unset !important;
  padding: 5px 0!important;
}

/* cross sell products */
#appin-kb .kb-wrapper .kb-cross-sells .kb-cross-sell {}
#appin-kb .kb-wrapper .kb-cross-sells .kb-cross-sell {margin-left: 20px!important; margin-bottom: 25px!important;}
#appin-kb .kb-wrapper .kb-cross-sells .kb-cross-sell-img {width: 150px !important}
#appin-kb  .kb-wrapper .kb-cross-sells .kb-cross-sell-name {
  white-space: unset !important;
  bottom: unset !important;
  font-size: 13px !important;
  line-height: 1.2em !important;
}

/* ### KB My Designs page ### */	

.kb-final-page.ng-scope {margin-left: 10px !important;}

#appin-kb .kb-wrapper .kb-final-category-header-wrapper {padding: 0 10px !important; margin-top: 0 !important;} 

/* remove bottom border from 'your final kit' */
#appin-kb  .kb-wrapper .kb-final-cta-header {font-size: 1.2em !important;}

#appin-kb .kb-wrapper .kb-final-cta-list {padding: 15px 0 !important;}

#appin-kb .kb-wrapper .kb-final-cta-list li {font-size: 1.1em !important; font-weight: 400 !important;}

.kb-final-category-header-wrapper ul.kb-final-cta-list li a:hover {color: #9ac32c !important;}

/* get a quote button  */
.kb-final-category-header-wrapper ul.kb-final-cta-list li:first-child a {
  color:#fff !important;
  padding: 12px 20px;
  background: #9ac32c !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  position:relative;
  top: -2px;
}
.kb-final-category-header-wrapper ul.kb-final-cta-list li:first-child a:hover {background: #80af00 !important;}

/* remove cash icon from quote button */
#appin-kb .kb-wrapper .kb-icon.kb-icon-cash {display:none !important;}

/* get a quote button end */

 /* share and email */
 #kitBuilder .kb-wrapper .kb-final-page .kb-popup .kb-popup-inner {margin-right: 30px !important;}

/* email friend */
#appin-kb .kb-wrapper .kb-final-page .kb-popup-inner-inner .kb-wizard-form-label {width: 90% !important;}

/* share buttons */
.kb-wrapper .kb-sharer {top: 7px !important;}
.kb-wrapper .kb-share-button .kb-share-button-icon svg {fill: #9ac32c !important;}

/* download pdf */
#appin-kb .kb-wrapper [class*=kb-button-icon-]::before {position: unset !important}
#appin-kb .kb-wrapper .kb-form-button-panel [class*=kb-button-icon-] {height: auto !important}

/* remove all popup */
.kb-wrapper .kb-final-cta-list li.kb-final-remove-all {margin-right: 0 !important;}
#appin-kb .kb-wrapper .kb-dialog {top: 25% !important;}

/* my design buttons */
#appin-kb .kb-wrapper .kb-final-button {font-size: 1em !important; font-family: halyard-display, Arial, Helvetica, sans-serif !important;}

#appin-kb .kb-wrapper .kb-final-buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 10px) !important;
  height: 50px !important;
  margin-left: 5px !important;
}

#appin-kb .kb-wrapper .kb-final-buttons-wrapper .kb-final-button {
  flex: 0 0 calc(50% - 3px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 29px !important;
  margin-top: 6px !important;
}

#appin-kb .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:nth-child(2) {margin-right: 6px !important;}

/* Remove design button */
#appin-kb .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:last-child {margin-top: 6px !important; flex: 1 0 100% !important;}

/* ### KB quote request form ### */	

.kb-wrapper .kb-custom-form {width: 450px !important;}

#appin-kb .kb-wrapper .kb-form-quoterequest .kb-popup-inner-inner.kb-group,
.kb-custom-form.kb-form-pdf_download {
  margin-left: 10px !important; margin-bottom: 20px !important;
}

.kb-wrapper .kb-custom-form .kb-form-intro {
  margin: 20px 0 !important;
  font-size: 1.2em;
  line-height: 1.4em !important;
}

/* Custom CSS added after disabling default Kit Builder form styling on quote form */
#appin-kb .kb-wrapper .kb-form-quoterequest label {font-weight: 300 !important; font-size: 15px !important; color: #444 !important;}

/*.kb-wrapper .kb-form-button-panel {width: 70%}*/
.kb-wrapper .kb-custom-form .kb-wrapper label {font-weight: 300; font-size: 15px; color: #444 !important}
.kb-wrapper .kb-custom-form .kb-custom-form-heading {padding-top: 20px !important; font-weight: 600 !important;}
.kb-wrapper .kb-custom-form .kb-form-label-info {font-size: 1em !important; }
.kb-wrapper .kb-custom-form .kb-validation-message {display: none;}
.kb-wrapper .kb-custom-form .kb-custom-form-label-wrap {
  width: 35%;
  float: left;
  clear: left;
  margin: 10px 0 !important;
}

.kb-wrapper .kb-custom-form .kb-custom-form-field-wrap {width: 65%; margin: 5px 0 !important; float: left;}
#appin-kb .kb-wrapper .kb-custom-form-description {padding-top: 10px !important; white-space: unset !important;}
.kb-wrapper .kb-custom-form .kb-text-area {height: 150px}

/* Newsletter checkbox */
.kb-wrapper .kb-custom-form .newsletter .kb-custom-form-label-wrap {width: 120px; margin-top: 5px !important;}

#appin-kb .kb-wrapper .kb-custom-form .newsletter .kb-checkbox {top: 0 !important}

/* KB Privacy text */
#appin-kb .kb-wrapper .kb-form-pdf_download .kb-privacy-field .kb-wizard-form-label label {float:none}
/*
.kb-privacy-txt-left-spacing {padding-left: 240px}
.kb-form-pdf_download + .kb-privacy-txt-left-spacing {padding-left: 0}
*/
.kb-privacy-txt { font-family: halyard-display, Arial, Helvetica, sans-serif; text-align: center; margin-top: 10px}

.kb-wrapper .kb-custom-form .kb-form-footer-content {
  margin: 10px 10px 10x 0 !important;
  text-align: left !important;
  font-style: italic !important;
}

/*.kb-wrapper .kb-custom-form .kb-text-box {padding: 5px !important;}*/

.kb-wrapper .kb-custom-form .kb-dropdown {width: 99% !important;height: 2em !important;}

.kb-wrapper .kb-custom-form input.ng-invalid, 
.kb-wrapper .kb-custom-form textarea.ng-invalid:not(form):not([ng-form]):not(div), 
.kb-wrapper .kb-custom-form input.ng-valid:not(form):not([ng-form]):not(div), 
.kb-wrapper .kb-custom-form textarea.ng-valid:not(form):not([ng-form]):not(div) {border-color: #999 !important;}

/* Request a quote button */
#appin-kb .kb-wrapper a.kb-button.kb-button-popup-form-submit.kb-button-form.kb-form-button-submit.kb-icon.kb-icon-none {
  height: 20px !important;  
  padding: 10px !important;
  font-size: 1.2em !important;
  margin-top: 20px !important;
}

/* download pdf form */
/*.kb-wrapper .kb-custom-form .pdf-download {display: none;}*/

#appin-kb .kb-wrapper .kb-form-pdf_download .kb-wizard-form-label label {float:left; width: 160px !important}

/* KB form success */
.kb-wrapper .kb-success .kb-content h1 {font-size: 140% !important; margin: 0 0 50px 0 !important;}

.kb-wrapper .kb-success .kb-content H2 {font-size: 120% !important; margin: 20px 0 !important; font-weight: 600;}

.kb-wrapper .kb-success .kb-content strong {display: block; margin: 20px 0 !important;}

.kb-wrapper .kb-success .kb-content a.privacy_policy {display: block;margin: 40px 0 0 !important;}

.kb-wrapper .kb-success .kb-content hr {
  height: 1px;
  border-width: 0;
  color: #ccc;
  background: #ccc;
  margin: 30px 0;
}


/* ############### MEDIA QUERIES ######################### */

/* Extra large devices */
@media only screen and (min-width: 1050px) {
  #kb-landing-scroll, #kitBuilder {scroll-margin-top: 6rem; scroll-snap-margin-top: 6rem;}
    /* spacing between nav menu and design listings */
    #appin-kb .kb-wrapper .kb-categories,
    #appin-kb .kb-wrapper .kb-designs {margin: 0 !important}
}

@media screen and (max-width: 1040px) {
  #appin-kb .kb-wrapper .kb-partial-wrap {width: 100%; max-width: calc(100% - 2px) !important;}
  /* display my designs button from nav menu only */
  #appin-kb .kb-wrapper .kb-nav-panel {width: 100% !important; display: block !important;}
  #appin-kb .kb-wrapper .kb-nav, #appin-kb .kb-wrapper .kb-nav-panel-inner h2.kb-nav-title {display: none}    
  #appin-kb .kb-wrapper .kb-nav-panel-inner {padding: 0 !important;}
  #appin-kb .kb-wrapper .kb-button.kb-basket-button {width: 100%; padding: 9px !important; margin-top: 10px !important;}
  .kb-final-page.ng-scope {margin-left: 0 !important;}
}

@media screen and (max-width: 800px) {
  .kb-landing-top-block .fusion-title-size-two {margin-bottom: 0 !important;}
    #appin-kb .kb-wrapper .kb-categories,
    #appin-kb .kb-wrapper .kb-designs {grid-template-columns: repeat(2, 1fr);}   
	/* no panel scroll on design listings*/
  .kb-wrapper .kb-general-mobile-styles.kb-page-product .kb-partial-wrap {height: auto !important; }
	.kb-wrapper .kb-form-desc strong {font-weight:600 !important }
  #kitBuilder .kb-wrapper .kb-preview-panel {pointer-events: none;}
  #appin-kb #kitBuilder .kb-wrapper .kb-preview-panel,
  #appin-kb .kb-wrapper .kb-customise-page .kb-customise-edit-panel{ width: 100% !important; margin: 0 !important;}
  #kitBuilder .kb-wrapper .kb-customise-page .kb-overlay-button {pointer-events: all; padding: 15px 10px !important;}
  .kb-wrapper .kb-field-price_ranges .kb-html-tile-picker-tile:after {content: none !important;}
  #appin-kb .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs li {width: 100% !important; margin-bottom: 1px !important;}   
  #kitBuilder .kb-wrapper .kb-final-category-header-wrapper {overflow: hidden;}
  .kb-wrapper .kb-final-cta-list li {display: block !important; margin-top: 5px !important}
  /* get a quote button  */
  .kb-final-category-header-wrapper ul.kb-final-cta-list li:first-child a {display: block;text-align: center;}
  .kb-wrapper .kb-final-cta-list li.kb-final-page-print { display: none !important;} 
  #appin-kb .kb-wrapper .kb-final-category-preview .kb-final-category-preview-inner {width: 100% !important }
  #appin-kb .kb-wrapper .kb-basket-item-double-col {width: 100% !important}
  .kb-wrapper .kb-custom-form {width: 100% !important;}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #kitBuilder .kb-wrapper .kb-page-home .kb-partial-wrap {height: auto !important} 
  body .kb-wrapper .kb-general-mobile-styles.kb-page-home,  
  body .kb-wrapper .kb-general-mobile-styles.kb-page-catalog .kb-partial-wrap {height: unset !important}
  body .kb-wrapper .kb-general-mobile-styles.kb-page-customize .kb-partial-wrap {border: 1px solid #777}
  #appin-kb .kb-wrapper .kb-page-customize .kb-button.kb-basket-button {margin-bottom: 10px !important;}
  body .kb-wrapper .kb-general-mobile-styles.kb-page-final .kb-partial-wrap,
  body .kb-wrapper .kb-general-mobile-styles.kb-page-form .kb-partial-wrap {height: auto !important;}  
  .kb-privacy-txt {font-size: 0.8em;}  
/*   #appin-kb .kb-wrapper .kb-designs {display: grid; grid-template-columns: repeat(2, 1fr); }   */
  #appin-kb .kb-wrapper .kb-designs .kb-design-img {height: auto !important;}
  #appin-kb .kb-wrapper .kb-designs .kb-design-img {width: 100% !important;}
  #appin-kb .kb-wrapper .kb-form-quoterequest .kb-wizard-form-label {width: 100% !important}
  .general-mobile-styles .kb-customise-page .kb-preview-image {max-width:100%}
  #kitBuilder .kb-wrapper .kb-general-mobile-styles .kb-wizard {max-height: calc(45vh - 60px) !important; border: 1px solid #999;}
  #kitBuilder .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner > li > a {height: 50px !important;}
  #kitBuilder .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel.kb-active-panel {bottom: 51px !important;height: 45vh !important;}
  #kitBuilder .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner > li.kb-customize-mobile-nav-item-active > a {background:#9ac32c !important;}
  #kitBuilder .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons {display: block !important;}
  #kitBuilder .kb-wrapper .kb-wizard-form {padding: 0 0 5px !important;}
  #kitBuilder .kb-wrapper kb-final-page .kb-popup .kb-popup-inner {margin: 2% !important;}
  #appin-kb .kb-wrapper .kb-button-form {float: left !important}
}

@media only screen and (max-width: 430px) {
  #appin-kb .kb-wrapper .kb-page-home .kb-categories {margin-left: 0 !important;}
  #appin-kb .kb-wrapper .kb-categories .kb-category {margin: 5px !important}
  #appin-kb .kb-wrapper .kb-breadcrumbs {margin-top: 10px !important; }
  #appin-kb .kb-wrapper .kb-final-preview-image {width: 48%;}
/*   #appin-kb .kb-wrapper .kb-partial-wrap {overflow: hidden;}   */
  .kb-custom-form.kb-form-pdf_download.ng-valid.ng-valid-required {margin: 10px !important;}
  #kitBuilder .kb-wrapper .kb-final-category-header-wrapper {padding: 0 10px !important;}
  .kb-wrapper .kb-privacy-field .kb-wizard-form-field {width: auto !important;}
  .kb-wrapper .kb-custom-form.kb-form-pdf_download {width: 97%!important;}
  .kb-wrapper [class*=kb-button-icon-] {height: auto !important}
  #appin-kb .kb-wrapper .kb-form-pdf_download .kb-wizard-form-label label {width: 130px !important}
/*   #kitBuilder .kb-wrapper .kb-customise-page .kb-overlay-button {margin-left: 5px; margin-right: 3px} */
}

@media only screen and  (max-width: 375px) {
  #appin-kb .kb-wrapper .kb-form-pdf_download .kb-wizard-form-label label {width: 110px !important}
  #kitBuilder .kb-wrapper .kb-designs .kb-design-img {height: 140px !important; width: 140px !important;}
}