@media (max-width: 1599px){
    
}

@media (max-width: 1439px){
   
}

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

    .top-header .inp-search .form-control{width: 320px;}

}

@media (max-width: 1199px){
    :root{
        --font-xs: 14px;
        --font-sm: 16px;
        --font-md: 18px;
        --font-lg: 24px;
    
        --font-h1: 46px;
        --font-h2: 36px;
        --font-h3: 28px;
        --font-h4: 24px;
        --font-h5: 22px;
    }

    .container{max-width: 960px !important;}


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

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

    .menu-mobile-btn{margin-left: -8px; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%);}
	.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_light);
		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_light);
        transform: translate(0, -50%);
	}
	.menu-mobile-btn .btn-mobile .bar:nth-child(3) {
		top: 50%;
		width: 100%;
		background-color: var(--color_light);
        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: var(--color_light)}
    .menu-mobile-btn .btn-mobile.open .bar:nth-child(3){transform: translate(0, -50%) rotate(40deg); background-color: var(--color_light)}
    .fest-header .top-header{height: 80px;}
    .brand-desktop{display: none;}
    .top-header .brand{max-width: 66px; position: absolute; top: 50%; left: 15px; transform: translate(0, -50%);}
    .top-header .inp-search .form-group{margin-bottom: 15px;}
    .top-header .inp-search .form-control{width: 360px;}
    .top-header .item-list.outside{padding-bottom: 20px;}
    .top-header .container > div{
        position: fixed;
        flex-direction: column;
        width: 100%;
        height: auto;
        background: var(--color_primary);
        top: 80px;
        left: 0;
        z-index: 99;
        opacity: 0;
        pointer-events: none;
        transition: var(--transition-300);
    }
    .top-header .container > div.active{opacity: 1; pointer-events: inherit;}
    .fest-header .bottom-header{
        position: fixed; 
        top: 195px; left: 0; bottom:0;
        width: 100%; 
        height: auto;
        min-height: auto;
        overflow-y:scroll;
        overflow-x:hidden;
        opacity: 0; 
        pointer-events: none; overflow: auto; transition: var(--transition-300);
    }
    .fest-header .bottom-header.active{opacity: 1; pointer-events: inherit;}
    .fest-header .bottom-header .menu-list{flex-wrap: wrap; justify-content: flex-start;}
    .fest-header .bottom-header .menu-list > li{flex: 0 0 calc(100% / 1); margin-bottom: 20px;}
    .fest-header .bottom-header .menu-list > li.arrow-dropdown{position: relative;}
    .fest-header .bottom-header .menu-list > li.arrow-dropdown:before{
        content: '';
        position: absolute;
        top: 18px; right: 10px; 
        --size: 9px; width: var(--size); height: var(--size);
        border-top: 2px solid var(--color_primary);
        border-right: 2px solid var(--color_primary);
        transform: translate(0, -50%) rotate(135deg);
        transition: var(--transition-300);
    }
    .fest-header .bottom-header .menu-list > li.arrow-dropdown.active:before{transform: translate(0, -50%) rotate(-45deg);}
    .fest-header .bottom-header .menu-list > li .link{display: flex; align-items: center; justify-content: inherit; padding-bottom: 6px;}
    .fest-header .bottom-header .menu-list > li .link:before{height: 1px;}
    .fest-header .bottom-header .menu-list .link img{margin: 0; margin-right: 7px;}
    .fest-header .bottom-header > div > div{max-width: 100%; margin: 0 auto;}
    .fest-header .menu-list .dropdown .dropdown-list{z-index: 99; display: inherit; position: relative; transition: inherit; padding: 20px 0; box-shadow: inherit; overflow: auto;}
    .fest-header .menu-list .dropdown .dropdown-list > div{width: 100%;}
    .fest-header .menu-list > li:hover .dropdown .dropdown-list{max-height: inherit; display: none;}
    .fest-header .menu-list > li .dropdown .dropdown-list{height: auto; max-height: inherit;}
    .fest-header .menu-list > li .dropdown .dropdown-list,
    .fest-header .menu-list > li:hover .dropdown .dropdown-list{
        max-height: inherit;
        visibility: inherit;
        opacity: inherit;
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
    .fest-header .menu-list > li .dropdown .dropdown-list .link-item{margin-bottom: 15px; flex: 0 0 calc(100% / 6);}
    .fest-header .menu-list > li .dropdown .dropdown-list .link-item img{max-width: 100%; margin: 0 auto 10px;}

    .pager{--size: 38px;}

    /* .item-card figure.contain{padding-bottom: 50%;} */
}

