@media only screen and (max-width: 1750px) {
    #custom_image_box{width:100%}
    .wrapper {
    max-width: 92%;
    }
    
    #home_banner h1{text-shadow: 2px 1px 2px rgba(0,0,0,0.6);}
    
     #home_banner h1, #internal_banner h1{font-size:60px;}
    
    #main_image, #main_image  a {
    height: 570px;
    }
    
    div#premade_size_price .layout {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
    
    #home_photo_strip h1, #home_photo_strip h2 {

    font-size: 60px;
    
}
    
    
}

@media only screen and (max-width: 1620px) {
    
    .colour-swatches {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 20px;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 20px;
}
    
    #logo {
    width: 230px;
    display: block;
}
    
    span#big_menu_3 {
    display: none;
}
    
    #menu > a {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
    border: 2px solid #000;
    padding: 5px 20px;
    border-radius: 5px;
    margin-right: 0;
}
    
    #banner_slider .wrapper {
    max-width: 1400px;
}
    
   .ban_slide_right,  .ban_slide_left {
    top: 200px;
   
}
    
    


    
    .review_message {
    color: #000;
    display: block;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: -1.2px;
}
    
    
    #shop_archive .wrapper > div {
    display: grid;
    grid-template-columns: 26% 70%;
    gap: 3%;
}
    
    
    #home_banner h1, #internal_banner h1 {
        font-size: 50px;
        line-height: 65px;
    }
    
    .products.columns-4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 29px;
}
    
    .big_menu .wrapper > div {

  
    grid-template-columns: 25% 25% 25% 18%; /* Adjust these values as needed */
    gap:50px; /* Optional: Adjust the gap between columns if needed */  
    
}
    
    span.menu_links{margin-left:30px;}
    .big_menu .wrapper > div > span:nth-child(3) img{width:100%;}
    
}

@media only screen and (max-width: 1500px) {
    
    
    
    #menu {
   
    right: -40px;
    position: relative;
}
    
    
    div#premade_size_price label {
    color: #000;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #777;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.51px;
    height: 49px;
}
    
    
    #product_cta_bottom p {
    color: #000;
    position: relative;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    top: 13px;
    line-height: 30px;
    letter-spacing: -0.72px;
}
    
    
    #footer_strip .wrapper > span {

    gap: 3%;
}
    
    #footer_strip .wrapper > span > span:nth-child(2) img {
    max-width: 240px;
}
    
        #home_banner h1, #internal_banner h1 {
        font-size: 47px;
        line-height: 60px;
    }
    
    #footer_strip .wrapper > span > span:nth-child(3) img {
    max-width: 185px;
}
    
    #home_banner .wrapper > span {
    max-width: 590px;
    display: block;
    padding: 80px 80px;
}
    
    .custom_top_banner #supercrumbs{padding-bottom:20px;}
    
    #supercrumbs {
padding-bottom:0;
    font-size: 21px;
    }
    
    #top_bar span, #top_bar a {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
}
    
    #menu > span {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
}
    
    #logo {
    width: 220px;
    display: block;
}
    
    #home_banner {

    height: 610px;
    
}
    
    .menu_details a{margin-top:30px;}
    
    #product_slider h2 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -1.8px;
    margin-bottom: 30px;
}
    
    #product_slider {
    padding: 50px 0;
    display: block;
}
    
    
    p {
  
    font-size: 16px;
 
}
    
        #home_photo_strip h1, #home_photo_strip h2 {
        font-size: 52px;
    }
    
        #banner_slider .wrapper {
        max-width: 1250px;
    }
    
    #banner_slider a {
    position: relative;
    height: 400px;
    }
    
    #home_photo_strip .wrapper > span {
    display: block;
    max-width: 570px;
    position: relative;
    z-index: 3;
    padding-left: 20px;
}
    
    
    #big_photo_back h2 {
 
    font-size: 56px;
    }
    
    
      #foot_1 h5 {
        color: #FFF;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: -1.2px;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    
    
    .sf-label-radio, .sf-label-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 21px;
    user-select: none;
    padding-left: 25px !important;
    font-size: 15px !important;
}
    
    
        #main_image, #main_image a {
        height: 500px;
    }
    
    #main_image .ban_slide_right, #main_image .ban_slide_left {
    top: 220px;
    }
    
}

