/*------------------------------------------------------
    ==========
    MOBIL
    ==========  
--------------------------------------------------------*/
/* ==================================================
   Ab Kleiner Bildschirm (991px-1199px)
================================================== */
@media (max-width:1199px){ 
    
    /* nav padding lower */
    .nav li a {
        padding: 30px 5px 25px 5px;
        font-size: 14px;
    }
    /* NavBrand padding lower */
    .navbar-brand {
        padding: 5px 0px 15px 0px;
    }
    /* Index Content h2 Lower */
    .summary-heading {
        font-size: 40px;
    }
}
/* ==================================================
   Ab Tablet Maße (768px-991px)
================================================== */
@media (max-width:991px){
    /* Font lower */
    .nav li a {
        font-size: 13px;
    }
    /* margin von slider */
    #myCarousel {
        margin-top: 0;
    }
    /* Icons display: none; */
    .nav li a i{
        display: none;
    }
    /* NavBrand padding lower */
    .navbar-brand img{
        width: 120px;
        padding-top: 5px;
        margin-left: 30px;
    }
    /* Index Content IMG  */
    .pull-right, .pull-left{
        float: none !important;
        margin: 0 auto !important;
    } 
    /* Index Content h2 Lower */
    .summary-heading {
        font-size: 32px !important;
    }
    /* Hover-Effekt Touch-Displays ausstellen (display:none;) */
    .item-thumbs .hover-wrap .overlay-img {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #283147;

        opacity: 0.80;
        filter: alpha(opacity=80);
    }
    .item-thumbs .hover-wrap .overlay-img-thumb {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -16px 0 0 -16px;
        font-size: 32px;
        line-height: 1em;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
/* ==================================================
   Ab Smartphone (384px-767px)
================================================== */
@media (max-width:767px){
    
    /* Menu li padding left by DD Menu */
    .nav li {
        padding-left: 30px;
    }
    .nav li a {
        padding: 12px 5px 18px 20px;
        height: 40px;
    }
    /* NavBrand size */
    .navbar-brand img{
        padding-left: 15px;
        padding-top: 0px;
        width: 80%;
    }
    .navbar-header {
        height: 80px;
    }
    /* Index Content h2 Lower */
    .summary-heading {
        font-size: 24px !important;
    }
    body {
    padding-right: 0px !important;
    padding-left: 0px !important;
    }
    /* Navbar Toggle ausirchtung */
    .navbar-toggle {
        margin-right: 40px;
    }
    /* Bilder thumbs anpassen */
    #thumbs li {
        padding-right: 30px;
    }
    
    .item-thumbs .hover-wrap .overlay-img {
	max-width: 100%;
    }
    /*FormSendButton*/
    .contact-submit {
        padding-right: 30px;
    }
    /* Form Padding Right */
    .span8 {
        padding-right: 15px;
    }
    /* Maps Padding right */
    .ContactMaps iframe {
        padding-right: 15px;
    }
    /* Bootsrrap befehle | padding aus */
    .col-md-7, .col-sm-7, .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }
}
/* ==================================================
   Ab Smartphone (0px-383px)
================================================== */
@media (max-width:383px){
    /* Slider OFF -> Smartphone */
    #myCarousel {
        display: none;
    }   
}