@media screen and (max-width: 1024px) {
    .shopOnline {
        position: absolute;
        top: 55px;
        z-index: 99;
        width: 100%;
        max-width: 400px;
        left: 10%;
    }
    .hiddenContent {
        padding: 12px 12px 55px;
    }
    .colorBlock.show {
        height: 570px !important;
    }
  
    .ui-tabs.ui-tabs-vertical .ui-tabs-panel {
        max-width: 665px !important;
    }

    .content_bgCompetition {
        height: 289px !important;
    }

    ul#holder {
        margin-left: 0 !important
    }


    .menu-mobile .grandchild.level2 {
        margin-top: 2px;
        padding-left: 0;
        margin-left: 0;
        border-top: 0;
    }

    .SubNavHolder {
        flex: none;
        max-width: 100%;
        margin-left: -15px;
    }

    .contact_details td {
        padding-left: 10px;
    }

    .right {
        right: 50px;
    }

    #products .col-md-3 {
        display: inline-block;
        clear: both;
        max-width: 270px;
        margin-right: 10px;
    }

    .content_image {
        position: relative;
        bottom: auto;
        left: 20px;
        top: -14px;
    }


    ul.sub-menu.ul--no-style.grandchild.level2 a {
        padding-left: 34px;
    }

    .content_bg2 {
        height: 50px;
    }


    .menu-mobile li ul li a {
        padding-left: 34px;
    }

    .sub-menu {
        top: 28px
    }


    .GI_TW_expander.opened {
        height: auto !important;
        padding-bottom: 33px !important;
        margin-left: -22px;
    }

    .GI_TW_expander .GI_TW_expander-inner {
        width: 74% !important;
        height: 285px;
        margin: 0 auto;
        overflow: hidden;
    }

    .GI_TW_expander .GI_TW_arrow {
        position: absolute;
        top: 40%;
        cursor: pointer;
    }

    .GI_TW_expander .GI_TW_pointer {
        margin-left: -45px !important;
    }

    h4.color_name {
        text-align: right;
        margin-bottom: 0;
        z-index: 100000;
        position: absolute;
        bottom: 23px;
        right: 90px;
    }
}

@media screen and (max-width: 768px) {
    .content_bgCompetition {
        height: 200px !important;
    }

    .GI_TW_expander.opened {
        display: none !important;
        top: 0 !important;
    }

    li.GI_TW_Selected_Row.GI_TW_First.GI_TW_Index-0.GI_TW_Row-1.GI_TW_Current {
        margin-bottom: 0 !important
    }

    div#tabs {
        display: none;
    }

    div#parentHorizontalTab {
        display: block !important;
    }

    .col-md-4.product_text {
        display: none;
    }

    .mobile_product_info {
        display: block !important;
        
    }

    .product_image {
        display: inline-block;
        width: 100%;
        clear: both;
        max-width: 100%;
        flex: none;
    }

    .quote_button {
        position: fixed;
        right: 35vh;
        z-index: 10000;
        bottom: 50vh;
    }

    .fb_iframe_widget {
        float: none;
        margin-bottom: 10px !important;
    }

    .content_image {
        position: relative;
        bottom: auto;
        left: 20px;
        top: 20px !important;
    }

    .google_review {
        margin-right: 0
    }

    .content_image img {
        margin: 0 auto;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0;
        float: none;
        text-align: center;
    }

    .content_text {
        display: block;
        clear: both;
        margin-top: 30px;
    }
    /*.fb-page.fb_iframe_widget.fb_iframe_widget_fluid {
        display: none;
    }*/
    .product_text {
        width: 100%;
        display: block;
        clear: both;
        max-width: 100%;
        flex: none;
    }

    .SubNavHolder {
        flex: none;
        max-width: 100%;
        margin-left: -15px;
    }

    .sub-menu {
        top: 30px !important;
        width: 100%;
        margin-left: -20px;
        border: 0;
    }

    .content_image {
        display: inline-block;
        max-width: 230px;
        margin-left: 15px;
        vertical-align: top;
    }

    .franchise_blocks {
        float: none;
        margin: 0 auto;
    }

    section.social_area div {
        display: block;
        clear: both;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #products .col-md-3 {
        width: auto;
        display: inline-block;
        max-width: 100%;
    }

    .content_bg2 {
        height: 0 !important;
    }

    .menu-mobile .grandchild.level2 {
        margin-top: 8px;
        padding-left: 0;
        margin-left: 0;
    }

    ul.sub-menu.ul--no-style.grandchild.level2 a {
        padding-left: 34px;
    }

    .menu-mobile li ul li a {
        padding-left: 34px;
    }

    .franchise_map {
        float: none
    }

    .fixed_footer {
        position: relative !important;
    }
}

