@media (max-width: 1200px) { .menu_item { padding-right: 20px; } .menu_link { font-size: 13px; } .promo_header { font-size: 50px; } .benefit_block { height: 250px; } .benefit_text { width: 300px; } } @media (max-width: 991px) { .menu_item { padding-right: 8px; } .menu_link { font-size: 10px; } .subheader_logo img { width: 100%; } .subheader_oficial { font-size: 10px; } .subheader_phone { font-size: 18px; } .subheader_btn { width: 100%; margin-top: 24px; height: 40px; } .promo_header { font-size: 40px; } .promo_subheader { font-size: 26px; } .benefit_block { height: 370px; flex-direction: column; align-content: start; } .benefit_round { margin-bottom: 30px; } .benefit_text { height: 250px; } } @media (max-width: 767px) { nav { position: fixed; } .fixed .menu { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: -100%; width: 50%; height: 100vh; padding: 20px 15px; background-color: rgba(0, 0, 0, 0.8); transition: 1 all; } .fixed .menu_active { left: 0px; } .fixed .menu_item { margin-top: 15px; padding-right: 0px; border: none; } .fixed .menu_link { font-size: 20px; } .hamburger { display: block; position: absolute; right: 10px; top: 20px; transform: translateX(-50%); height: 16px; width: 26px; } .hamburger span { display: block; height: 2px; width: 100%; background-color: #fff; margin-top: 3px; } .hamburger span:nth-child(1) { margin-top: 0px; } .hamburger_active { margin-top: 6px; transition: 0.8 all; } .hamburger_active span:nth-child(1) { margin-top: -2px; transform: translateY(3px) rotate(-45deg); } .hamburger_active span:nth-child(2) { display: none; } .hamburger_active span:nth-child(3) { margin-top: -2px; transform: translateY(3px) rotate(45deg); } }