@media screen and (min-width: 1600px){
    .container {
        max-width: 1220px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
    body {
        font-size: 15px;
    }
    .container {
        max-width: 1200px;
    }
    .title {
        font-size: 32px;
    }
    .banner_item h2 {
        font-size: 40px;
    }
}
@media screen and (min-width: 1200px){
    .visible-mobile, .menu_mb {
        display: none;
    }
    .visible-desktop {
        display: block;
    }
    #menu, #hamburger, .hotmb {
        display: none !important;
    }
}
@media screen and (max-width: 1199px) {
    body {
        font-size: 15px;
    }
    #back-to-top.show{opacity:1;}
    #menu {
        display: none;
    }
    .mm-menu {
        background: #8b0030;
        z-index: 99999;
    }
    .mm-listitem>a, .mm-menu .mm-navbar a, .mm-menu .mm-navbar>*, .mm-counter {
        color: #fff !important;
        text-transform: uppercase;
    }
    .mm-menu .mm-listview .mm-btn_next:after , .mm-menu .mm-btn:after, .mm-menu .mm-btn:before{
        border-color:  #ffff;
    }
    .mburger {
        --mb-button-size: 60px;
        --mb-bar-width: 0.6;
        --mb-bar-height: 4px;
        --mb-bar-spacing: 10px;
        --mb-cross-timeout: 0.4s;
        background: 0 0;
        border: none;
        border-radius: 0;
        color: #fff;
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        height: var(--mb-button-size);
        padding: 0 0 0 var(--mb-button-size);
        margin: 0;
        line-height: var(--mb-button-size);
        vertical-align: middle;
        appearance: none;
        outline: 0;
        cursor: pointer;
    }
    #hamburger .mburger {
        margin-left: 0;
        --mb-button-size: 31px;
        --mb-bar-height: 2px;
        --mb-bar-width: 0.8;
        --mb-bar-spacing: 6px;
    }
    .mburger b {
        display: block;
        position: absolute;
        left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
        width: calc(var(--mb-button-size));
        height: var(--mb-bar-height);
        border-radius: calc(var(--mb-bar-height)/ 2);
        background: currentColor;
        color: inherit;
        opacity: 1;
    }
    .mburger b:nth-of-type(1) {
        bottom: calc(50% + var(--mb-bar-spacing));
        transition: bottom .2s ease,transform .2s ease;
    }
    .mburger--collapse b:nth-of-type(1) {
        transition: bottom .2s ease,margin .2s ease,transform .2s ease;
        transition-delay: .2s,0s,0s;
    }
    .mburger b:nth-of-type(2) {
        top: calc(50% - (var(--mb-bar-height)/ 2));
        transition: opacity .2s ease;
    }
    .mburger--collapse b:nth-of-type(2) {
        transition: top .2s ease,opacity 0s ease, width ease 0.3s;
        transition-delay: .3s,.3s;
    }
    .mburger b:nth-of-type(3) {
        top: calc(50% + var(--mb-bar-spacing));
        transition: top .2s ease,transform .2s ease;
    }
    .mm-wrapper_opened .mburger b:nth-of-type(1) {
        bottom: calc(50% - (var(--mb-bar-height)/ 2));
        transform: rotate(
                45deg
        );
    }
    .mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
        bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
        margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
        transform: rotate(
                45deg
        );
        transition-delay: calc(var(--mb-cross-timeout) + .1s),calc(var(--mb-cross-timeout) + .3s),calc(var(--mb-cross-timeout) + .3s);
    }
    .mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
        top: calc(50% + var(--mb-bar-spacing));
        opacity: 0;
        transition-delay: calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .2s);
    }
    .mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
        top: calc(50% - (var(--mb-bar-height)/ 2));
        transform: rotate(
                -45deg
        );
        transition-delay: calc(var(--mb-cross-timeout) + .3s),calc(var(--mb-cross-timeout) + .3s);
    }
    .mburger--collapse b:nth-of-type(1), .mburger--collapse b:nth-of-type(3) {
        width: 28px;
    }
    .mburger--collapse b:nth-of-type(2) {
        width: 28px;
    }
    .mm-wrapper_opened .mburger--collapse b{
        width: 28px;
    }
    #hamburger:focus {
        color: #fff;
    }
    /*.mburger.mburger--collapse b {*/
    /*    transition: width ease 0.3s, top .2s ease,opacity 0s ease;*/
    /*}*/
    .mburger.mburger--collapse:hover b {
        width: 28px;
    }
    body {
        font-size: 15px
    }

    .visible-mobile {
        display: block;
    }

    .visible-desktop {
        display: none;
    }
    .pd-60 {
        padding: 30px 0;
    }
    .pdt-60 {
        padding-top: 30px;
    }
    .pdt-30 {
        padding-top: 30px;
    }
    header {
        padding: 5px 0;
    }
    header .col-md-10 {
        display: none;
    }
    .title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .banner_item h2 {
        font-size: 24px;
        max-width: 100%;
        text-align: center;
    }
    .banner_item .mgt-30 {
        text-align: center;
    }
    .logo img {
        height: 55px;
    }
    main {
        padding-top: 65px;
    }
    #hamburger {
        position: absolute;
        right: 15px;
        top: 17px;
    }
    #menu {
        background: #2b3661;
        z-index: 999999;
    }
    .mm-menu_opened {
        display: block !important;
    }
    .mm-page__blocker {
        z-index: 999999;
    }
    .banner_item img {
        height: 300px;
    }
    .sec_2 .col-md-3:not(:last-child) ,
    .sec_1 .col-md-3:not(:last-child) {
        margin-bottom: 20px;
    }
    .sec_2:before {
        display: none;
    }
    .sec_2 {
        margin: 0 15px;
        padding: 30px 0;
    }
    .indexs > div {
        font-size: 30px;
    }
    .accordion-header .accordion-button {
        font-size: 16px;
    }
    .font-size-18 {
        font-size: 16px;
    }
    .mgb-60 {
        margin-bottom: 30px;
    }
    .font-size-22 {
        font-size: 18px;
    }
    .sec_5 .col-md-6:first-child {
        order: 2;
        margin-top: 20px;
    }
    .row_10 > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .sec_7 {
        background-image: none;
    }
    #accordion2 {
        margin-top: 20px;
    }
    .ft_flex {
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .ft_flex > div {
        margin-top: 20px;
        width: 50%;
    }
    @keyframes ring-alo-circle-img-anim {
        0% {
            transform: rotate(0deg) scale(1) skew(1deg);
        }
        10% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
        30% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        40% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
        50% {
            transform: rotate(0deg) scale(1) skew(1deg);
        }
        100% {
            transform: rotate(0deg) scale(1) skew(1deg);
        }
    }
    .hotmb {
        animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
        background: #e1af28;
        border-radius: 50%;
        height: 40px;
        width: 40px;
        position: absolute;
        right: 60px;
        top: 12px;
    }
    .hotmb i {
        transform: rotateZ(90deg);
    }
    .frm {
        padding: 0 20px;
        width: 100%;
    }
    .font-size-32, .font-size-54 {
        font-size: 24px;
    }
    .frm input, .frm select {
        height: 40px;
    }
    .frm textarea {
        height: 80px;
    }
    .sec_8:before {
        display: none;
    }
    .banner_img.zoom-img:before {
        padding-bottom: 250px;
    }
    .pd-090 {
        padding: 0;
    }
    .sec_8 .row {
        margin: 0 -15px;
    }
    .sec_8 .row > div {
        padding: 0 15px;
    }
    /*.sec_4_slider .swiper-button {*/
    /*    display: none;*/
    /*}*/
    .dv2 {
        margin-top: 30px;
    }
    .dv2 .col-md-6:first-child {
        margin-top: 10px;
        order: 2;
    }
    .sticky-top {
        margin-top: 20px;
        text-align: center;
    }
    .news_cache {
        margin-top: 10px;
    }
    .news_cache h2 a {
        font-size: 16px !important;
    }
    .article h1 {
        font-size: 24px;
    }
    .ct_link {
        justify-content: center;
    }
    .swiper-abs {
        margin-top: 40px;
    }
    .swiper-abs .swiper-button {
        position: static;
    }
}