sharix-open-webadmin/css/adaptation.css

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;
    }
}