@media only screen and (max-width: 1280px){
    #navigation-bar {padding: 10px 0 5px 0;}
    #navigation-bar a{padding: 10px 5px; font-size: 11px;}
    .content{width: 100%;}
    .category{width: 100%;}
}
@media only screen and (max-width: 980px){
    .align-mid-mobile{display: block; overflow: hidden; margin: auto; text-align: center;}
    #navigation-bar {display: none;}
    #mobile-navigation-bar {display: block; position: fixed; width: 100%; background: #000; text-align: center; opacity: 0.9; z-index: 800;}
    .header-content{padding: 60px 0 10px;}
    .content{width: 100%;}
    .comment-box{font-size: 12px; width: 100%;}
    .category{width: 100%;; font-size: 12px; margin: 5px 0;}
    #top-klassen-box .category img{height: 25px;}
    .tab-category{width: 5%;}
    .office-bar{width: 100%; position: relative;}
    .office-bar button{width: 100%; position: relative;}
    .price-table {width: 100%; margin: 15px 0 0 0; font-size: 12px;}
    form{width: 90%; display: block; overflow: hidden; margin: auto;}
    .contact-box{width: 80%; display: block; overflow: hidden; margin: 10px auto; text-align: center; line-height: 20px;}
    .termine-box{display: inline-block; overflow: hidden;}
    .team-box{width: 90%; display: block; overflow: hidden;}
    .team-inside{width: 75%;}
    .swiper-button-next{display: none;}
    .swiper-button-prev{display: none;}
    #next{display: none;}
    #prev{display: none;}

    /*partner box*/
    .partner-box img{width: 95px;}

    /*vehicle box*/
    .vehicle-foto{width:85% !important; margin-right: -10px;}
    .vehicle-details{width: 90%;}

    /*office block*/
    .office-payment{float: none;}
    .office-right{width: 100%;}

    /*personal-box*/
    .personal-img img{max-width: 30%; margin-right: 10px;}
}

@media only screen and (max-width: 768px){
    #very-special-box .special-tab{padding: 10px; box-sizing: border-box;}
    #very-special-box table{width: 100% !important;}
    #very-special-box table tr{border: 1px solid #fff;}
    #very-special-box table.big-table th{display: block;}
    #very-special-box table.big-table td{display: block;}
    #very-special-box .special-content{max-height: 400px; overflow-x: auto;}
    #very-special-box .lt-tab{max-height: 345px; overflow-x: auto;}
}