@media (min-width: 1551px) { .container { max-width : 1472px; } } @media screen and (min-width:1366px) { .navbar-collapse { display : flex !important; justify-content : end; } } @media (min-width: 1300px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width : 1290px; } } @media screen and (max-width:850px) { .sideMenu { z-index: 999999999999; } .header { .center { .chose-lang { .dropdown-menu { left : -15px !important; &::before { left : 20px; } } } } } .loader { .services_svg_anime { object { width : 100%; } } } .services_section { .services_svg_anime { width : 100%; } } .avatar-section { .shape { width : 30px; } } .sideMenu ul { .btn-darklight-switch { display : none !important; } } .owl-controls .owl-buttons .owl-prev { left : 5px; } .owl-controls .owl-buttons .owl-next { right : 5px; } .skills_section { .skills_container { .skills_item { width : 100%; } } } .mobile-menu-header { display : flex !important; align-items : center; justify-content : center; width : 100%; height : 120px; } .services_section { .box-container { flex-wrap : wrap; .box-item { width : 100%; margin-bottom : 20px; height : 250px; } } } .loader { img { width : 200px; } } .avatar-section { .svg_animation { width : 100%; left : 0; top : 0; } } .main-section { padding : 50px 0 80px 0; .center-body { h4 { font-size : 2.5rem; line-height : 45px; svg { left : -25px !important; width : 129%; top : -26px !important; } } } } .navbar-nav { .nav-link { padding-left : 30px; font-size : 14px; margin : 2px 0; } } .sideMenu { ul { margin-top : 50px; } } .header { .left { order : 2; width : 50%; display : flex; justify-content : center; align-items : center; } .center { order : 1; width : auto; width : 25%; .chose-lang { margin-left : 0; .btn { padding : 0; span { display : none; } } .dropdown-toggle::after { display : none; } } } .right { order : 3; width : 25%; display : flex !important; align-items : center; justify-content : end; padding-right : 20px; } } }