@media only screen and (max-width: 810px){
    .align-mid{display: block; overflow: hidden; margin: auto; text-align: center;}
    .photo-box{display: none;}
    .photo-box-mobile{display: block;}
    #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%; display: none;}
    .office-bar-mobile{display: block;}
    .info-box{max-height: 100%;}
    .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;}
    .team-box{width: 90%; display: block; overflow: hidden;}
    .team-inside{width: 70%;}
    .title-name{margin-left: 10px;}
    .comment-box .text{padding: 8px 15px 3px 30px;}
    .category .txt{margin-left: 20px;}
    .contact-form{width: 100%;}
    #top-price-box .title-name{margin-top: 30px;}
    .swiper-slide{width: 100% !important;}

    /*contact form*/
    .left-form input{min-height: 30px;}
    .right-form{height: 90px;}
    .right-form textarea{min-height: 91px;}

    /*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;}
}