@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%);}
    
    .row > .col-2, .row > .col-3, .row > .col-4, .row > .col-5, .row > .col-6, 
    .row > .col-7, .row > .col-8, .row > .col-9, .row > .col-10, .row > .col-11,
    .row > .col-12{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

    .fest-header .menu-list > li .dropdown .dropdown-list .link-item{flex: 0 0 calc(100% / 5);}

    .sec-doozy{padding: 50px 0 30px;}
    .sec-doozy .logo-doozy figure.contain{padding-bottom: 15% !important;}
    .sec-doozy .action{width: fit-content; margin: 0 auto;}
    .sec-doozy .action img{max-width: 300px;}

    .app-footer .brand img{margin: 0 auto;}
    .app-footer .address{text-align: center; margin-bottom: 20px;}
    .app-footer .row{text-align: center; margin-bottom: 15px;}
    .app-footer .f-title{margin: 15px 0 0;}
    .app-footer .btn-title{position: relative; width: fit-content; margin: 0 auto; padding: 5px 20px; cursor: pointer;}
    .app-footer .btn-title:before{
        --size: 7px; width: var(--size); height: var(--size);
        content: '';
        position: absolute; top: 50%; right: 0;
        border-top: 2px solid var(--color_light);
        border-right: 2px solid var(--color_light);
        transform: translate(0, -50%) rotate(135deg);
        transition: var(--transition-300);
    }
    .app-footer .btn-title.active:before{transform: translate(0, -20%) rotate(315deg);}
    .app-footer .contact .item-list{width: fit-content; margin: 0 auto;}

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

    .sec-relateblog .block-slide .swiper-slide{opacity: 1; transform: scale(1);}
}

@media (max-width: 575px){
    :root{
        --font-xs: 14px;
        --font-sm: 16px;
        --font-md: 20px;
        --font-lg: 22px;
    
        --font-h1: 36px;
        --font-h2: 30px;
        --font-h3: 24px;
        --font-h4: 22px;
        --font-h5: 20px;
    }

    .top-header .container > div{padding-top: 5px;}
    .top-header .item-list.outside{margin: 0; flex-wrap: wrap; justify-content: center;}
    .top-header .item-list.outside > li{padding: 0; flex: inherit; justify-content: center; align-items: center; padding: 0 6px;}
    .top-header .item-list.outside > li + li {margin-top: 7px;}
    .top-header .item-list.outside > li:not(:last-child):before{display: none;}
    .fest-header .bottom-header{top: 237px;}
    .fest-header .menu-list > li .dropdown .dropdown-list .link-item{padding: 0 8px; flex: 0 0 calc(100% / 2); margin-bottom: 10px;}
    /* .fest-header .menu-list > li:hover .dropdown .dropdown-list{max-height: 7em;} */
    .top-header .inp-search .form-control{height: 35px; font-size: 18px;}
    .en .top-header .inp-search .form-control{width: 340px;}
    
    .h-title{line-height: 1em;}
    .sec-doozy .action img{max-width: 200px;}

    .breadcrumb .item-list{margin: 0;}
    /* .breadcrumb .item-list .link{width: min-content;} */
    .breadcrumb .item-list > li {
        padding: 0 13px;
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
    }
    .breadcrumb .item-list .link{width: max-content;}
    .breadcrumb .item .link.text-limit{min-width: auto; max-width: 100%; width: calc(100% - 15px);}

    .sec-relateblog{padding: 30px 0;}

    .sec-incprod .block-title .title{font-size: var(--font-h2);}
    .sec-incprod .block-title .btn{min-width: fit-content;}


    .app-footer .line{margin: 30px 0 10px;}

}

@media (max-width: 375px){
    :root{
        --font-xs: 14px;
        --font-sm: 16px;
        --font-md: 20px;
        --font-lg: 22px;
    
        --font-h1: 30px;
        --font-h2: 26px;
        --font-h3: 24px;
        --font-h4: 22px;
        --font-h5: 20px;
    }
    .breadcrumb .item-list > li{padding: 0 8px;}

    .fest-header .bottom-header{top: 282px;}

}

@media(min-width: 481px) and (max-width: 575px){
    .fest-header .bottom-header{top: 249px;}
}

@media(min-width: 768px){
    .order-md-1{order: 1;}
    .order-md-2{order: 2;}
    .order-md-3{order: 3;}
}
@media (min-width: 992px){
    .brand-mobile{display: none;}
    .order-lg-1{order: 1;}
    .order-lg-2{order: 2;}
    .order-lg-3{order: 3;}
}