header ul .link_active { padding-top: 2px; display: flex; flex-direction: column; justify-content: space-between; } header ul .link_active img { position: relative; top: 14px; } header ul .link_active a{ font-weight: 600; color: #11344C; } /* адаптация */ @media all and (max-width: 1460px){ /* (((((((((((((((((( */ .container { width: 1146px; } .header__container { width: 1146px; } .contact-form-container { margin-left: 30px; } } @media all and (max-width: 1240px) { .header__container { position: relative; top: 6px; max-width: 98%; } .user_image { display: none; } .logo_hidden, .menu-burger__header { display: flex; } .link_active img { display: none; } .header__nav { font-size: 14px; } ul.menu { margin: 0; margin-left: 20px; } ul.menu li { margin: 0; margin-bottom: 16px; padding: 0; } header ul .link_active a{ font-weight:lighter; color: #000; } .line_hidden { display: block; } .user { display: flex; justify-content: center; margin-left: 20px; margin-top: 19px; margin-bottom: 15px; } .user img { margin-right: 10px; } .header__nav { display: block; position: absolute; top: 45px; right: 0; background: #fff; width: 177px; transition: all 0.4s ease; right:-100%; border: 1px solid #C4C4C4; border-radius: 6px; padding-right: 10px; } .header__menu { display: block; } .header__nav.open-menu{ right:0; } .header__menu li { margin: 40px 0px 40px 33px; font-size: 14px; } .menu-burger__header { position: relative; width: 40px; height: 35px; display: block; margin-left: 10px; } .menu-burger__header span, .menu-burger__header:after, .menu-burger__header:before{ height: 3px; width: 100%; position: absolute; background: #11344C; margin: 0 auto; border-radius: 10px; } .menu-burger__header span{ top: 16px; } .menu-burger__header:after, .menu-burger__header:before{ content: ''; } .menu-burger__header:after{ bottom: 5px; } .menu-burger__header:before{ top: 5px; } .menu-burger__header.open-menu span { opacity:0; transition: 0.5s; } .menu-burger__header.open-menu:before { transform: rotate(38deg); top: 16px; transition: 0.4s; } .menu-burger__header.open-menu:after { transform: rotate(-38deg); bottom: 16px; transition: 0.4s; } header { height: 60px; } .content-wrapper { margin-top: 48px; } .fixed-pade { overflow: hidden; } .link_active { display: none; } .container { /* margin-left: 40px; */ margin-right: auto; max-width: 87%; } .header__container { margin-right: auto; margin-left: auto; max-width: 96%; } .filters-container { width: 535px; } .filters-container .filter { margin-bottom: 40px; } .form-container { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; } .wrapper { display: grid; grid-template-columns: 454px; font-size: 14px; } .btn, .contact-btn, .form-btn, .contact-form-btn { margin-left: auto; margin-right: auto; } } @media all and (max-width: 960px) { .form-container { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; } .wrapper { display: grid; grid-template-columns: 454px; font-size: 14px; } .wrapper-active { grid-template-columns: 454px; font-size: 14px; } .form-input{ margin-top: 10px; margin-bottom: 15px; } .wrapper div.select, .wrapper-active div.select { margin: 0; margin-top: 10px; margin-bottom: 15px; font-weight: 600; } div.lable { text-align: start; margin-top: 0px; margin-bottom: 0px; } .lable p { padding: 0px; } .contact-form-container { margin-left: 0px; } .contact-form { display: grid; grid-template-columns: 1px 454px; font-size: 14px; grid-template-rows: 49px 49px 49px 150px 0px 0px 0px 0px; } .contact-form-active { display: none; grid-template-columns: 281px; font-size: 14px; grid-template-rows: 0px 49px 19px 59px 19px 36px 0px 115px; } .btn, .contact-btn, .form-btn, .contact-form-btn { margin-left: auto; margin-right: auto; } } /* ipad mini 8.3 */ @media all and (max-width: 744px) and (min-width: 565px) { /* .container { width: fit-content; } */ .filters-container { width: 535px; } .filters-container .filter { margin-bottom: 40px; } footer .container{ display: block; } footer ul { display: block; margin-top: 32px; margin-bottom: 16px; } footer ul li{ display: flex; margin: 0; margin-bottom: 16px; } footer { height: 190px; } .form-container { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; } .wrapper { display: grid; grid-template-columns: 454px; font-size: 14px; } .wrapper-active { grid-template-columns: 454px; font-size: 14px; } .form-input{ margin-top: 10px; margin-bottom: 15px; } .wrapper div.select, .wrapper-active div.select { margin: 0; margin-top: 10px; margin-bottom: 15px; font-weight: 600; } div.lable { text-align: start; margin-top: 0px; margin-bottom: 0px; } .lable p { padding: 0px; } .contact-form-container { margin-left: 0px; } .contact-form { display: grid; grid-template-columns: 1px 454px; font-size: 14px; grid-template-rows: 49px 49px 49px 150px 0px 0px 0px 0px; } .contact-form-active { display: none; grid-template-columns: 281px; font-size: 14px; grid-template-rows: 0px 49px 19px 59px 19px 36px 0px 115px; } .btn, .contact-btn, .form-btn, .contact-form-btn { margin-left: auto; margin-right: auto; } } @media all and (max-width: 565px) { .container { margin-left: auto; margin-right: auto; width: 575px; } .filters-container { width: 247px; margin-right: auto; margin-left: auto; margin-top: 95px; } .filters-container .filter { margin-bottom: 19px; } div.scrollmenu { overflow: auto; white-space: nowrap; } footer .container{ display: block; } footer ul { display: block; margin-top: 32px; margin-bottom: 16px; } footer ul li{ display: flex; margin: 0; margin-bottom: 16px; } footer { height: 190px; } }