@media (min-width: 1920px){
}
@media (min-width: 1440px){
    .mod-06.owl-theme .owl-controls .owl-prev{
        left: -72px;
    }
    .mod-06.owl-theme .owl-controls .owl-next{
        right: -72px;
    }
}
@media (min-width: 1366px){
    .container{
        width: 1200px;
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1200px){
    .nav-block .navbar-form{
        margin-top: 6px;
        margin-left: 30px;
    }
    .tit-1.abs-1{
        text-align: right;
        position: absolute;
        top: 0;
        right: 0;
    }
}
@media (min-width: 992px){
    .header-custom .nav-custom>li{
        padding-right: 16px;
        padding-left: 16px;
    }
    .header-custom .nav-custom>li>a{
        padding-top: 13px;
        padding-right: 0;
        padding-bottom: 13px;
        padding-left: 0;
    }
    .header-custom .dropdown-menu{
        padding-top: 28px;
        padding-bottom: 0;
        right: -10px;
        left: -10px;
    }
    .header-custom .dropdown-menu>li>a{
        text-align: center;
    }
    .nav-block{
        margin-top: 30px;
    }
    .ssk-text{
        width: 244px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .input-1{
        display: none;
    }
    .mod-08 .box .title{
        height: 30px;
        overflow: hidden;
    }
    .mod-08 .box .content{
        height: 48px;
        overflow: hidden;
    }
    .footer-copy .sp-1{
        float: left;
    }
    .footer-copy .sp-2{
        float: right;
    }
    .mod-13>div .box{
        height: 132px;
        padding-left: 180px;
        position: relative;
    }
    .mod-13>div .box .img{
        position: absolute;
        top: 42px;
        left: 0;
    }
    .mod-13>div .box .text .more{
        display: none;
    }
    .mod-18>div .box a .text .con{
        display: none;
    }
    .mod-22>div .box .img{
        width: 280px;
        height: 212px;
        position: absolute;
        top: 30px;
        left: 30px;
    }
    .mod-22>div .box .text{
        padding-left: 340px;
    }
    .mod-22>div .box .text .content{
        height: 72px;
        overflow: hidden;
    }
    .mod-24 .a-2{
        position: absolute;
        top: 17px;
        right: 0;
    }
}
@media (min-width: 768px){
    .block-02{
        background: #fafafa;
        border: 1px solid #ececec;
    }
    .tit-2{
        position: absolute;
        top: 16%;
        left: 53%;
    }
    .mod-02{
        padding-right: 1px;
        margin-top: -1px;
        margin-left: -1px;
        margin-bottom: -1px;
        background: #fff;
        border-right: 1px solid #ececec;
    }
    .mod-02 .owl-pagination{
        text-align: left;
        bottom: 16%;
        left: 106%;
    }
    .mod-03{
        left: auto;
        right: -100%;
        bottom: 25%;
    }
}
@media (min-width: 1200px) and (max-width: 1365px){
    .tit-1 .name-en{
        font-size: 50px;
    }
}
@media (min-width: 992px) and (max-width : 1199px){

}
@media (min-width: 992px) and (max-width : 1023px){
}
@media (min-width: 768px) and (max-width: 991px){
    .header-custom .navbar-collapse{
        max-height: 500px;
        overflow-y: auto;
    }
    .ssk-text{
        width: 100%;
    }

}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width : 991px){
    .nav-block .navbar-form{
        padding-top: 6px;
        padding-right: 45px;
        padding-left: 15px;
    }
    .input-1{
        top: 6px;
        right: 10px;
    }
    .search-btn{
        display: none;
    }
    .header-custom .navbar-toggle{
        margin-top: 36px;
        margin-bottom: 0;
    }
    .footer-nav{
        display: none;
    }
    .mod-07>div{
        width: 33.33%;
    }
    .mod-13>div .box .img{
        margin-bottom: 20px;
    }
    .mod-22>div .box .img{
        margin-bottom: 30px;
    }
}

@media only screen and (max-width : 767px){
    .header-custom .navbar-collapse{
        max-height: 400px;
        overflow-y: auto;
    }
    .index-banner .swiper-container-horizontal>.swiper-pagination-bullets,
    .index-banner .swiper-pagination-custom,
    .index-banner .swiper-pagination-fraction{
        right: 30px;
    }
    .index-banner .swiper-button-prev,
    .index-banner .swiper-button-next{
        right: 28px;
    }
    .index-banner .swiper-button-prev{
        top: 35%;
    }
    .index-banner .swiper-button-next{
        top: 65%;
    }
    .tit-1 .name-en{
        font-size: 50px;
    }

}
@media only screen and (max-width : 640px){

}
@media only screen and (max-width : 560px){
    .tit-1 .name-en{
        font-size: 40px;
    }

}
@media only screen and (max-width : 480px){

}
@media only screen and (max-width: 380px){
}
@media only screen and (max-width: 320px){}