@media (max-width: 992px) and (min-width: 768px) {

    .mobile {display: inherit;}

}

@media (max-width: 768px) and (min-width: 320px) {
    
    .mobile-header-top {display: flex; flex-flow: row nowrap; align-items: center; border-bottom: 1px solid #dfe0e0;}
    
    .mobile-header-logo {flex: 0 0 15%;}
    .mobile-header-logo img {max-width: 100%; background-color: #252b33; padding: .75rem;}
    
    .header-brand {flex: 0 0 70%; padding: 0.5rem 1rem; line-height: 1.25rem;}
    
    .mobile-header-btn {flex: 0 0 15%; padding: 0.75rem; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; border-left: 1px solid #dfe0e0;}
    
    .mobile-header-contacts {display: flex; background-color: #f4f6f7;}
    .mobile-header-contacts > div {flex: 1;}
    
    .header-contacts-item {display: flex; align-items: center; padding: 0.5rem 1rem;}
    .header-contacts-item + .header-contacts-item {border-left: 2px solid #e6e6e6; margin-left: 0;}
    
    .header-contacts-icon {display: block; width: 30px; height: 20px;}
    
    .form-check-label {margin-bottom: 1rem;}
    
    .branding-menu {flex-direction: column;}
    
    .branding-modal {left: 0; right: 0; z-index: 2000;}
    
    .branding-modal .modal-dialog {margin: 0; position: relative; height: 100%;}
    
    .branding-modal .modal-content {min-height: 100%; border-radius: 0; border: none;}
    
    .branding-head h1 {font-size: 25px;}
    
    .branding-page h2 {font-size: 21px;}
    
    .branding-page-h2 {margin-bottom: 2rem;}
    
    .bp-services-item {margin-bottom: 1rem;}
    
    .branding-page-official {display: flex; flex-direction: column;}
    
    .bp-official-absolute {position: static; order: 2;}
    
    .bp-official-image {order: 1;}
    
    .bt-benefits-item {flex: 0 0 100%; max-width: 100%;}
    
    .bp-contracts-contracts {margin-bottom: 3rem;}
    
    .bp-order .btn-outline-green {margin-top: .5rem;}
    
    .table-inline {margin-left: -15px; margin-right: -15px; width: auto; overflow-x: auto;}
    
    .footer-top-top .contacts {flex-direction: column; align-items: baseline; margin-top: 1rem;}
    .footer-top-top .contacts > div + div {margin-left: 0;}
    
    .footer-bottom .copyright {font-size: .75rem;}
    
    .mobile {display: inherit;}
    
}