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

@media (max-width: 768px) and (min-width: 320px) {
    .navbar {padding: 0; justify-content: flex-end;}
    .navbar-light .navbar-toggler {background-color: #fff; border: none;}
    
    .home-first-middle h1 {font-size: 2.25rem;}
    .home-first-block {overflow: hidden;}
    .home-thematic-video {left: auto; width: inherit; height: 100%; right: -40%;}
    .new-goods-related h2 {font-size: 2.25rem; text-align: left !important;}
    .new-sect-announce {text-align: left;}
    
    .home-first-phone {align-items: baseline;}
    .home-first-phone .phone {display: flex; flex-direction: column;}
    .home-first-phone .phone > a + a {margin-left: 0;}
    
    .navbar-collapse {position: absolute; top: 3rem; right: 0; min-width: 280px; width: 310px; background-color: #fff; border-radius: .25rem; overflow: hidden; z-index: 1;}
    .navbar-collapse:after {content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 0;}
    .home-first-header .navbar-light .navbar-nav .nav-link {color: #000; font-size: 1.25rem; font-weight: 400; padding: .75rem 1rem;}
    .home-first-header .nav-item:nth-child(odd) {background-color: #f3f3f3;}
    .home-first-header .nav-item + .nav-item {margin-left: -0;}
    
    header .navbar-light .navbar-nav .nav-link {color: #000; font-size: 1.25rem; font-weight: 400; padding: .75rem 1rem;}
    header .nav-item:nth-child(odd) {background-color: #f3f3f3;}
    header .nav-item + .nav-item {margin-left: -0;}
    
    .navbar-nav {z-index: 1; position: relative; background-color: #fff;}
    
    .new-development-count {margin-top: 2rem;}
    .new-promo-label {width: 90%; margin-left: 10%;}
    
    .new-promo-stones {margin-top: 0;}
    .new-promo-bucket {margin-bottom: 0;}
    
    .new-good-inner {padding: 1rem; flex-direction: column; overflow: hidden;}
    .new-good-panel {order: 2;}
    .new-good-image {order: 1;}
    
    .new-good-four {padding: 0; margin-top: 3rem;}
    .new-equipments-equipment:before, .new-equipments-equipment:after {display: none;}
    
    .new-good-title {font-size: 1.75rem;}
    .new-related-title {font-size: 1.75rem;}
    
    .new-related-item {flex: 0 0 100%; max-width: 100%; padding: 1rem;}
    .new-related-item + .new-related-item {padding-top: 1rem; margin-top: 1rem; border-top: .25rem solid #ccc;}
    
    .footer-inner {padding: 1rem;}
    
    .home-manual-text {padding: 1rem;}
    .home-manual .btn {margin-bottom: 2rem;}
    
    .main-development-info .descript {width: 100%;}
    .main-development-info .title {font-size: 1.5rem; font-weight: 700;}
}