@media screen and (min-width: 1201px) {
.openMenu,.sidemenu,.hidden_social{display:none}
}
@media screen and (min-width: 481px) {
.mobile_banner,.mob_section,.mob_icon{display:none}
}
@media screen and (max-width: 1200px) {
.header_wrap .menu{display:none}
.hamburger{padding:0;display:flex}
.banner-title{font-size:50px}
.timer-caption{font-size:25px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background:white}
body.dark .hamburger-inner,body.dark .hamburger-inner:after,body.dark .hamburger-inner:before{background:#151515}
header.fixed .hamburger-inner,header.fixed .hamburger-inner:after,header.fixed .hamburger-inner:before{background:#151515}
.logo{}
.openMenu{margin-left:30px}
.header_wrap{padding:25px 0}
.timer-title{font-size:64px}
.timer-text{font-size:30px}
.infotext{font-size:18px}
.text_slider .text{font-size:19px}
.title_md{font-size:25px}
.img-side{width:45%}
.text-side{width:49%}
.text_slider{margin: 0 0 40px;}
section{padding:90px 0}
.law_card_caption{font-size:21px}
.law_card_title{font-size:16px}
.law_card_text{font-size:18px}
.title{font-size:32px}
.institute_card{padding:30px}
.institute_card_header .period{font-size:16px}
.institute_card_header{font-size:15px}
.institute_card_title{font-size:24px}
.fullname{font-size:23px}
.news_grid{grid-template-columns:repeat(3,1fr);gap:24px}
.latest_post .post_preview{padding:20px}
.mb55{margin-bottom:35px}
.footer_top{flex-wrap:wrap;gap:20px}
.fcol.fcol3{order:1;width:100%}
.fcol.fcol4{margin-left:auto}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:30px;height:2px}
.hamburger-box{width:30px}
.sidemenu{position:fixed;right:-350px;width:350px;height:100vh;background:white;z-index:1;transition:.5s;top:0}
.sidemenu.opened{right:0}
.sidemenu .logo{color:#151515}
.sidemenu .logo span{display:block}
.sidemenu_head{border-bottom:1px solid #ccc;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.closeMenu .hamburger-inner,.closeMenu .hamburger-inner:after,.closeMenu .hamburger-inner:before{background:#151515!important}
.sidemenu_body{padding:25px}
.sidemenu_body .menu{flex-direction:column;gap:0}
.sidemenu_body .menu li a{color:#151515;padding:20px 0;border-bottom:1px solid #ccc;display:block}
.eyes span{display:none}
.hidden_social.social {
    max-height: 38px;
    overflow: hidden;
}

.hidden_social.social.active {
    max-height: unset;
}
.header_wrap .social {display:none}
.hidden_social.social {
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 10px;
}

.hidden_social.social a:not(.soc_toggle) {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: all 0.3s ease;
}

.hidden_social.social.active a:not(.soc_toggle) {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.hidden_social.active a:nth-child(2) { transition-delay: 0.1s; }
.hidden_social.active a:nth-child(3) { transition-delay: 0.2s; }
.hidden_social.active a:nth-child(4) { transition-delay: 0.3s; }
.hidden_social.active a:nth-child(5) { transition-delay: 0.4s; }
.hidden_social.active a:nth-child(6) { transition-delay: 0.5s; }
.hidden_social.active a:nth-child(7) { transition-delay: 0.6s; }
.soc_toggle {
    cursor: pointer;
    z-index: 10;
}
.hidden_social.social a {
    background: white !important;
}

.hidden_social.social a svg * {
    stroke: #151515 !important;
}
.container {
    width: 100%;
}
}
@media screen and (max-width: 922px) {
.eyes span{display:none}
.banner-title{font-size:40px}
.banner-text{font-size:19px;margin-top:30px}
.banner-content-top{flex-direction:column;gap:50px}
.timer-side{margin:0 auto}
.slider-side{width:100%}
.timer-caption{text-align:center;margin-bottom:30px}
.links-grid{gap:15px}
.link-btn{font-size:17px;justify-content:center}
section{padding:75px 0}
.infotext{font-size:16px}
.text_slider .text{font-size:17px}
.title_md{font-size:21px}
.mb25{margin-bottom:15px}
.img-side *{}
.tabs_list{gap:10px}
.tab_btn{padding:12px 20px}
.mb45{margin-bottom:30px}
.mb50{margin-bottom:40px}
.law_card_caption{font-size:18px}
.law_card_text{font-size:16px}
.law_card_title{font-size:15px}
.bt{font-size:20px;min-height:55px}
.title{font-size:28px}
.swiper-pagination-bullet{width:12px;height:12px}
.nav_arr{gap:16px}
.institute_card_header{flex-direction:column;align-items:flex-start;gap:7px}
.institute_card_title{font-size:20px}
.institute_item{gap:16px}
.commission_card{width:320px;height:480px}
.commission_info{padding:25px 15px}
.news_section{grid-template-columns:1fr}
.news_column_list{max-height:450px}
.commission_info .quote{display:block;opacity:1;visibility:visible;margin-top:15px}
.header_side{width:30%}
.page_aside {
    width: 220px;
}

.page_menu li {
    font-size: 15px;
}

.page_content {
    width: calc(100% - 250px);
}

.page_title {
    font-size: 21px;
}

.article_title {
    font-size: 18px;
}
.media_card {
    height: 400px;
}
.img_note {
    font-size: 10px;
}
}
@media screen and (max-width: 480px) {
.logo span{display:none}
.openMenu{margin-left:20px}
.header_wrap .social{margin-right: 5px;gap: 5px;}
.header_wrap{padding:10px 0}
header.fixed .header_wrap{padding:10px 0}
.timer-section{min-width:100px}
.timer-title{font-size:57px}
.timer-text{font-size:27px}
.timer-caption{font-size:26px;margin-bottom:20px}
.links-grid{grid-template-columns:repeat(2,1fr);gap: 8px;}
.banner-title{font-size:32px;text-align:center}
.banner-text{margin-top:20px;font-size:15px}
.banner-content-top{gap:30px;margin-top:0;height:100%}
.info-block{flex-direction:column;gap:25px}
.text-side{width:100%}
.img-side{width:100%}
.tab_btn{padding:9px 7px;gap:4px}
section{padding:60px 0}
.project_card_flex{grid-template-columns:1fr}
.title{font-size: 26px;}
.law_card_title{font-size:14px}
.law_card_caption{min-height:auto}
.law_card_body{padding:25px 0 0}
.bt{font-size:18px;min-height:50px}
.institute_item{grid-template-columns:1fr}
.title_wrap{flex-wrap:wrap;gap:20px}
.nav_arr{width:100%}
.title_wrap .swiper-pagination{text-align:left}
.institute_card_header{margin-bottom:20px}
.institute_card_title{font-size:18px}
.fullname{font-size:20px}
.news_grid{grid-template-columns:1fr}
.post_card.latest_post{grid-area:auto;height:420px}
.latest_post .post_preview{left:10px;bottom:10px}
.latest_post .post_bottom{margin-top:20px}
.latest_post .post_title{font-size:18px}
.posts_aside .bt{margin-top:20px;font-size:18px;min-height:50px}
.policy_links{flex-wrap:wrap}
.banner-content{gap:40px}
.main-section{height:800px}
.banner-wrapper{border-bottom:30px}
.img_slider img{height:300px}
.post_img{height:250px}
.logo{order:-1}
.header_side{width:auto}
.language_select{margin-right:0;margin-left:7px}
.banner-wrapper{position:relative;padding:100px 0 20px}
.main-slider{position:absolute;top:0;left:0;width:100%;height:100%}
.banner-text{width:100%;text-align:center}
.timer-sections{gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}
.blue_section{padding:40px 20px}
.funfact_slide{font-size: 21px;}
.funfact_title{font-size:18px;margin-bottom:20px}
.quiz_option{font-size:18px;padding:10px 15px}
.quiz_header{font-size:18px;margin-bottom:14px}
.points_count{font-size:19px}
.title.font34{font-size:21px}
.desktop_banner{display:none}
.main-slider .swiper-slide .oyu{display:none!important}
.social a,.eyes .icon{background:#FFFFFF4D}
.social a svg *{stroke:white}
.eyes .icon svg *,body.dark .eyes .icon svg *{fill:white}
body.dark .social a{background:#1515154D;border:none}
body.dark .eyes .icon{background:#1515154D}
.banner-content .links-grid{display:none}
.banner-title br{display:none}
.logo img{width: 120px;}
.eyes .icon{width:38px;height:38px}
.header_left_side{order:1}
.timer-side{width:100%}
a{transition:.5s}
.tabs_list{gap:6px}
.mob_section .link-btn{border:1px solid #15151533!important;color:#151515!important}
section.mob_section{padding:20px 0}
header.fixed .eyes .icon svg *{fill:#151515}
header.fixed .social a svg *{stroke:#151515}
header.fixed .eyes .icon{border:1px solid #15151533;background:transparent}
body.dark header.fixed .eyes .icon{background:transparent}
body.dark header.fixed .eyes .icon svg *{fill:#151515}
body.header_pad {
    padding-top: 65px;
}
   .page_menu_title {
    font-size: 16px;
}

.page_row {
    flex-wrap: wrap;
    gap: 40px;
}

.page_aside {
    width: 100%;
    position: unset;
}

.page_content {
    width: 100%;
    font-size: 16px;
}

.page_menu li:not(:last-child) {
    margin-bottom: 10px;
}

.page_title {
    font-size: 18px;
}

.article_title {
    font-size: 16px;
}

.accord_item:not(:last-child) {
    margin-bottom: 10px;
}

.bvi-body .header_wrap {
    flex-wrap: wrap;
}

.fcol.fcol4 {
    order: 2;
    width: 100%;
}
.bvi-body .law_card:before {
    display: none;
}
.result_block_final {
    font-size: 16px;
}

.result_score {
    font-size: 20px;
}
.link-btn {
    font-size: 14px;
}

.link-btn {
    padding: 20px 5px;
}
.banner-image {
    height: 100%;
}
.mob_icon {
    width: 75px;
    height: 75px;
    border: 1px solid #B9C2D3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}

.text_slider .text {
    text-align: center;
    font-size: 18px;
}

.text_slider .text .title_md {
    font-size: 31px;
}

.text-side .nav_arrows {
    width: 100%;
    justify-content: space-between;
}
.tab_btn svg {
    min-width: 24px;
}
.blue_section.facts_section:before {
    height: 150px;
    background-size: cover;
}
.blue_section:before {
    height: 150px;
    background-size: cover;
}
.mb65 {
    margin-bottom: 30px;
}

.text.font19 {
    font-size: 16px;
}
.main-section.centered_banner {
    height: 600px;
}

.centered_banner .banner-content-top {
    justify-content: center;
}
.search_outer_wrapper.sticky {
    position: unset;
    padding: 0;
}

.search_outer_wrapper.sticky .mb50, .search_outer_wrapper .mb50 {
    margin-bottom: 20px;
}

.search_outer_wrapper.sticky .search_field,  .search_field {
    margin-bottom: 20px;
}
.logo {
    margin-right: auto;
}

}