@media (min-width: 1440px) {

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

}
@media (max-width: 1199px) {
    .about-banner {
        padding: 40px 40px;
    }
}

@media (max-width: 991px) {
    .bx-404-img, .bx-404-text {
        padding-left: 30px;
    }
    .bx-404-img, .bx-404-text, .bx-404-pulse {
        width: 67%;
    }
    h1.bx-404-title {
        margin: 24px 0 0 0;
        font-size: 4.5vw;
        white-space: nowrap;
    }
    .bx-404-pulse {
        height: 53px;
        margin: -16px 0 -5px;
        background-size: auto 100%;
        background-position: -17px center;
    }
}

@media (max-width: 767px) {
    header {
        position: sticky;
        top: 0;
        box-shadow: 0 14px 30px rgba(166, 212, 247, 0.08), 0 54px 54px rgba(166, 212, 247, 0.05);
        background: #ffffff;
        z-index: 9;
    }
    .footer-pulldown {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .footer-pulldown:after {
        content: '\f078';
        font-family: "Font Awesome 5 Pro";
        color: rgba(228, 228, 228, 0.5);
    }
    .footer-pulldown + div,
    .footer-pulldown + .menu {
        display: none;
    }
    .footer-pulldown.expand:after {
        transform: rotate(180deg);
    }
    .footer-pulldown.expand + div,
    .footer-pulldown.expand + .menu {
        display: block;
    }
    .font-32 {
        font-size: 24px !important;
    }
    footer {
        font-size: 14px;
    }
    .index-blockslider-item {
        height: 139px;
        width: 248px;
    }
    .bx-404-container {
        padding: 30px 0;
        background-size: 71% auto;
        background-position: 121% 19%;
    }
    .bx-404-text {
        font-size: 3vw;
    }
}

@media (min-width: 576px) {
}

@media (max-width: 575px) {
    .footer-logo {
        max-width: 30vw;
    }
    .footer-coltitle {
        padding: 16px 0;
        margin: 0;
        border-top: 1px solid rgba(228, 228, 228, 0.5);
    }
}

@media (max-width: 440px) {

}
@media (max-width: 425px) {
    .footer-logo {
        max-width: 80px;
    }
}



@media (min-width: 1200px) and (max-width: 1290px) {
    .slider-arrow-outside .slick-next.slick-arrow {
        right: -15px;
    }
    .slider-arrow-outside .slick-prev.slick-arrow {
        left: -15px;
    }
}
@media (min-width: 992px) and (max-width: 1099px) {
    .slider-arrow-outside .slick-next.slick-arrow {
        right: -5px;
    }
    .slider-arrow-outside .slick-prev.slick-arrow {
        left: -5px;
    }
}
@media (max-width: 860px) {
    .slider-arrow-outside .slick-next.slick-arrow {
        right: 5px;
    }
    .slider-arrow-outside .slick-prev.slick-arrow {
        left: 5px;
    }
}

@media (min-width: 576px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 270px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 270px );
    }
}
@media (min-width: 768px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 360px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 360px );
    }
}
@media (min-width: 992px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 480px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 480px );
    }
}
@media (min-width: 1200px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 570px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 570px );
    }
}
@media (min-width: 1400px) {
    .slider-arrow-outside-container .slick-next.slick-arrow {
        right: calc( 50% - 660px );
    }
    .slider-arrow-outside-container .slick-prev.slick-arrow {
        left: calc( 50% - 660px );
    }
}