/****************************************** media queries range up ******************************************/
/*sm and up*/
@media (min-width: 768px) {

    .header-page-slider header {
        /*position: absolute;*/
    }

    /*top menu*/
    header .search-container {
        display: inline !important;
    }
    /*top menu*/


    /*/products menu*/
    #Tree {
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #CCC;
    }

    .floatingStartPageImage {
        position: absolute;
    }

    /*FullWidthImageAndText page block*/
    .row-fullwidth {
        display: flex;
        /*width: 100%;
            margin: 0px;*/
    }

        .row-fullwidth .col-text {
            position: relative;
            overflow: hidden;
        }

        .row-fullwidth .textbox {
            /*display: grid;
                align-items: center;*/
            padding: 12%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    /*/FullWidthImageAndText page block*/
}
/*md and up*/
@media (min-width: 992px) {
    .FrontPage {
        position: absolute;
        top: 0;
    }

    .floatingimage {
        position: absolute;
    }
}
/****************************************** /media queries range up ******************************************/

/****************************************** media queries one size ******************************************/
/*only sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .row-fullwidth .textbox p {
        font-size: 14px;
    }

    .row-fullwidth .textbox h1,
    .row-fullwidth .textbox h2 {
        font-size: 24px;
    }

    .no-tablet {
        display: none;
    }
}
/*only md*/
@media (min-width: 992px) and (max-width: 1199px) {
    /*main menu*/

    /**************************************************************** Slider Front Page ****************************************************************/
    .carousel-caption {
        top: 30%;
        bottom: auto;
        padding-top: 0px;
        padding-left: 15px;
        max-width: 400px;
        text-align: left;
        text-shadow: none;
    }

        .carousel-caption a {
            color: #fff;
        }

    .SliderHeadline {
        line-height: 90%;
        font-size: 40pt;
    }

    .SliderBody {
        line-height: 90%;
        letter-spacing: 2px;
        font-size: 20pt;
    }

    .SliderHeadlineLeft {
        line-height: 90%;
        font-size: 40pt;
    }

    .SliderBodyLeft {
        line-height: 90%;
        letter-spacing: 2px;
        font-size: 20pt;
    }


    /**************************************************************** /Slider Front Page ****************************************************************/

    /*/main menu*/
}
/*only lg*/
@media (min-width: 1500px) and (max-width: 1650px) {
    #X2ExtremeStart {
        left: 11% !important;
    }
}

@media (min-width: 1300px) and (max-width: 1499px) {
    #X2ExtremeStart,
    #GroupSlideStart {
        left: 7% !important;
    }
}

@media (min-width: 768px) and (max-width: 1299px) {
    #X2ExtremeStart {
        left: 5% !important;
    }

    #GroupSlideStart {
        left: 2% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #X2ExtremeStart {
        top: 30% !important;
    }

    #GroupSlideStart {
        top: 35% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #X2ExtremeStart,
    #GroupSlideStart {
        top: 18% !important;
    }
}
/****************************************** /media queries one size ******************************************/

/****************************************** media queries range down ******************************************/
/*md and down*/
@media (max-width: 1199px) {
    .header-page-slider {
    }

    .floatingimage {
        color: black !important;
        position: relative;
        left: 0px !important;
        top: 0px !important;
        width: 100% !important;
        background-color: white !important;
    }
}

