@media (max-width: 1599px){
    .sticky-social-list{right: 35px;}
}

@media (max-width: 1439px){
    .header .brand img{width: 110px;}

    .h-title{font-size: 46px;}
    .h-title .highlight:before{height: 23px;}
    .text-small{font-size: 28px;}

    .breadcrumb{margin-bottom: 26px;}
}

@media (max-width: 1365px){
    .container{max-width: 1140px !important;}

    .header.theme-app .brand img{width: 112px;}
}

@media (max-width: 1199px){
    .container{max-width: 960px !important;}


    .header .block-menu{max-width: 750px;}

    .header.theme-app .menu-list > li{padding: 0 10px;}

    .btn{height: 40px; min-width: 110px;}

    .header .container > div,
    .header.tiny .container > div,
    .header.theme-app.tiny .container > div{height: 70px;}
    .header .brand img{width: 100px;}
    .menu-mobile-btn{margin-left: -8px; position: absolute; right: 0;}
	.menu-mobile-btn .btn-mobile{
		display: block;
		width: 50px;
		height: 40px;
		position: absolute;
        right: -10px;
        top: 50%;
        transform: translate(0, -50%);
		z-index: 92;
        transition: all 300ms;
	}
	/* .menu-mobile-btn .btn-mobile.open{transform: translate(220%, -50%);} */
    .menu-mobile-btn .btn-mobile > div{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 30px;
		height: 22px;
	}
	.menu-mobile-btn .btn-mobile .bar{
		background-color: var(--color_dark);
		position: absolute;
		height: 2px;
		border-radius: 30px;
		left: 0;
		margin: auto;
        transition: all 300ms;
	}
	.menu-mobile-btn .btn-mobile .bar:nth-child(1) {
		top: 0;
		width: 100%;
	}
	.menu-mobile-btn .btn-mobile .bar:nth-child(2) {
		top: 50%;
		width: 100%;
		background-color: var(--color_dark);
        transform: translate(0, -50%);
	}
	.menu-mobile-btn .btn-mobile .bar:nth-child(3) {
		top: 50%;
		width: 100%;
		background-color: var(--color_dark);
        transform: translate(0, -50%);
	}
	.menu-mobile-btn .btn-mobile .bar:nth-child(4) {
		bottom: 0;
		width: 100%;
	}

    .menu-mobile-btn .btn-mobile.open .bar:nth-child(1),
    .menu-mobile-btn .btn-mobile.open .bar:nth-child(4){opacity: 0;}

    .menu-mobile-btn .btn-mobile.open .bar:nth-child(2){transform: translate(0, -50%) rotate(-40deg); background-color: #696969}
    .menu-mobile-btn .btn-mobile.open .bar:nth-child(3){transform: translate(0, -50%) rotate(40deg); background-color: #696969}

    .header .block-menu{
        display: block;
        position: fixed;
        top: 0px;
        right: -100%;
        background-color: var(--color_light);
        width: 320px;
        height: 100vh;
        padding-top: 60px;
        z-index: 91;
        box-shadow: 0 4px 44px rgba(0, 0, 0, 0.15);
        border-top-left-radius: 20px;
        overflow: auto;
        transition: all 400ms;
    }
    .header .block-menu.open{right: 0;}
    .block-laso{display: flex; flex-direction: column;}
    .block-laso > ul{order: 2;}
    .header .item-list{
        display: block;
        margin: 0 10px;
    }

    .header .menu-list > li,
    .header.theme-app .menu-list > li{padding: 10px 6px; border-bottom: 1px solid var(--color_gray);}
    .header .dropdown a, .header .dropdown .link{width: 100%;}
    .header .menu-list .link{width: 100%; font-size: 17px;}
    .header .menu-list .link:before{display: none;}
    .header .item-list.social-list{display: flex;}
    .header .item-list.social-list{padding: 10px 0 0;}
    .header .social-list > li{padding: 5px 6px;}
    .header .social-list > li:first-child{padding-left: 15px;}
    .header .lang .dropdown{padding: 5px 20px;}

    .header .lang .dropdown{margin-top: 5px;}
    .header .dropdown.active{height: 100%;}
    .header .dropdown .dropdown-menu,
    .header.tiny .dropdown .dropdown-menu{padding-top: 0px;}
    .header .dropdown .dropdown-menu .content{
        position: relative;
        width: 100%;
        padding: 0;
        box-shadow: inherit;
        overflow: hidden;
        border: none;
        opacity: 1;
        margin-top: 0;
        transition: all 0.6s;
    }
    .header .dropdown:hover .dropdown-menu .content{border: none;}
    .header.tiny .dropdown .dropdown-menu .content{margin-top: 0;}
    .header .dropdown-menu .dropdown-item{padding: 8px 0;}

    .header .menu-overlay{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 90;
		visibility: hidden;
		transition: all 300ms;
	}
	.header .menu-overlay.open{visibility: visible;}
    .header .dropdown .dropdown-menu{position: relative;}
    .header .dropdown .dropdown-toggle.active:after{transform: translate(0, -50%) rotate(-180deg);}
    .header .dropdown-menu .dropdown-item + .dropdown-item{border: none;}

    .header.theme-app .block-laso{grid-template-columns: repeat(1, 1fr);}
    .header.theme-app .block-laso .block{display: none;}
    .header.theme-app .block{width: 100%; max-width: 200px; padding-right: 50px;}
    .header.theme-app .block .btn{font-size: 14px; min-width: auto;}


    .mt-f-sec{margin-top: 70px;}

    @supports (backdrop-filter: none) {
        .menu-overlay{
            background-color: rgba(0, 44, 80, 0);
            backdrop-filter: blur(0);
            -webkit-backdrop-filter: blur(0);
        }
        .menu-overlay.open{
            background-color: rgba(0, 44, 80, .15);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
    }
    @supports not (backdrop-filter: none) {
        .header .menu-overlay{
            background-color: rgba(0, 44, 80, 0);
            -webkit-backdrop-filter: blur(0);
        }
        .header .menu-overlay.open{
            background-color: rgba(0, 44, 80, .3);
            -webkit-backdrop-filter: blur(10px);
        }
    }

    .otherYear{padding: 30px 0 80px;}
}

@media (max-width: 991px){
    .container{max-width: 960px !important;}

    .showpc {display: none;}
    .showmb {display: block;}
    
	.menu-mobile-btn .btn-mobile.open{transform: translate(0, -50%);}

    .sticky-social-list{
        position: fixed;
        top: inherit;
        bottom: 35px;
        display: flex;
        flex-direction: column;
        right: 23px;
        opacity: 1;
        transition: all 0.15s ease;
    }



    .sticky-social-list.hide {opacity:0; pointer-events: none;}


    .sticky-social-list ul{
        margin: 8px 0 0;
        overflow: hidden;
        max-height: 0;
        order: 1;
        transition: all 500ms;
    }
    .sticky-social-list ul.active{max-height: 20em;}
    .sticky-social-list .social-list-title{
        --size: 48px;
        position: relative;
        order: 2; 
        width: var(--size);
        height: var(--size);
        /* overflow: hidden; */
        cursor: pointer;
        border-radius: 6px;
        border: 1px solid #C4C4C4;
        background-color: var(--color_light);
        color: var(--color_dark);
        transition: all 0.15s ease;
    }

    .sticky-social-list .social-list-title > span.text{
        display: block;
        position: relative; 
        font-size: 12px;
        bottom: -50px; 
        transform: translate(0 , 0); 
        visibility: visible; 
        opacity: 1; 
        transition-delay: 250ms; 
        transition: all 300ms;
    }
    .sticky-social-list .social-list-title > img{position: absolute;
        --size: 45%;
        top: 48%;
        left: 48%;
        width: var(--size);
        height: var(--size);
        transform: translate(-48%, -48%);
        visibility: visible;
        opacity: 1;
        transition-delay: 250ms;
        transition: all 300ms;
    }
    .sticky-social-list .social-list-title.active > img{visibility: hidden; opacity: 0; transition-delay: 200ms;}
    .sticky-social-list .social-list-title.active > span.text{visibility: hidden; opacity: 0; transition-delay: 200ms;}
    .sticky-social-list .social-list-title > div{
        position: relative;
        opacity: 0;
        top: 12%;
        left: 0%;
        visibility: hidden;
        transform: rotate(-180deg) translate(0, 0);
        transition-delay: 350ms;
        transition: all 450ms;
    }
    .sticky-social-list .social-list-title.active > div{transform: rotate(0) translate(0, -50%); opacity: 1; visibility: visible; transition-delay: 300ms;}
    .sticky-social-list .social-list-title > div span{
        position: absolute;
        top: 0;
        left: 25%;
        width: calc(100% - 25px);
        height: 2px;
        background-color: var(--color_dark);
        transform: rotate(0) translate(0 , 0);
        transition: all 400ms;
    }
    
    .sticky-social-list .social-list-title > div span:nth-child(1){transform: rotate(45deg) translate(0 , 0);}
    .sticky-social-list .social-list-title > div span:nth-child(2){transform: rotate(-45deg) translate(0 , 0);}

    .sticky-social-list.contactSocial ul{max-height: inherit; margin: -2px 0 0;}
    .sticky-social-list.contactSocial .social-list-title{background-color: transparent; border: none; order: 1; width: fit-content; height: auto;}
    .sticky-social-list.contactSocial .social-list-title > span.text{bottom: 0; font-size: 14px;}
    .sticky-social-list.contactSocial .social-list-title.active > span.text{visibility: visible; opacity: 1;}

}
@media (max-width: 767px){
    .container{max-width: 100% !important; padding: 0px 15px;}

    .h-title{font-size: 33px;}
    .h-title .highlight:before{height: 15px;}

    .text-small{font-size: 22px;}

    .breadcrumb > ul{display: block;}
    .breadcrumb ul > li{font-size: 16px; width: fit-content;}

    .otherYear{padding: 20px 0 55px;}
    .swiperOtherYear{margin-top: 20px;}
    .swiperOtherYear .block .name{font-size: 14px; padding-top: 10px;}
    .swiper-pagination{margin-top: 16px;}
    .swiper-pagination-bullet{--sizePagin: 7px; margin: 0 2px;}
    .swiper-pagination-bullet-active{width: 20px;}

    .otherYear_theme2 .swiperOtherYear .block .desc{font-size: 16px;}

    .swiperOtherYear .block figure.cover{height: 122px;}
}

@media (max-width: 575px){

    .header .brand img{width: 80px;}
    .header .block-menu{padding-top: 50px;}

}

@media (max-width: 375px){

}

@media (min-width: 1200px){
    .header .block.d-none{display: none;}
}