@media (min-width:320px) {
    #i-banner .banner .myBannerSwiper .effe {
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
        -o-transform: translateY(3px);
}
}

@media (min-width:576px) {

}

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

@media (min-width:992px) {


}

@media (min-width:1200px) {

}

@media (min-width:1320px) {

}

@media (min-width:1440px) {

}


@media (min-width:1920px) {
#i-banner .banner .myBannerSwiper .effe img,#i-notice-announcements .notice-bg-cover img {
object-fit:fill;
}

.footer {padding-top:130px;}

}

@media (max-width:1439.98px) {
#i-service-guide {
    transform: translateY(-135%) scale(.75);
}
}

@media (max-width:1399.98px){
.learn-create .learn-create-bg .container .section-row .row .learn-list-container ul {
    margin-left: 130px;
}
}

@media (max-width:1319.98px) {

}



@media (max-width:1199.98px) {
#i-service-guide {
    transform: translateY(-105%) scale(.5);
}


    #i-information-system .infor-contents .sys-item.sys-item_three a .context-container h2 {
        font-size: 20px;
    }
    #i-information-system .infor-contents .sys-item.sys-item_three a .context-container .context .lang {
        font-size: 9px;
    }
    #i-information-system .infor-contents .sys-item.sys-item_four a .context-container h2 {
        font-size: 20px;

    }
    #i-information-system .infor-contents .sys-item.sys-item_four a .context-container .context .lang {
        font-size: 9px;
    }
    #i-information-system .infor-contents .sys-item.sys-item_five a .context-container h2 {
        font-size: 26px;
    }
    header .header #header-nav .nav-menu .nav-item a {
        width: 6.25rem;
    }
    header .header .search input[type=text] {
        width: 8.5rem;

    }
.learn-create .learn-create-bg .container .section-row .row .learn-list-container ul {
    margin-left: 40px;
}

.myNewsSwiper .swiper-slide img {    aspect-ratio: 4 / 3;}

}

@media (max-width:991.98px) {
    #i-information-system .infor-contents .sys-item.sys-item_one a .context-container h2 {
        font-size: 25px;
    }
    #i-information-system .infor-contents .sys-item a .context-container .context .lang {
        font-size: 9px;
    }
    #i-information-system .infor-contents .sys-item.sys-item_two a .context-container h2 {
        font-size: 22px;
    }
    #i-information-system .infor-contents .sys-item a .context-container .context {
        padding: 19px 42px 8px 36px;
    }
.section-row .row {
flex-direction: column-reverse;
}

.myPicLinkSwiper {
padding-bottom:130px;
}
.learn-create .learn-create-bg .container .section-row .row .learn-list-container ul::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-right: 1px dashed #fff;
  z-index: 10;
}

#i-notice-announcements .notice-announcements{
padding: 25px 0;
    background: var(--main-theme-color);
}

#i-notice-announcements .teaching {
margin-bottom:30px;
}

}

@media (max-width:767.98px) {

#i-platform-column .platform-column .plat-items li {width:25%;}

#vsb_content table {
width:100%!important;
}
#i-news .news-contents .myNewsSwiper .swiper-slide a .context {padding:12px;} 
 #list-page .listpage-container .content-container .article-content .description div[align="center"] table td span {    white-space: nowrap;}
}

@media (max-width:575.98px) {
    #i-service-guide {
        margin-top: 30px;
    }

#i-service-guide {
    transform: translateY(-120%) scale(.8);
}

.offcanvas.offcanvas-end {width:calc(100% - 50px);} 

.dropdown {padding:20px;}


#i-platform-column .platform-column .plat-items li {width:33.3%;}

}

@media (max-width:319.98px) {

}