@media only screen and (max-width: 1400px) {

    .custom_section .wrapper > div, .custom_top_banner .wrapper > .new_grid {
    display: grid;
    grid-template-columns: 350px auto;
    gap: 50px;
}
    
    .customer-fields button{margin-right:0;}
    .section_details .customer-fields {
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 60px;
}
    
    span.swatch-title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
    
.colour-swatches {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 20px;
}
    
    
    #banner_slider .slick-slide {
    margin: 0 10px;
}
    
        #home_banner {
        height: 550px;
    }
    
    
        #banner_slider a {
        position: relative;
        height: 360px;
    }
    
#menu {
   
    position: relative;
    right: -50px;
}
    
        #product_cta_bottom p {
        color: #000;
        position: relative;
        font-size: 18px;
    }
    
        #main_image, #main_image a {
        height: 450px;
    }
    #product_icon_text {
    display: block;
    width: 100%;
    margin: 30px 0 50px 0;
}
    
    #product_extras {
    display: block;
    padding: 20px;
    border: 1px solid #999;
    border-radius: 10px;
    max-width: 650px;
    margin: 40px 0 40px 0;
}
    
    #product_slider h2 {
        color: #000;
        font-size: 27px;
        font-style: normal;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: -1.8px;
        margin-bottom: 20px;
    }
    
    
    .review_name {
    margin-top: 30px;
        
    }
    #internal_banner {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}
    
    .review_stars {
    width: 160px;
    display: block;
    margin: 0px auto;
}
    
    #main_image .ban_slide_left img, #main_image .ban_slide_right img {
    width: 45px;
}
    #product_details h1 {
    color: #000;
    margin: 25px 0;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -1.8px;
}
    
        #supercrumbs {
        padding-bottom: 0;
        font-size: 20px;
    }
    
    .menu_details a {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
    display: inline-block;
    border: 1px solid #000;
    padding: 8px 30px;
    border-radius: 5px;
    margin-top: 80px;
}
    
    #foot_1 img {
    width: 210px;
    display: block;
    margin-bottom: 10px;
}
    #footer a{margin-bottom:8px;}
    
.new_four_products_slide .slide_name, .four_products_slide .slide_name {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.85px;
    width: 90%;
}
    
    #internal_banner p, .menu_details p{font-size:16px;}
    
    
        .wrapper {
        max-width: 90%;
    }
    
    #internal_flex .wrapper {
    max-width: 90%;
}
    
        #home_banner h1, #internal_banner h1 {
        font-size: 42px;
        line-height: 55px;
    }
    
    
    .menu_details h2 {

    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: auto;
    letter-spacing: -1.8px;
}
    
    #internal_flex .text h2 {
    color: #000;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 75px;
    letter-spacing: -1.8px;
}
    
    
    #flex_banner > span.text {
    width: 42%;
    position: relative;
    margin-right: 5%;
    padding: 60px 0;
}
    
    
    .big_menu .wrapper > div > span:nth-child(3){display:none;}
    
        .big_menu .wrapper > div {
        grid-template-columns: 30% 30% 20%;
        gap: 50px;
    }
    
    
    
}


