@media only screen and (max-width: 1375px){
    #top-navigation-bar ul li{float: right; display: inline; font-size: 12px;  padding: 15px 5px 0 0;}
    .navigation-bar a{font-size: 12px;}
    .navigation-bar img{margin: -6px 5px 0 10px;}
    .content{width: 100%;}
    .category{width: 100%;}
}
@media only screen and (max-width: 940px){
    .align-mid{display: block; overflow: hidden; margin: auto; text-align: center;}
    .logo-area, .logo-area h2, .top-area{float: none; width: 100%;}
    .social-top{display: none;}
    .logo-area a{display: block; text-align: center;}
    .top-area img{padding: 5px; float: none; margin-top: 20px;}
    .top-area h2{text-align: center; margin: -35px 0;}
    .banner-box{width: 100%;}
    .transparent, #fader {display:none;}
    .tab-img img{height: 25px;}
    .tab-category, .tab-description{margin-top: 0;}
    .align-mid{display: block; overflow: hidden; margin: auto; text-align: center;}
    .align-mid-desktop{display: block; overflow: hidden; margin: auto; text-align: center;}
    .align-mid-mobile{display: block; overflow: hidden; margin: auto; text-align: center;}
    .photo-box{display: none;}
    .photo-box-mobile{display: block;}
    .banner-box {background: none;}
    .banner-box button{position: static; margin: auto; width: 100%; padding: 5px; font-size: 16px;}
    #top-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%;}
    .info-box{max-height: 100%;}
    #top-schedule-box .headline{ margin: 50px 0 -40px 0;}
    #top-schedule-box .office-bar{position: absolute; top: -50px; }
    .price-table {width: 100%; margin: 20px 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; margin: 10px;}
    .team-box{width: 90%; display: block; overflow: hidden;}
    .team-inside{width: 75%;}
    .title-name{margin-left: 10px;}
    .comment-box .text{padding: 8px 15px 3px 30px;}
    .category .txt{margin-left: 20px;}
    .contact-form{width: 100%;}
    .reg-row label{width: 95%;}
    .reg-row select{width: 95%;}
    .reg-row textarea{width: 95%;}
    .reg-row input{width: 95%;}
    .reg-bot input{float: none; width: 100%; font-size: 12px; padding: 5px; margin: 0;}
    .about{width: 100%;}
    .bottom-inside{width: 100%;}
    .social-bot{float: none; width: 80%;}
    .same-navigation{display: none;}
    header{display: none;}
    .swiper-slide{width: 100% !important;}
    #reg-form label{display: none;}

    /*placeholder*/
    ::-webkit-input-placeholder {color: #808080;}
    :-moz-placeholder {color: #808080;}
    ::-moz-placeholder {color: #808080;}
    :-ms-input-placeholder {color: #808080;}

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

    /*vehicle box*/
    .vehicle-foto{width:85% !important; margin-right: -10px;}
    .vehicle-details{width: 90%;}
    .vehicle-content{margin-left: 50px;}
    .v-slider-l{margin-left: 10px;}

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

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