@media screen and (max-width: 1020px) { 
    /*Header*/
    section.monitor-head {
        display:none;
    }

    section.mobile-head {
        display:block;
    }

    .mobile-head .logo-header {
        /*        background:url('../images/bg/fiwa1.png'); */
        background-color:hsla(122, 41%, 32%,1.0);
        background-image: linear-gradient(hsl(122, 41%, 40%) 0%, hsl(122, 41%, 32%) 100%);
        margin:0;
        display:block;
        border:1px solid #007e39;


    }

    .mobile-head .logo-header p {
        color:#fff;
        text-align:right;  
        margin:0 !important;
        display:block;
    }

    .mobile-head .logo-header p img {
        margin:0 0 -5px;
        /*        max-width:600px;*/
        width:100%;
    }
    .banner {
        width:100%;
        height:auto;
    }

    .banner div {
        height:auto;  
    }

    .mobile-head .suche{
        border-bottom:1px dotted #ddd;
        display: none;
        text-align:center;
        padding:2% 0;
        width:100%;
    }

    .mobile-head .schnellzugriff {
        display:none;
    }


    /*Content*/

    /*    section.mobile-content {
            display:block;
        }*/

    section.monitor-side-content {
        display:none;
    }

    #main{
        width:100%;
        padding:0px;
        margin:0px;
        float:none;
    }

    .monitor-content .inhalt {
        padding:5%;
    }


    /*Footer*/

    section.monitor-footer {
        display:none;
    }

    section.mobile-footer {
        display:block;
    }

    .menubutton {
        text-align:center;
    }
    .menubutton a {
        font-size:0.9em;
    }

    .sigplus-gallery {
        margin-left:0px !important; 

    }

    .sigplus-gallery img {
        width:200px !important;
        height:auto !important;
    }

    .sigplus-gallery li {
        width:200px !important;
    }


    div.sigplus-center > * {
        margin:0 0 !important;
    }

    div.boxplus-slider {
        padding:0 !important;
    }

}


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

    body {
        color:#000;
    }

    p {
        font-weight:normal;
    }

    .menubutton a {
        width:29%;
    }

    .banner {
        width:100%;
        height:200px;

    }

    .banner div {

    }

    /*Image Gallery*/

    .sigplus-gallery img {
        width:90% !important;
        height:auto !important;
    }

    .sigplus-gallery li {
        width:160px !important;
    }


}

@media screen and (max-width: 600px) { 
    .menubutton a {
        font-size:0.9em;
    }

    .sigplus-gallery li {
        width:130px !important;
    } 



}

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

    .menubutton a {
        height:14px;
        width:32%;
    }

    .menubutton a span {
        font-size:0.9em;
        font-weight:bold;
    }
    .banner {
        width:100%;
        height:150px;
        max-height:auto;

    }



    .sigplus-gallery li {
        width:120px !important;
    } 




}


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

    .sigplus-gallery li {
        width:100px !important;
    } 

}

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

    .sigplus-gallery li {
        width:90px !important;
    } 

}



@media screen and (max-width: 372px) { 
    .menubutton a {
        height:8px;
        background-position:50% 60%;
        width:30%;
        margin-top:5px;
    }

    .menubutton a span {
        display:none;
    }

    .menubutton a.schnellzugriff-link {
        background-position:50% 1px;
    }

    .menubutton a.suchen-link {
        background-position:50% 1px;
    }

    .mobile-head .logo-header p {
        margin: 0;
        padding: 0 0px;
        text-align: right;
        font-size:0.8em;
    }

    .banner {
        width:100%;
        height:100px;
        max-height:auto;

    }

    .sigplus-gallery li {
        width:80px !important;
    } 

}


/*Unit nivo header*/

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


    .banner {
        width:100%;
        height:230px;
        max-height:auto;

    }
}

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

    .banner {
        width:100%;
        height:210px;
        max-height:auto;

    }
}


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

    .banner {
        width:100%;
        height:190px;
        max-height:auto;    
    }
}


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

    .banner {
        width:100%;
        height:180px;
        max-height:auto;    
    }
}


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

    .banner {
        width:100%;
        height:170px;
        max-height:auto;    
    }
}


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

    .banner {
        width:100%;
        height:165px;
        max-height:auto;    
    }
}



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

    .banner {
        width:100%;
        height:165px;
        max-height:auto;    
    }
}

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

    .banner {
        width:100%;
        height:145px;
        max-height:auto;    
    }
}

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

    .banner {
        width:100%;
        height:135px;
        max-height:auto;    
    }
}

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

    .banner {
        width:100%;
        height:115px;
        max-height:auto;    
    }
}

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

    .banner {
        width:100%;
        height:100px;
        max-height:auto;    
    }
}

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

    .banner {
        width:100%;
        height:95px;
        max-height:auto;    
    }
}

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

    .sigplus-gallery li {
        width:75px !important;
    } 

}


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

    .sigplus-gallery li {
        width:65px !important;
    } 

}

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

    .sigplus-gallery li {
        width:55px !important;
    } 

}

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

    .banner {
        width:100%;
        height:70px;
        max-height:auto;    
    }
}