@media only screen and (max-width: 1200px) {
    .CarouselWidget-prefix {
    height: 400px;
    margin: 30px 0;
}
    
    .six_mm{display:block; text-align: center;    padding-top: 20px;
    margin-bottom: -20px;}
    
    .shape_diagram_item {
    max-width: 80%;
    margin: 0 auto;
}
    .total_price_for_all {
    display: block;
    margin-top: 0;
    max-width: 900px;
}
    
    .total_price_for_all > div {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
}
    .quantity_wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 0;
}
    
    .new_shape_sizes {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}
    
    
    .shape_w_h_inputs {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
    
    .shape_selector {
    margin: 40px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
    
    
    
    .colour-range-tabs {
    display: grid;
    max-width: 900px;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px 40px;
}
    
    
    .custom_top_banner #supercrumbs{margin-bottom:0px;}
    label.fake_upload_btn {
 width:100%;
    display: block;
    margin-bottom: 20px;
}
    
    .custom_top_banner .new_banner_text a {

    margin-bottom: 0;
}
    
    .new_glass_thickness {
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}
    
    .custom_top_banner h1, .custom_top_banner h2 {
        color: #000;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -1.8px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    
    .custom_section p {
    margin-bottom: 15px;
}
    
    span.swatch-title {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}
    
    .colour-swatches {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 20px;
}
    
    .customer-fields button {
    border: none;
    background: #DA3D39;
    padding: 13px 20px;
    border-radius: 5px;
    margin-right: 0;
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 101%;
    letter-spacing: -0.85px;
    outline: none;
    box-shadow: none;
    border-color: #DA3D39 !important;
}
    
    .section_details .customer-fields {
    max-width: 1000px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin-top: 0;
}
    
    
    .section_details .customer-fields input[type="number"],  .section_details .customer-fields input[type="text"] {
    margin: 0;
}
    
    .custom_section .wrapper{padding:20px 0;}
    
    .section_details .extra-options {
    margin-top: 0px;
    display: grid;
    max-width: 1000px;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
    
    .custom_section .wrapper > div, .custom_top_banner .wrapper > .new_grid {
    display: grid;
    grid-template-columns: 100%;
    gap: 00px;
}
    
    
    #desktop_links{display:none!important;}
    
    #mobile_links{display:grid!important}
    
    #internal_grid{display:block; width:100%;padding:30px 0 60px 0;}
    
    #internal_grid .wrapper > span {
    
       display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px; /* Adjust the gap between grid items as needed */
}
    
  #gform_2 .gform-body,   #gform_3 .gform-body {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
    
    #custom_box_container {
    display: grid;
    max-width: 600px;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
    
    a#me_cart {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    
    span#mobile_cart {
        display: block !important;
        position: fixed;
        z-index: 333333;
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
        background: #cfcfcf;
        border-radius: 50%;
    }
    
    span.cart_count {

    top: -20px;
    }
    .big-red-button {

    font-size: 15px;
    }
    
    #custom_image_box {

    width: 100%;
    height: 400px;
 
   
}
    
    
    #shutterstockResults > span {
    width: 100%;
    height: 200px;
    position: relative;
}
    #shutterstockResults {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
    
    #shutterstockSearchSection {

    top: 0;
    left: 0;
    transform: translate(0);



    height: 100% !important;
    max-height: 100% !important;
}
    
    
    div#fc-wrapper {
    max-width: 90%;
    margin: 0 auto;
}
    
    input[type="text"],
input[type="number"] {
  font-size: 16px;
}
    
  
    .custom_size_fields {
    border: 2px solid #DA3D39;
    background: #f1f1f1;
    padding: 10px 20px 20px 20px;
    max-width: 740px;
    border-radius: 10px;
    margin: 50px 0;
}
    
    .custom_size_fields input {
    -webkit-appearance: none;
    background: #fff;
    border: 2px solid #DA3D39;
    padding: 10px 20px;
    border-radius: 7px;
    width: 100%;
    font-size: 13px;
}
    
    button.single_add_to_cart_button.button.alt {
    color: #FFF !important;
    border-radius: 7px !important;
    text-align: center !important;
    width: 180px;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -0.45px !important;
    background: #DA3D39 !important;
    position: relative;
    top: 0;
    width: 100%;
}
    
    #header{ border-bottom: 1px solid #99999960;}
    
    #mobile_other_menu{padding:20px 27px;}
    #mobile_other_menu a {
        
     color: #000;
font-size: 20px;
        margin-bottom:14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -1.2px;   
        display:block;
    }
    
    #mobile_other_menu a:hover,  #mobile_other_menu a:active{color:#FD6700;}
    
    #plain_content {
    display: block;
    width: 100%;
    padding: 0 0 50px 0;
}
    
    #mobile_bottom_menu > span{
        
        
        display:block;
        color: #FFF;
margin-bottom:20px;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.2px;
    }
    
    #mobile_bottom_menu a{
        display:block;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 200% */
