@media (max-width: 500px) {
    .col-xxs-full {
        width: 100% !important;
        text-align: center; 
    }
    .col-xxs-half {
        width: 50% !important;
        text-align: center; 
    }
    .col-xxs-full.carImgWrapper img {
        display: inline-block;
        margin-bottom: 10px; 
    }
    .carsServiceBookBtns {
      padding: 15px;
    }
    .hidden-xxs {
      display: none !important;
    }
    .widgetsWrapper {
      padding-top: 0 !important;
    }
    
    .carInfo h2 {
      display: inline-block;
    }
    .widget_fuel p, .widget_dates p {
      text-align: left;
    }
}
@media (min-width: 501px) {
  .carInfo h2 {
    float:left;
    width:100%;
  }
  
  .carsBtnGroup {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 50px !important;
  }
  body.sign .container {
    
  }
  .container {
    padding:0;
    background: rgba(0, 0, 0, .7);
  }
  .content-wrapper {
    padding:0;
  }
  #mobileNavbar {
    overflow: unset;
  }
  #mobileNavbar li {
    display: block;
    border:none !important;
    float: none;
  }
  #mobileNavbar li a {
    border: none;
  }
  .novyUkonSelectWrapper {
    padding: 0;
  }
  .novyUkonWrapper {
    padding: 0;
  }
  .novyUkonUploadWrapper {
    
  }
  .fa-3x {
    font-size: 2em !important;
  }
  .navbar-inverse {
    background: #000;
  }
  .cars .car-wrapper .btn {
    
  }
  .cars .car-wrapper .btn-group {
   
  }
  .carsActionBtns a:first-child, .carsActionBtns a:nth-child(2), .carsActionBtns a:last-child {
    width: 33% !important;
    text-align: center !important;
  }
  .carsActionBtns a:last-child {
    width: 34% !important;
    text-align: center !important;
  }
  .carsServiceBookBtns a:first-child {
    
  }
  .carsServiceBookBtns a:last-child {
    
  }
  .cars .buttonZone {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .cars .cars-wrapper {
    padding:0;
  }
  .car-wrapper {
    padding: 0;
    margin-top:10px;
  }
  .serviceBook .actionsWrapper {
    padding: 0 15px;
  }
  .serviceBook .actionWrapper {
    padding: 0 0 0 15px;
  }
  .actionTankWrapper {
    
  }
  .serviceBook h2 {
    margin-top:5px;
  }
  .carsActionBtns {
    float: right;
    margin-bottom: 6px;
    margin-top:15px;
  }

  .new-car .panel-wrapper, .new-car .panel > div {
    padding:0;
  }
  .carDetailNavigation .getBack a {
    padding: 14px 20px 5px 20px;
  }
  .carDetailNavigation {
    padding:10px;
  }
  .actionBtns a {
    margin-left:10px;
  }
  .actionTank td:first-child {
    width: 40%;
  }
  .widgetsWrapper {
    padding: 10px 15px;
  }
  .widget_hidden {
    height: auto !important;
  }
  .carInfoText {
      margin-right:15px;
    }
  
}
@media (min-width: 768px) and (max-width: 991px){
  .carDetailNavigation h1 {
    font-size:18px;
  }
  .carDetailNavigation h1 .model {
    font-size:16px;
  }
  .widgetsWrapper {
    padding-top: 10px;
  }
}

@media (min-width: 768px) {
  body {
    
  }
  .xs-item {
    display: none;
  }
  .login-wrapper {
    background: rgba(0, 0, 0, .7);
  }
  .changelogLogin {
    border-top: 1px solid #fff;
    margin-top: 15px;
    padding:15px;
  }
  .content-wrapper {
    background: rgba(0, 0, 0, .7);
    border-radius: 5px;
    padding:20px;
  }
  .navbar-inverse {
    background: rgba(0, 0, 0, .7);
  }
  .car-wrapper {
  padding: 15px;
  }
  .car-wrapper:first-child {
    
  }
  .serviceBook {
    background: rgba(0, 0, 0, .8);
  }
  .btnZone {
    padding:5px;
  }
  .carDetailNavigation .getBack a {
    padding: 11px 15px 5px 15px;
  }
  .carDetailImage {
    padding:5px;
  }
  .actionTank tr:first-child td {
    border:none;
  }
  .carInfoText {
    width: 100%;
    float:left;
  }
  
}
@media (max-width: 991px) {
  .carDetailNavBox .icon {
    display: none;
  }

}
@media (min-width: 992px) {
  .carsActionBtns {
    float: right;
    margin-top:8px;
    margin-left: 8px;
  }
  .carsBtnGroup {
    
  }
  .bus .carsServiceBookBtns {
    padding-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom:5px !important;
  }
  .cars .buttonZone > .btn-primary {
    float: right;
    margin-bottom: 6px;
  }
  .carDetailNavBox a:first-child {
    margin-right:30px;
  }
  .carDetailNavBox .icon {
    position: absolute;
    right: 0;
    border-left: 1px solid;
    border-color: rgba(120, 120, 120, .4);
  }
  .carDetailNavBox .icon.one {
    top: 0;
    padding: 20px 8px;
  }
  .carDetailNavBox .icon.top {
    top: 0;
    padding: 5px 8px;
    border-bottom: 1px solid;
    border-color: rgba(120, 120, 120, .4);
  }
  .carDetailNavBox .icon.bottom {
    top: 28px;
    padding: 5px 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .widgetsWrapper {
    padding-top: 10px;
  }
  .cars .carName {
    padding: 0 2px;
  }
  .cars .carInfo {
    padding: 0 2px;
  }
  .cars .widgetName {
    margin-left: 0 !important;
  }
  .cars .carsBtnGroupWrapper {
    position: absolute;
    top: 0;
    right: 0;
  }
  .cars .carsBtnGroup {
    padding-left: 80px;
  }
  .carInfoText {
    float:none;
  }
  .carInfoText {
      margin-right:15px;
    }
    .widget {
    padding: 7px;
  }
}
@media (max-width: 1199px){

}
@media (min-width: 1200px){
  .widgetsWrapper {
    padding-top: 5px;
  }
  
}