/*
* file adaptive.css
*/

/*
*********************************** HEADER START
*/

@media (max-width: 1280px) {
:root {
    --menufontsize: 14px;
    --menulineheight: 130%;
}
}

@media (max-width: 1280px) {
ul#menu-header-top {
    gap: 0px;
}
}

@media (max-width: 1200px) {
.header__logo img.custom-logo {
    height: 30px;
    width: auto;
}
ul#menu-header-top a {
    padding: 6px 0;
}
ul#menu-header-top, ul#menu-header-bottom {
    gap: 16px;
}

}
@media (min-width: 961px) {
.auth-link {
    display: none;
}
}

@media (max-width: 500px) {
.location-city {
    display: none;
}
.city_container {
    position: absolute;
    right: 90px;
}
}
/*
*********************************** HEADER END
*/

/*
*********************************** FOOTER START
*/

@media (max-width: 1200px) {
.site-name {
    font-size: var(--menufontsize);
    line-height: 170%;
}
#footer ul.menu a {
    font-size: var(--menufontsize);
    line-height: var(--menulineheight);
}
}

@media (max-width: 800px) {
#footer__menu_left {
    display: none;
}
}
@media (max-width: 768px) {
.site-info {
    margin: 32px 0;
}
.slogan {
    margin-left: 10%;
}
}

@media (max-width: 680px) {
.fooprew {
    flex-direction: column;
}
.slogan {
    margin-left: 0;
    overflow: hidden;
}
.site-copyright {
    font-size: 14px;
    flex-wrap: wrap;
}
.site-info {
    flex-direction: column;
    gap: 6px;
    margin: 32px auto;
}
#footer ul.menu a {
    padding: 6px 0;
}
}

@media (max-width: 520px) {
.slogan__text {
    font-size: 14px;
}
}

@media (max-width: 420px) {
.fooprew {
    height: 105px;
}
.slogan {
    flex-wrap: wrap;
}
.slogan__text:nth-child(2) {
    width: 70%;
}
.slogan__text:nth-child(3) {
    margin-left: auto;
}
span.separator {
    border-right: none;
}
}

@media (max-width: 376px) {
#footer .container {
    padding: 0 10px;
}
.site-name, #footer ul.menu a, .site-copyright {
    font-size: 12px;
}
}
/*
*********************************** FOOTER END
*/

/*
*********************************** adaptive START
*/

@media(max-width: 1120px) {

}

/*
*********************************** adaptive END
*/

/*
*********************************** page START
*/

@media(max-width: 768px) {
.block-effect {
    padding: 0;
    background: none;
    border-radius: inherit;
    box-shadow: none;
}

.left-content-wrapper {
    width: 100%;
    padding: 0;
}

.right-sidebar-wrapper {
    width: 100%;
}

.sticky {
    position: inherit;
}
#secondary .sticky {
    top: inherit;
}

}

/*
*********************************** page END
*/