letter-spacing: -0.9px;
        margin-top:px;
        
    }
    
       #mobile_bottom_menu {
        display: block;
        background: #424242;
        padding: 20px 30px;
    }
    #mobile_bottom_menu *{color:#fff;}
    div#mobile_dropdown {
    padding: 30px 22px;
}
    
    .dropdown-section {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    margin-bottom: 17px;
  }

  .dropdown-title {
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
      
      color: #000;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.2px;
      
  }

  .dropdown-title span {
    margin-left: 8px;
  }

  #mobile_menu button.dropdown-title {
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: inherit;
    text-align: left;
  }
  #mobile_menu button.dropdown-title:focus-visible {
    outline: 2px solid #FD6A05;
    outline-offset: 4px;
  }
  #mobile_bottom_menu .c2g-mobile-hours {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 8px;
  }

  .dropdown-content {
    display: none;
    padding-left: 20px;
    margin:20px 0;
  }

    .dropdown-item {
    color: #656565;
    /* font-family: Lato; */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    margin-bottom: 10px;
        display:block;
}
    
    a.dropdown-item:hover, .dropdown-item:active{color:#FD6700;}
    
  .dropdown-item::before {
    content: "-";
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
      color:#DA3D39;;
    vertical-align: middle;
  }

  .open .dropdown-content {
    display: block;
  }

  .arrow-up::after {
    content: "▲";
    margin-left: 8px;
    font-size: 24px;
      color:#DA3D39;
  }

  .arrow-down::after {
    content: "▼";
    margin-left: 8px;
    font-size: 24px;
  }
    
     #mobile_menu {
        width: 100%;
        background: #fff;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
               z-index: 4;
        border-top: 1px solid #999;
        overflow-y: scroll;
        padding-top: 105px;
         
             display: flex;
         flex-direction:column;
    justify-content: space-between;
    }
    
       #mobile_close {
        
        position: absolute;
        width: 40px;
        height: 40px;
        top: 25px;
        right: 23px;
        background: #000;
           
              background: url(https://cfbuild.co.uk/c2g_new/wp-content/uploads/2025/03/Group-10-1.png);
          background-size:contain;
          background-repeat:no-repeat;
           
    }
      #mobile_open {
        display: block;
        position: absolute;
        width: 45px;
        height: 45px;
        top: 25px;
        right: 23px;
        background: url(https://cfbuild.co.uk/c2g_new/wp-content/uploads/2025/03/MENU.png);
          background-size:contain;
          background-repeat:no-repeat;
    }
    
    
    #product_slider .slick-arrow{display:none!important;}
    
    .single #product_slider .wrapper{max-width:90%!important}
    
    #initialButtons > img{width:80px;}
    
    #product_extras select {
    -webkit-appearance: none;
    padding: 10px 20px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #999;
    color: #000;
    text-align: left;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: -0.45px;
    background-color: #fff;
    background-image: url(https://cfbuild.co.uk/c2g_new/wp-content/uploads/2025/03/Polygon-25.png);
    background-repeat: no-repeat;
    background-position: 96% 55%;
    background-size: 16px;
}
    
    #single_desktop{display:none!important;}
    #single_mobile{display:block!important;}
    #product_information {
    display: block;
    width: 100%;
    padding-bottom: 0;
}
    
        #main_image .ban_slide_right, #main_image .ban_slide_left {
        top: 155px;
    }
    
    .wrapper.full_photo_back {
    max-width: 100% !important;
}
    
    p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.51px;
}
    
	.wrapper {
    max-width: 90%!important;
    }
    
    #home_photo_strip .grady {
  
    width: 100%;
    }
    
    #footer_strip .wrapper > span:nth-child(1) {
    margin-top: -10px;
}
    #home_search_strip form#search-filter-form-200 input::placeholder {
font-style: italic;
        color: #000;


font-size: 13px;

font-weight: 500;
line-height: normal;
letter-spacing: -0.85px;
}

    
    
    
      .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
        font-size: 14px;
        margin: 20px 0;
    }
    
    
        .review_message {
        color: #000;
        display: block;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 33px;
        letter-spacing: -1.2px;
    }
    
    div#premade_size_price label {
    color: #000;
    text-align: center;
    padding: 7px 6px!important;
                font-size: 11px !important;
    }
    
    #home_photo_strip p {
        color: #FFF;
        margin-top: 15px;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.51px;
    }
    
    #big_photo_back h2 {
    color: #FFF;
    text-align: center;
    margin-bottom: 30px;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -3.2px;
}
    
    #big_photo_back p {
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.51px;
}
    
    .new_four_products_slide .ban_slide_left, .four_products_slide .ban_slide_left, .new_four_products_slide .ban_slide_right, .four_products_slide .ban_slide_right{top:-70px}
    
    header #menu{display:none;}
    
    #footer .wrapper > span {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}
    #top_bar div{ display:none;}
    
    #home_banner .wrapper > span {
    max-width: 590px;
    display: block;
    padding: 50px 0px;
}
    
    #product_slider h2 {
        color: #000;
        font-size: 21px;
        font-style: normal;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: -1.8px;
        margin-bottom: 19px;
        text-align: center;
    }
    
    #home_banner{height:400px}
    
   #home_banner h1{
        
        color: #FFF;

