@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

@media all and (max-width: 1400px){
    .block-home-banner .wrap { max-width: 1200px; }
    .site-header .row.bottom .wrap-full,
    .site-header .row.bottom .nav-wrapper{
      justify-content: space-between;
      gap: 1rem;
    }
    .block-home-banner .content-box .block-title { font-size: 32px; line-height: 40px; }
}

@media all and (max-width: 1300px){
    .site-header .row.top,
    .site-header .row.bottom { font-size: 90%; }
    .block-payment-methods .items { font-size: 85%; }
    .block-payment-methods .box img { max-width: 60px; }
    .block-home-banner .content-box .block-title { font-size: 2em; line-height: 1.2; }
    .block-home-banner .content-box .bottom .text { font-size: 1.75em; line-height: 1.2; }
    .block-home-banner .content-box .button.dark { font-size: 1.75em; line-height: 1.2; }
}
@media all and (max-width: 1200px){
    .block-home-banner .wrap { max-width: 1000px; }
    .site-header .row.top,
    .site-header .row.bottom { font-size: 80%; }
    .items.product-cat-boxes li { width: 33.33%; }
    .block-product-categories .text p br { display: none; }
    .block-footer-newsletter h3 { width: 35%; font-size: 1.5em; }
    .block-footer-newsletter .newsletter-form-holder { width: 65%; }
    .menu-footer-locations-menu-container ul { display: block; text-align: center; }
    .menu-footer-locations-menu-container ul li:before { display: none; }
    .site-footer .bottom .wrap { flex-direction: column; row-gap: 10px; }
    .site-footer .bottom .footer-nav-locations { width: 100%; }
    .site-footer .bottom .right { width: 100%; text-align: center; display: flex; flex-direction: column-reverse; }
    .footer-nav-locations .widget-title { text-align: center; font-weight: 600; font-size: 1em; }
    .site-footer .block-footer-bottom-menu { float: none; text-align: center; }
    /* .block-header-navigation.menu-holder { width: 74%; } */
    .col-2 { padding-left: 3%; }
    .block-page-intro.block { padding: 2em 0; }
    .slug-payment .block-page-intro .text em br { display: none; }
    .archive-news .col-1,
    .file-single-blog-content .col-1 { width: 65%; }
    .archive-news .col-2,
    .file-single-blog-content .col-2 { width: 35%; }
    .block-home-banner { min-height: 500px; }
    .block-home-banner .img { display: none; }
    .block-home-banner .img-responsive { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }


}
@media all and (max-width: 1100px){
    .block-header-navigation.menu-holder .nav-holder { display: none; }
    #dl-menu { display: block; }
    .block-header-call { display: none; }

    /* .responsive-call-us-link { display: block; } */

    .block-header-navigation.menu-holder { width: 100%;  }
    .block-header-navigation.menu-holder:after { content: ''; display: block; clear: both; }
    .block-sidebar-book { padding: 2.85em 2em 2em; }
    .block-payment-methods .box img { max-width: 50px; }
    .block-payment-methods .box h3 { font-size: .9em; }
    .block-sidebar-payment-boxes .box img { max-width: 30px; }
    .block-sidebar-payment-boxes .box .button { min-width: 10em; }
    .block-header-call.block-responsive-call { display: inline-block; width: auto; margin-bottom: .45em; }
    .site-header .right { text-align: right; }
    .block-header-call a { padding: .5em 1em; }
    #liveagent_button_online_5730K000000k9pC img { max-width: 70px; }
    .block-footer-facebook-chat { bottom: 2em; }

	.site-header {
        display: none;
    }

    .health-burst {
        display: none;
    }

    .mobile-header {
        display: block;
    }

	.online-bookings {
		font-size: 20px;
		line-height: 28px;
	}

}
@media all and (max-width: 1000px){
    .block-quote-text-link .block-title { font-size: 2.2em; }
    .block-quote-text-link.block { padding: 3em 0; }
    .block-quote-text-link .button { font-size: 1em; }
    .block-quote-text-form .intro { font-size: 1.4em; }
    .block-quote-text-form .text { font-size: 1.1em; }
    .block-quote-text-form .form-part h3 { font-size: 1.3em; }
    .block-quote-text-form .block-title { font-size: 2.5em; }
    .site-footer .top { padding: 2.75em 0 1.35em; }
    .site-footer .top .wrap { flex-direction: column; row-gap: 20px; align-items: center; }
    .site-footer .top .part { width: 100% !important; text-align: center; }
    .site-footer .top .part.contact-details { width: 100%; padding-left: 0; }
    .site-footer .top .part.links { width: 100%; padding-left: 0; }
    .site-footer .top .part .block-header-title { margin: auto; }
    .block-footer-contact-info h3 { margin-bottom: 1em; }
    .block-footer-social .socials { text-align: center; margin-bottom: 1em; }
    .block-footer-social .socials li { margin: 0 .65em; }
    .block-footer-links { display: none; }
    .block-footer-copyright { text-align: center;border-right: none; padding-right: 0; margin-right: 0;}
    .wrap { padding: 0 2em; }
    .block-home-banner .wrap { max-width: 800px; }
    .block-about-map .content { display: block; }
    .block-about-map .content .part { width: 100%; text-align: center; }
    .block-about-map .content .part.text-part { width: 100%; padding-top: 0; padding-left: 0; }
    .block-about-map .content .part .img { max-width: 25em; margin: 0 auto; }
    .block-about-map .items li { display: inline-block; margin: 0 .5em 1em; }
    .block-about-map .text { margin-bottom: 2em; }
    .col-1 { width: 65%; }
    .col-2 { width: 35%; }
    .cols { padding: 2.5em 0; }
    .block-page-intro.block .block-title { margin-bottom: 1em; }
    .block-page-intro .subtitle { font-size: 1.15em; margin-bottom: 1em; }
    .slug-payment .block-page-intro .text em,
    .block-payment-plan .subtitle { font-size: 1.15em; }
    .block-home-banner .content-box { text-align: center; padding: 2em 2.5em 1.35em; }
    .block-home-banner .content-box .bottom { display: block; padding-top: 0; }
    .block-home-banner .content-box .block-title { font-size: 1.75em; }
    .block-home-banner .content-box .bottom .text { font-size: 1.35em; width: 100%; margin-bottom: 1em; }
    .block-home-banner .content-box .button.dark { font-size: 1.15em; }
    .block-home-banner .content-box .bottom .buttons { width: 100%; }
    .block-home-banner .content-box .bottom .button { display: inline-block; }
    .block-home-about .box { font-size: 90%; }
    /* .block-testimonials .slide-content { padding: 60px; } */
    /* .block-product-slider { margin-bottom: 2em; } */
    .block-page-banner.block .img-responsive:after { content: ''; display: block; background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
    .file-single-video .entry-title { font-size: 1.65em; }
    .block-footer-facebook-chat { bottom: 1em; }
	  .block-footer-newsletter-salesforce .item { flex-basis: 100%; }

    .block-product-slider-content{
      padding: 32px;
    }

}


@media all and (max-width: 900px){
    .block-quote-text-form .content { display: block; }
    .block-quote-text-form .text-part { width: 100%; padding: 0; }
    .block-quote-text-form .form-part { width: 100%; padding: 2em 0; }
    .block-quote-text-form .form-part .box { max-width: 32em; margin: 0 auto; }
    .block-quote-text-form.block { padding: 4em 0; }
    .items.product-cat-boxes li { width: 50%; }
    .block-header-title { width: 40%; }
    .site-header .top .right { width: 60%; font-size: 90%; }
    .block-header-top-links ul { font-size: 90%; justify-content: right; }
    .cols { display: block; }
    .col-1 { width: 100%; padding-right: 0 !important; }
    .col-2 { width: 100%; padding-left: 0; padding-top: 1em; }
    .block-sidebar-book {/* max-width: 20em;*/ margin: 1.5em auto; }
    .slug-about-us .list-part.col-2 .items { max-width: 20em; margin: 3em auto 0; }
    .slug-about-us .content.cols { padding-bottom: 3em; }
    .block-sidebar-payment-visa-apply { max-width: 23em; margin: 2em auto; }
    .block-sidebar-payment-cards { max-width: 20em; margin: 2em auto; }
    .block-sidebar-payment-boxes .box { max-width: 27em; margin: 1em auto; }
    .archive-news .col-1,
    .file-single-blog-content .col-1 { width: 100%; padding-right: 0; }
    .archive-news .col-2,
    .file-single-blog-content .col-2 { width: 100%; padding-left: 0; }
    .archive-news .cols,
    .file-single-blog-content .cols { display: block; }
    .archive-news .post .news-title h1 { font-size: 1.35em; }
    .block-home-about .boxes { display: flex; margin-left: -2em; }
    .block-home-about .boxes li { width: 50%; padding-left: 2em; }

    .block-home-about .cols .content {
      padding: 60px;
    }
    /* .block-sidebar-products-links { max-width: 20em; margin: 0 auto; } */
    .block-text-list-round ul { font-size: 90%; }
    .block-contact-us .col-2 { padding-left: 0; }

    .block-contact-us .col-2 { display: none; }
    /* .block-product-sidebar-video { max-width: 20em; } */
    /*.block-product-sidebar-video .content-video { min-height: 20em; }*/

    .health-burst {
    top: -125px;
    left: 1.45em;
    }

	.health-burst img {
        max-width: 160px;
    }

    .new-blog-style.archive-news .cols {
        display: flex;
        flex-direction: column-reverse;
    }

    .new-blog-style.archive-news .col-2,
    .new-blog-style.archive-news .col-1 {
        padding-left: 0px;
        width: 100%;
    }

    .new-blog-style.archive-news .post {
        flex-basis: 100%;
    }

    .new-blog-style .left-content {
        width: 100%;
        padding: 20px 00px;
    }
    .new-blog-style .right-content {
            width: 100%;
            float: left;
            padding: 0px;
            text-align: left;
    }

    .new-blog-style .block-page-banner.block h2 {
        font-size: 24px;
        line-height: 26px;
        text-align: left;
    }


    .new-blog-style .left-content.image-only {
        display: none;
    }

    .new-blog-style .content-text {
        padding: 30px;
    }

    .product-template-single-product-blinds .block-sidebar-book {
        position: initial;
    }

    .block-product-slider-wrapper{}
    .block-product-slider-wrapper.cols .col{
      width: 100%;
    }

}
@media all and (max-width: 800px){
    .block-footer-newsletter .wrap { display: block; }
    .block-footer-newsletter .wrap h3 { width: 100%; padding-right: 0; text-align: center; font-size: 1.25em; margin-bottom: .65em; }
    .block-footer-newsletter .newsletter-form-holder { width: 100%; }
    .block-footer-newsletter { padding-left: .65em 0; }
    .block .block-title,
    .single-location .col-1 .block-title,
    .file-single-blog-content h1 { font-size: 1.65em; }
    .block-quote-text-form .block-title { font-size: 2.25em; }
    .block-header-top-links .label br { display: none; }
    .block-header-top-links li a { justify-content: right; }
    .block-header-top-links li { display: block; margin-left: 0; margin-bottom: .5em; }
    .block-header-top-links ul { display: block; }
    .site-header .row.top { padding: 1em 0; }
    .block-header-social { padding-top: 0; }
    .block-header-top-links li a img { max-width: 23px; }
    .block-header-social.block-footer-social .socials { margin-bottom: .85em; }
    .block-text-list-images li .box .title-holder h3 { font-size: .8em; }
    .block-text-list-images li .box .title-holder h3:after { width: 15px; height: 15px; }
    .block-testimonials .slide-content { padding: 60px; }
    .menu-franchise-menu-container li {
        display: block;
        padding: 2px 0px;
        border: none;
    }
    .franchise-btn img {
        max-width: 100px !important;
        height: 30px;
    }
    .franchise-faqs-icon {
        right: 20px;
        top: -30px;
        width: 80px
    }
    .margin-bottom-40 {
        margin-bottom: 20px;
    }
    .margin-top-40 {
        margin-top: 20px;
    }
    .page-template-template-franchising .block-page-banner.block .img-responsive  {
        background-position: -1200px -50px;
    }
    .block-franchise h2.block-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 10px 0;
    }
    .block-franchise .img {
        position: relative;
        margin: 0 0 1.2em 0;
    }
    .page-template-template-franchising .subtitle {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .block-franchise li {
        margin-bottom: 0px;
    }
    .page-template-template-franchising .subtitle {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .block-franchise li {
        margin-bottom: 0px;
    }
}

@media all and (max-width: 700px){
    .block-quote-text-form,
    .block-quote-text-link.block { font-size: 87%; text-align: center; }
    .block-quote-area-label { font-size: 1em; }
    .block-quote-text-form .note { font-size: 1.25em; bottom: -2.35em; }
    /*.block-page-intro.block { text-align: center; }*/
    /*.col-1 { text-align: center; }*/
    .block-page-banner.block .block-title { font-size: 1.45em; }
    .block-boxes .box { text-align: left; }
    .block-boxes .box .lines li { margin-bottom: 1.25em; font-size: .825em; }
    .block-payment-methods .items li { width: 24%; display: inline-block; vertical-align: top; }
    .block-payment-methods .items { display: block; text-align: center; }
    .block-payment-plan .box.box-2,
    .single-location .address { text-align: left; }
    .archive-news .col-1 { text-align: left; }
    .archive-news .post .news-title h1 { font-size: 1.2em; }
    .archive-news .post .date { font-size: .8em; }
    .file-single-blog-content .col-1 { text-align: left; }
    .block-sidebar-brochure .content {
      background-size: cover;
      flex-direction: column;
      gap: 20px;
      text-align: center;
    }
    .block-sidebar-brochure .bg-image{opacity: 0.5;}
    .block-sidebar-brochure .text { color: #fff; }
    .items.product-cat-boxes .text-box { text-align: left; }
    .single-product .block-general-list ul { text-align: left; }
    .block-text-list-round.block ul { text-align: left; }
    .block-tiles .tiles-list li,
    .block-design .tiles-list li { width: 33.33%; }
    .block-list-pdf.block ul { text-align: left; }
    .block-list-pdf .item-row li { display: flex; }
    .block-list-pdf .item-row li:before { float: none; }
    .block-colour-2-columns-list .box { text-align: left; }
    .block-shutters.block-roofing-system li { width: 33.33%; }
    .block-text-popups ul li { width: 50%; }
    .block-technical-specifications .technical-row .item { text-align: left; }
    .block-features li:nth-child(2), .block-features li:nth-child(3) { width: 100%; }
    .block-features li { padding: 1em 0; }
    .block-features li img { display: block; margin: 0 auto; }
    .block-features ul { margin-left: 0; }

    .padding-40 { padding: 20px; }
    .block-franchise.cols2 li { width: 100%; }

	.online-bookings {
		font-size: 16px;
		line-height: 20px;
		padding: 10px;
	}
	.online-bookings .col.burst {
		right: 10px;
	}
	.online-bookings .note {
		font-size: 12px;
		line-height: 16px;
		margin-top: 5px;
	}
}

@media all and (max-width: 680px){
    .block-home-about .boxes { display: block; margin-left: 0; max-width: 20em; margin: 0 auto; }
    .block-home-about .boxes li { width: 100%; padding-left: 0; }
    .block-home-about .cols .content {
      padding: 30px;
    }
}
@media all and (max-width: 600px){
    .items.product-cat-boxes li { width: 100%; padding-left: 0; }
    .items.product-cat-boxes { display: block; margin-left: 0; }
    .block-footer-newsletter form { display: block; max-width: 22em; margin: 0 auto; }
    .block-footer-newsletter .input-rows { width: 100%; margin-left: 0; }
    .block-footer-newsletter .buttons { width: 100%; padding-left: 0; }
    .block-footer-newsletter .input-row { width: 100% !important; padding-left: 0; margin-bottom: .65em; }
    /*.block-header-top-links { display: none; }*/
    .block-boxes .items > li { width: 100%; padding-left: 0; }
    .block-boxes .items { margin-left: 0; }
    .page-archive-locations .wrap { display: block; }
    .page-archive-locations .img { width: 100%; }
    .page-archive-locations .locations-list { width: 100%; padding: 2em 0 0; }
    .page-archive-locations .locations-list article { margin: 0 .0 1em; }
    .page-archive-locations .locations-list { text-align: center; }
    .file-single-blog-content .featured-image-holder,
    .archive-news .news-content .single-news-thumbnail { float: none; max-width: none; margin: 1.5em 0; }
    .archive-news .post .entry-header { padding-bottom: .4em; display: block; }
    .archive-news .post .news-title { width: 100%; padding: 0; }
    .archive-news .post .date { width: 100%; padding-top: .5em; text-align: left; }
    .archive-news .col-1 { padding-left: 0; }
    .alignleft,
    .alignright,
    .single-post .content .alignleft,
    .single-post .content .alignright { max-width: none; float: none; margin: 1.5em 0; }
    .file-single-blog-content .entry-content h4 { margin-bottom: 1em; }
    .block-testimonials { padding: 2em 0; }
    .block-testimonials .slide-content { padding: 40px; }
    .block-product-single-categories .items.product-cat-boxes li { width: 100%; padding-left: 0; }
    .block-product-single-categories .items.product-cat-boxes { margin-left: 0; }
    .block-product-single-categories .items.product-cat-boxes .text-box { min-height: 10em; }
    .block-text-list-images ul li { width: 100%; padding-left: 0; }
    .block-text-list-images ul { margin-left: 0; }
    .block-text-list-images ul li .img { display: none; }
    .block-text-list-images li .box .title-holder { position: relative; }
    .block-gallery li { width: 50%; }
    .block-tiles .tiles-list .tile-name { font-size: .775em; }
    .block-tabs .tabs-content .content .options li { width: 33.33%; }
    .block-colour-2-columns-list .items li { width: 100%; padding-left: 0; }
    .block-colour-2-columns-list .items { margin-left: 0; }
    .slug-outdoor-roller-shutters .block-shutters.block-roofing-system li { width: 50%; }
    .block .block-title br { display: none; }
    .block-product-categories.block-product-categories-v2 .items li { width: 100%; }
    .single-location .custom-map { width: 100%; padding-left: 0; margin-bottom: 2em; }
    .single-location .two-custom-maps { display: block; margin-left: 0; }
    .file-single-video .entry-title { font-size: 1.5em; }

    .home .block-product-categories .block-title { font-size: 1.55em; }


    .new-blog-style .items.product-cat-boxes li {
        width: 100%;
        padding-left: 0;
        margin-bottom: 1.25em;
    }

    .new-blog-style .related-posts-wrap {
        padding: 20px;
        min-height: inherit;
    }

}
@media all and (max-width: 500px){
    .wrap { padding: 0 1.45em; }
    .block-payment-methods .items li { width: 32%; }
    .block .block-title,
    .single-location .col-1 .block-title,
    .file-single-blog-content h1 { font-size: 1.5em; }
    .block-tiles .tiles-list li,
    .block-design .tiles-list li { padding-left: .65em; }
    .block-tiles .tiles-list,
    .block-design .tiles-list { margin-left: -.65em; }
    .input-row { padding-left: 0; }
    .input-row.in-row-2 { width: 100%; }
    .input-rows { display: block; margin-left: 0; }
    .block-shutters.block-roofing-system li { width: 50%; }
    .block-tabs .tab-links a h3 { font-size: .75em; }
    .block-tabs .tabs-content .content .options { padding: 2em 1em 1em; }
    .block-home-banner { min-height: 30em; }



}
@media all and (max-width: 400px){
    .items.product-cat-boxes .text-box .box-title br { display: none; }
    .items.product-cat-boxes .text-box { background: #fff; text-align: center; }
    .items.product-cat-boxes .text-box .text { padding-right: 0; }
    .block-quote-text-form .note { font-size: 1em; bottom: -2.35em; left: 0 ; right: 0; }
    .block-payment-methods .items li { width: 49%; }
    .block-tiles .tiles-list li,
    .block-design .tiles-list li { width: 50%; }
    .block-tabs .tabs-content .content .options li { width: 50%; }
    .block-tabs .tab-links { display: block; }
    .block-tabs .tab-links li { width: 100%; }
    .block-text-popups ul li { width: 100%; padding-left: 0; }
    .block-text-popups ul { margin-left: 0; }
    .block .block-title,
    .single-location .col-1 .block-title,
    .file-single-blog-content h1,
    .block-colour-tiles .item .block-title,
    .block-tiles .fusion-text h2 { font-size: 1.25em; }
    .block-tiles ul li h3 { font-size: 1.1em; }
    .block-home-banner .content-box .block-title { font-size: 1.375em; }
    .block-home-banner .content-box .bottom .text { font-size: 1.25em; }
    .block-home-banner .content-box .button.dark { font-size: 1em; }
    .home .block-product-categories .block-title { font-size: 1.5em; }
}
@media all and (max-width: 350px){
    .block-gallery li { width: 100%; padding-left: 0; }
    .block-gallery ul { display: block; margin-left: 0; max-width: 15em; margin: 0 auto; }
}