@media screen and (max-width: 426px) {
    .content_bgCompetition {
        height: 121px !important;
    }
    .floating_button {
        display:none;
    }
    .left {
        float: unset;
        /* position: relative; */
        /* z-index: 10; */
    }
    .right {
        float: none;
        right: 0;
        display: block;
        top: 28px;
        position: relative;
    }
    .google_review {
        margin-bottom: 50px;
    }

}

@media screen and (max-width: 425px) {
    .demo {
        text-align: center;
    }
    .hiddenContent .buttons {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 17px;
    }
    h4.color_name {
        text-align: center;
        margin-bottom: 0;
        z-index: 100000;
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 0;
    }
    .hiddenContent {
        padding: 12px 12px;
    }
    h1.color_instruction {
        text-align: center;
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: -20px;
        margin-left: 0;
        text-transform: none;
    }

    .GI_TW_expander .GI_TW_pointer {
        margin-left: -25px !important;
    }

    .GITheWall ul {
        list-style: none;
        padding: 20px 65px;
        margin: 0 auto !important;
        text-align: center !important;
        width: 100% !important;
    }

    .GI_TW_expander.opened {
        height: auto !important;
        padding-bottom: 33px;
    }

    .quote_button .btn {
        margin-top: 50px;
        font-size: 11px;
    }

    .quote_button {
        position: fixed;
        left: 60vw;
        z-index: 10000;
        bottom: 50vh;
    }

        .quote_button a {
            background: #9e242b;
            position: fixed;
            font-size: 11px;
            padding: 14px;
            color: white;
            width: 151px;
            font-weight: 400;
        }

    .col-md-6.right {
        float: left;
        right: auto;
    }

    .franchise_map {
        margin-left: 30px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .franchise_map {
        width: 302px;
    }


    .fb-page.fb_iframe_widget {
        /*max-width: 300px;*/
        overflow: hidden;
    }

    #products {
        margin: 0 auto;
        float: none;
        left: 0;
        right: 0;
        padding-bottom: 30px;
        margin-left: -5px;
    }

    section.social_area span {
        width: 100% !IMPORTANT;
        margin-left: 34px;
    }

    .latest__item {
        margin-left: 14px;
    }

    .service-2__img {
        display: none;
    }

    .row {
        display: -ms-flexbox;
        display: block;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .col-md-12.specs {
        margin: 0;
    }

    .right {
        float: none
    }

    .our_products_bg {
        background: none;
    }

    .btns {
        margin-bottom: 30px;
    }
    /*.quote_button {
        display: none;
    }*/

    .container.body-content {
        margin-left: 10px;
    }

    .container.body-content {
        max-width: 95%;
    }

    iframe {
        width: 100% !important;
        max-width: 300px;
    }

    .service-2__inner-body {
        width: 100% !important
    }

    .shopOnline {
        position: absolute;
        top: 55px;
        z-index: 99;
        width: 100%;
        max-width: 400px;
        left: 0;
    }

    .latest_installations {
        display: none;
    }

}

@media screen and (max-width: 376px) {
    .content_bgCompetition {
        height: 108px !important;
    }
}
@media screen and (max-width: 321px) {
    .content_bgCompetition {
        height: 90px !important;
    }
}
    @media screen and (max-width: 320px) {
        .quote_button a {
            display: none;
        }

        .franchise_map {
            width: 242px !important;
        }

        .service-2__inner-body h3 {
            font-size: 20px;
        }

        .content_image {
            margin-left: 0;
        }

        .social_icons {
            text-align: center;
        }

        .franchise_map {
            position: relative;
            bottom: 0;
        }

        .img_inner_services {
            max-width: 260px;
            margin-bottom: 10px;
        }

       
    }