text-align: center;

font-size: 37px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 114.286% */
letter-spacing: -2.1px;
        
    }
    #internal_flex .wrapper > div {
    display: flex;
    align-content: stretch;
    margin-bottom: 0;
    flex-direction: column;
}
    div#banner_slider {
    display: block;
    margin: -40px auto 0 auto;
    max-width: 380px;
}
    #internal_flex .text,  #internal_flex .image {
    width: 100%;
    margin-left: 0;
}
    
      #internal_flex .image {
        height: 220px;
        order: -1;
          margin-bottom:20px;
    }
    #dual_text_section .grady{width:100%;}
    .products.columns-4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
    
    #text_white_block {
    display: block;
    padding: 40px 0;
}
    
    #text_white_block h2 {
    margin-bottom: 0;

}
    
    
    #text_white_block li {
    position: relative;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.51px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
}
    
    #text_white_block li::before, #text_white_block li::after{display:none;}
    
    #slider_text_cover{display:none;}
    #internal_flex .text h2 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: -1.8px;
}
    
    
    #dual_text_section p {
    color: #FFF;
    margin-top: 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -0.51px;
}
    
    #dual_text_section h2 {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.8px;
}
    
    #product_slider {
        padding: 30px 0;
        display: block;
        max-width: 90%;
        margin: 0 auto;
    }
    
    #product_slider .wrapper{width:100%!important;max-width:72%!important; overflow:visible!important;}
    
    #dual_text_section a {

    margin-top: 0;
    display: inline-block;
}
    
    #dual_text_section > div{width:100%; padding:30px;}
    
    #dual_text_section{flex-direction:column;}
    
    #footer_strip .wrapper > span > span:nth-child(2) img {
        max-width: 260px;
    }
    
      #footer_strip .wrapper > span > span:nth-child(3) img {
    max-width: 210px;
}
    
    #footer_strip .wrapper > span > span:nth-child(4) img {
        max-width: 271px;
    }
    
    .products.columns-4 a > span {
    color: #DA3D39;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: -0.75px;
}
    
    .products.columns-4 a {
    position: relative;
    margin-bottom: 20px;
}
    
    #filter_results{display:none;}
 
   
    
    #banner_slider a {
    position: relative;
    height: 330px;
    }
    
    
 #add_to_bask {
        margin: 0px 0 40px 0;
        max-width: 540px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    
    #product_cta_bottom > div {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
    padding: 7px 0;
    border-top: 1px solid #DA3D39;
    border-bottom: 1px solid #DA3D39;
}
    
    #product_cta_bottom > div  > span:first-child{display:none;}
    
    #product_cta_bottom a {

    margin-bottom: 15px;
}
    
    #product_information > hr {
    margin-bottom: 20px;
}
    
    #product_cta_bottom p {
    color: #000;
    position: relative;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    top: 11px;
    line-height: 30px;
    letter-spacing: -0.72px;
}
    
    #foot_1 h5 {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
    max-width: 300px;
}
    
    
    #footer {
    display: block;
    background: #424242;
    width: 100%;
    padding: 50px 0px;
}
    
    #foot_2, #foot_3, #foot_4 {
    margin-top: 0;
    padding-left: 0;
}
    
    #home_photo_strip {
    display: block;
    width: 100%;
    position: relative;
    padding: 20px 0 40px 0;
}
    
    #home_banner .wrapper > span div {
        margin-top: 50px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        max-width: 203px;
        margin: 50px auto 0 auto;
    }
    
    #product_layout {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
}
    
    #home_photo_strip .wrapper > span {
        display: block;
        max-width: 100%;
        position: relative;
        z-index: 3;
        padding-left: 0;
        padding: 0;
        text-align: center;
    }
    .new_four_products_slide .slick-slide, .four_products_slide .slick-slide {
    margin: 0!important;
}
    #customImagePreview{margin-top:0!important;}
  #single_mobile h1,   #product_details h1 {
    color: #000;
    margin: 30px 0;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -1.8px;
}
    
    #home_photo_strip h1, #home_photo_strip h2 {
    color: #FFF;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    letter-spacing: -3.2px;
}
    
    #flex_banner > span.text {
    width: 100%;
    position: relative;
    margin-right: 0;
    padding: 30px 0;
}
    
    #product_extras > div {
    display: grid;
    margin-bottom: 15px;
    grid-template-columns: 100%;
    gap: 0px;
        margin-bottom:30px;
}
    
    #product_extras > div > span:first-child{order:3; margin-top:20px;}
    
    #internal_banner h1 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -3.2px;
}
    div#premade_size_price label {

    height: 47px;
}
    
    #main_image {
    height: 350px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
    
    #main_image a {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
}
    
    #flex_banner > span.image {
    width: 100%;
    position: relative;
    min-height: 270px;
}
    
    #shop_archive .wrapper > div {
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;
}
    
    #internal_banner p{
    color: #000;