/*sm and down*/
@media (max-width: 991px) {
    /**************************************************************** Slider Front Page ****************************************************************/
    .carousel-caption {
        top: 10%;
        bottom: auto;
        padding-top: 0px;
        padding-left: 15px;
        max-width: 400px;
        text-align: left;
        text-shadow: none;
    }

        .carousel-caption a {
            color: #fff;
        }

    .SliderHeadline {
        line-height: 90%;
        font-size: 40pt;
    }

    .SliderBody {
        line-height: 90%;
        letter-spacing: 2px;
        font-size: 15pt;
    }

    .SliderHeadlineLeft {
        line-height: 90%;
        font-size: 36pt;
    }

    .SliderBodyLeft {
        line-height: 90%;
        letter-spacing: 2px;
        font-size: 15pt;
    }

    /**************************************************************** /Slider Front Page ****************************************************************/

}
/*xs and down*/
@media (max-width: 767px) {
    .video {
        height: auto !important;
        width: auto !important;
    }

    .header-page-slider {
        /*padding-top: 140px;*/
    }

    /*scroll arrow*/
    .scrollToTop {
        bottom: 0;
        right: 0;
    }
    /*scroll arrow*/
    /*top menu*/


    #topmenu ul.ns li a i.fa-search {
        margin-right: 0;
    }

    header .search-container {
        margin-top: 10px;
        display: none;
    }
    /*/top menu*/
    /*main menu*/

    .navbar-brand {
        /*display:block;*/
    }
    /*/main menu*/
    /*sub menu*/
    .submenu-border-right {
        border-right: 0 solid #eee;
    }
    /*/sub menu*/
    /*carousel*/
    .header-page-slider.mobile-search-open .item {
        padding-top: 174px;
    }
    /*/carousel*/
    /*start page*/
    .start-page-4-col-round-img .col-sm-3.col-xs-6 {
        margin-bottom: 30px;
    }
    /*/start page*/
    /*content*/
    .content-container img {
    }
    /*/content*/
    /*news list*/
    .news-list .col-xs-12 .col-sm-5 img {
        width: 100%;
        margin-bottom: 10px;
    }
    /*/news list*/
    /*google maps styles*/
    #google-map {
        height: 300px;
    }
    /*/google maps styles*/
    /*product page*/
    h1.product-header {
        margin-top: 20px;
    }

    #share-links {
        margin-bottom: 15px;
    }

    .request-quote {
        width: 100%;
        text-align: center;
    }

    #request-quote,
    .download-fancy {
        width: auto;
        overflow: hidden;
    }
    /*/product page*/
    /*left menu page*/
    a.jstree-toggle {
        text-align: center;
        text-decoration: none;
        background-color: #eee;
        padding: 15px 0;
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

        a.jstree-toggle:hover {
            text-decoration: none;
            background-color: #ddd;
        }

    .jstree-container {
        display: none;
    }
    /*/left menu page*/
    .carousel-caption {
        background-color: White !important;
        position: relative;
        padding: 0;
        margin: auto;
        left: 0;
        right: 0;
        text-align: left;
        text-shadow: none;
    }

        .carousel-caption a {
            color: #fff;
        }

    .SliderHeadline {
        color: black !important;
        line-height: 90%;
        font-size: 20pt;
    }

    .SliderBody {
        color: black !important;
        line-height: 90%;
        letter-spacing: 2px;
        font-size: 10pt;
    }

    .SliderHeadlineLeft {
        color: black !important;
        line-height: 90%;
        font-size: 20pt;
        text-align: center;
    }

    .SliderBodyLeft {
        color: black !important;
        line-height: 90%;
        letter-spacing: 2px;
        font-size: 10pt;
        text-align: center;
    }


    .btn:focus, .btn:active:focus, .btn.active:focus {
        outline: 0 none;
    }

    .btn-primary {
        background: #0099cc;
        color: #ffffff;
    }

        .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
            background: #33a6cc;
        }

        .btn-primary:active, .btn-primary.active {
            background: #007299;
            box-shadow: none;
        }

    .floatingStartPageImage {
        color: #FFF !important;
        position: absolute;
        left: 0px !important;
        top: 25px !important;
        width: 100% !important;
        /* background-color: white !important; */
    }

    #X2ExtremeStartBody,
    #GroupSlideStartBody {
        text-align: center !important;
        float: none !important;
    }

    #X2ExtremeStartButton,
    #GroupSlideStartButton {
        text-align: center !important;
        float: none !important
    }

    /**************************************************************** /Slider Front Page ****************************************************************/

    /*FullWidthImageAndText page block*/
    .row-fullwidth .textbox {
        float: none !important;
        padding: 90px 12%;
    }
    /*/FullWidthImageAndText page block*/
}
/*xxs (special non bootstrap standard for smaller smartphones) */
@media (max-width: 380px) {
}
/****************************************** /media queries range down ******************************************/