/* #Big screen
================================================== */

@media screen and (min-width : 1920px){
    
    /* -- Team -- */
    .portfolio-group {
        max-width: 1500px;
    }
    
    /* -- Carousel -- */
    .carousel-inner .item div {
 
        width: 650px;
    }

    #item2 {
        width: 750px;
    }

    #item5 {
        width: 870px;
    }  
    
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        -ms-right: 0px;
    }
    
    /* Nav Menu */
    #hornav ul#hornavmenu > li > a,
    #hornav ul#hornavmenu > li > span {
        -webkit-margin-after: 2px;
    }
    /* Hier finden Sie uns */
    #Adresse .padding-horiz-40 {
        padding-left: 0px;
    }
}


/* #Tablet (Landscape)
================================================== */

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

    /* -- Navigation -- */
    .is-sticky #header,
    .is-sticky #hornav {
	   position: relative !important;
	   width: auto !important;
	   top: 0 !important;
	   left: 0;
	   margin-left: 0;
    }

    .primary-container-background .primary-container {
        width: 100%;
    } 
    
    /* -- Kontakt -- */
    #form-div{
        width: 650px;
    }
    #form-div2 {
        width: 50%;
    }
    
     /* -- Über Uns --*/  
    #ueber-uns .col-xs-2 {
        margin-left: -25px;
        padding-left: 0px;
    }
    
     #ueber-uns .row div{
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 25px;
        margin-right: 20px;
    }
    
    #ueber-uns .margin-horiz-50 {
        margin-left: 25px;
        margin-right: 20px;
    }
    
    /* -- Hier finden sie uns -- */
    #Adresse .margin-vert-20 {
        margin-top: 0px;
        margin-left: 23px;
    }
    #Adresse .padding-horiz-40 {
        padding: 15px;
    }
    
    #Adresse .image-container {
        height: auto;
        margin-bottom: 30px;
    }
    
    /* -- Kontakt -- */
    #Kontakt .message-sent p {
        margin-top: 100px;
    }

    #Kontakt .message-sent p:last-child {
        margin-top: 10px;
        margin-bottom: 150px;
    }
    
    
    /* -- margin top -- */
    .margin-top-50, .margin-vert-50 {
        margin-top: 0px;
    }
}

/* #Tablet (Portrait)
================================================== */
    
@media only screen and (max-width: 959px) {
    
    /* -- Portfolio -- */
    .portfolio-group {
        max-width: 100%;
    }

    /* -- home -- */
    .carousel-control.left span,
    .carousel-control.icon-prev span {
        margin-left: 3.5px
    }
    
    .carousel-control.right span,
    .carousel-control.icon-next span {
        margin-right: 1px;
    }
    
    .carousel-control.left,
    .carousel-control.icon-prev {
        left: 20px;
    }
    .carousel-control.right,
    .carousel-control.icon-next {
        right: 20px;
    }
    
    /* -- Dienstleistungen -- */
    #Dienstleistungen .row div img {
        max-width:230px;
        min-width:170px;
        margin-top:45px; 
        margin-bottom:15px
    }
    #Dienstleistungen h3 {
        margin-bottom: 8px;
    }
}

/* #Mobile (Landscape)
================================================== */

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

    /* -- Home -- */
    .carousel-control.right span, .carousel-control.icon-next span {
        right: 20%;
    }
    .carousel-control.left span, .carousel-control.icon-prev span {
        left: 15%;
    }
    
    /* -- Kontakt --*/
    .feedback-input{
        width:100%;
        margin-left: 0px;
        margin-top: 4px;
    }
    #form-div{
        width: 90%;
    }
    
    /* -- Team -- */
    .portfolio-group .portfolio-item {
        width: 33.33%; !important
    }
    
    /* -- Hier finden sie uns -- */
    #Adresse .margin-vert-20 {
        margin-left: 0px;
    }
    
    #Adresse .margin-horiz-40 {
        margin-left: 18px;
    }
    
    #Adresse .image-container {
        margin-left: 3px;
    }
}


/*  #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 480px) {
.portfolio-group {
  flex-direction: column;
}
}