font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 30px; /* 176.471% */
letter-spacing: -0.51px;
    }
    
        #flex_banner > span.image {
        width: 100%;
        position: relative;
        min-height: 200px;
        order: -1;
        margin: 20px 0 0 0;
    }
    
    
    #reviews {
    display: block;
    background: #F5F5F5;
    padding: 40px 0;
    text-align: center;
    margin-top: 0;
}
    
    form#search-filter-form-200 li.sf-field-submit input {
    width: 100%;
    background-image: url(https://cfbuild.co.uk/c2g_new/wp-content/uploads/2025/02/Group-5.png);
    background-size: 30px;
        
    }
    #internal_banner{margin-bottom:0;}
    #shop_archive #supercrumbs{padding-top:0;}
   #custom_box_container p, .custom_size_fields > p, #glass_thickness_box > p,  #premade_size_price > p {
    color: #000;
    margin-bottom: 15px;
    font-size: 15px!important;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.51px;
}
    #home_search_strip h3 {
        color: #000;
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -1.5px;
        margin-bottom: 20px;
    }
    #product_icon_text > div {
    display: grid;
   grid-template-columns: 55px auto;
    margin-bottom: 14px;
    gap: 10px;
}
    
div#custom_colour_input {
    display: block;
    margin-bottom: 20px;
}
  
#glass_thickness_box label {
    margin-right: 10px;
    width: 100px;
   text-align: center;
 height:47px;
    padding: 7px 6px !important;
    font-size: 11px !important;
}
    
    #product_icon_text p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: -0.45px;
}
    
    
    #product_icon_text > div:nth-child(3) .icon {
    width: 45px;
}
    #header #header_actions{display:none;}
    
    div#premade_size_price .layout {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
    #foot_1 div span a{margin-bottom:0;}
    
    
    .ban_slide_right {
    top: 140px;
    right: -37px;
}
    
    .ban_slide_left {
    top: 140px;
    left: -37px;
}
    
    #footer_strip {
    display: block;
    background: #F5F5F5;
    padding: 20px 0;
    width: 100%;
}
    
    #contact_split .wrapper > div > span:last-child h3 {
    color: #000;
    margin-bottom: 20px;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -1.8px;
}
    
    div#gform_wrapper_1, div#gform_wrapper_2, div#gform_wrapper_3 {
    border-radius: 5px;
    border: 1px solid #DADADA;
    padding: 20px;
}
    
    input#gform_submit_button_1, input#gform_submit_button_2, input#gform_submit_button_3 {
    border-bottom: none !important;
    color: #FFF !important;
    border-radius: 7px !important;
    text-align: center !important;
    width: 180px;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 30px !important;
    letter-spacing: -0.45px !important;
    background: #DA3D39 !important;
    padding: 7px 0 !important;
    width: 100%;
}
    
    #contact_split {
    display: block;
    width: 100%;
    padding: 20px 0 50px 0;
}
    
    #footer_strip a{display:none;}
    
    
    #footer_strip .wrapper > span {
        display: grid;
        grid-template-columns: 100%;
        gap: 20px;
        text-align: center;
    }
    
    
    #internal_banner #flex_banner {
    display: flex;
    align-content: stretch;
    width: 100%;
    flex-direction: column;
}
    
    #contact_split .wrapper > div {
    display: grid;
    grid-template-columns: 100%;
    gap: 30px;
}
    #home_search_strip {
    display: block;
    background: #F5F5F5;
    padding: 40px 0;
    margin: 40px 0;
}
    
    #product_extras > div > span:nth-child(3) {
    position: relative;
    top: 12px;
    }
    
    
    #add_to_bask .quantity {
    position: relative;
     top: -0px; 
}
    
}



@media only screen and (max-width: 400px) {
    
        div#premade_size_price .layout {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
        form#search-filter-form-200 li.sf-field-submit input {
        width: 100%;
        background-image: url(https://cfbuild.co.uk/c2g_new/wp-content/uploads/2025/02/Group-5.png);
        background-size: 25px;
    }
    .ban_slide_left img, .ban_slide_right img {
    width: 30px;
}
    
        #banner_slider a {
        position: relative;
        height: 319px;
    }
    #home_banner .wrapper a {

    font-size: 16px;
    }
    
        #footer_strip .wrapper > span > span:nth-child(2) img {
        max-width: 240px;
    }
    
        #footer_strip .wrapper > span > span:nth-child(3) img {
        max-width: 185px;
    }
    
        #footer_strip .wrapper > span > span:nth-child(4) img {
        max-width: 240px;
    }
    
        #internal_banner p {
        color: #000;
        font-size: 16px;
    }
    
    #banner_slider a > span p {
    color: #FFF;
    font-size: 14px;
    }
    
        div#banner_slider {
        display: block;
        margin: -40px auto 0 auto;
        max-width: 330px;
    }
    
        p {
        color: #000;
        font-size: 15px;
    }
    
}

/* Desktop header sizing. Keep the established mobile layout at 1200px and below. */
@media only screen and (min-width: 1201px) {
    #top_bar > .wrapper,
    #header > .wrapper {
        width: calc(100% - 48px);
        max-width: 1720px;
    }
    #top_bar > .wrapper {
        flex-wrap: wrap;
        gap: 8px 24px;
        padding: 10px 0;
    }
    #top_bar .c2g-top-left,
    #top_bar .c2g-top-links {
        flex-wrap: wrap;
        gap: 8px 14px;
        min-width: 0;
    }
    #top_bar span,
    #top_bar a,
    #top_bar .c2g-top-menu-trigger {
        color: #fff;
        font-size: clamp(13px, 0.95vw, 16px);
        line-height: 1.4;
        letter-spacing: -0.3px;
    }
    #top_bar a:hover,
    #top_bar .c2g-top-menu-trigger:hover {
        color: #FD6A05;
    }
    #top_bar .c2g-top-dot {
        flex: 0 0 6px;
        width: 6px;
        height: 6px;
    }
    #header > .wrapper > div {
        gap: clamp(16px, 1.5vw, 28px);
    }
    #header #logo {
        flex: 0 0 clamp(205px, 15vw, 260px);
        width: clamp(205px, 15vw, 260px);
    }
    #header #logo img {
        width: 100%;
        height: auto;
    }
    #header #menu {
        min-width: 0;
        margin: 0;
        gap: clamp(10px, 0.9vw, 18px);
    }
    #header #menu > span {
        min-width: 0;
        font-size: clamp(14px, 0.95vw, 17px);
        white-space: normal;
        text-align: center;
        text-wrap: balance;
    }
    #header #menu > .c2g-custom-menu-trigger {
        padding: 10px 12px;
    }
    #header #header_actions {
        flex: 0 0 auto;
        margin: 0;
    }
    .big_menu {
        top: var(--c2g-header-bottom, 150px) !important;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
    #header > .wrapper {
        padding: 16px 0;
    }
    #header > .wrapper > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 16px 24px;
    }
    #header #logo {
        grid-column: 1;
        grid-row: 1;
        width: 205px;
    }
    #header #logo img {
        max-height: 56px;
    }
    #header #header_actions {
        grid-column: 2;
        grid-row: 1;
    }
    #header #menu {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 12px 16px;
    }
    #header #menu > span {
        font-size: 15px;
    }
}

/* Compact, vertically aligned mobile header. */
@media only screen and (max-width: 1200px) {
    #header > .wrapper {
        padding: 11px 0;
    }

    #header > .wrapper > div {
        min-height: 44px;
        align-items: center;
    }

    #header #logo {
        display: flex;
        flex: 0 0 clamp(190px, 55vw, 225px) !important;
        width: clamp(190px, 55vw, 225px) !important;
        align-items: center;
    }

    #header #logo img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 44px;
        object-fit: contain;
        object-position: left center;
    }

    #mobile_open,
    #mobile_close {
        top: 50%;
        right: 4%;
        width: 40px;
        height: 40px;
        transform: translateY(-50%);
        background-position: center;
    }

    #mobile_menu {
        padding-top: 76px;
    }
}