@media screen and (max-height: 700px) {
    .home-content {
        top: 56%;
    }
}
@media screen and (max-width: 1640px) {
    .home-text h1 {
        font-size: 38px;
    }
}
@media screen and (max-width: 1440px) {
    .home-content {
        width: 700px;
        right: 30px;
    }
    .home-text h1 {
        font-size: 36px;
    }
    .home-text h1.zh {
        font-weight: bold;
        font-size: 38px;
    }
    .home-slide .photo-wrap {
        height: 100vh;
        width: 88vw;
    }
}
@media screen and (max-width: 1300px) {
    .top-icon {
        top: 137px;

    }
    .exhibiting-cost-container {
        width: 1000px;
    }
    .exhibiting-cost-text-box {
        margin-left: 0px;
    }
    .repot-download-wrap li {
        width: 21.5%;
    }

}
@media screen and (max-width: 1280px) {
    .home-content {
        width: 660px;
        top: 58%;
    }
    .home-text h1 {
        font-size: 34px;
    }
    .home-text h1.zh {
        font-size: 36px;
    }
    .new-web {
        line-height: 1.6;
        padding: 20px;
        top: 10%;
        left: 4%;
    }
}
@media screen and (max-width: 1182px) {
    .pop-up-box {
        width: 65%;
    }
}
@media screen and (max-width: 1080px) {
    .exhibiting-cost-container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    #repot .top-meun-container .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .repot-download-container .container {

        padding-left: 0px;
        padding-right: 0px;

    }
    .repot-download-wrap li {
        width: 20.5%;
    }
    .list-inner-container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 992px){
    .top-icon {
        top: 120px;
    }
    .programmes-wrap > div {
        display: block;
        width: 100%;
    }
    .programmes-image-box{
        float: initial;
        TEXT-ALIGN: center;
        margin-top: 40px;
    }
    .programmes-wrap > div.programmes-image {
        width: 100%;
    }
    #exhibiting-2 .exhibition-hotel-note-left-wrap, #exhibiting-3 .exhibition-hotel-note-left-wrap, #visiting-2 .exhibition-hotel-note-left-wrap, #visiting-3 .exhibition-hotel-note-left-wrap, #publication .exhibition-hotel-note-left-wrap {
        width: 100%;
    }
    #exhibiting-2 .exhibition-hotel-note-right-wrap, #exhibiting-3 .exhibition-hotel-note-right-wrap, #visiting-2 .exhibition-hotel-note-right-wrap, #visiting-3 .exhibition-hotel-note-right-wrap, #publication .exhibition-hotel-note-right-wrap {
        width: 100%;
    }
    .list-box-small {
        width: 100%;
        margin-bottom: 20px;
    }
    .list-box-large {
        width: 100%;
    }
    .common-list > li {
        border-top: 1px solid #efefef;
        padding: 25px 0;
    }
    .home-contact-box {
        padding: 40px 25px;
    }
    .home-contact-logo-list li {
        width: 50%;
        background-position: center;
        margin-right: 0%;
        background-size: inherit;
        max-height: inherit;
        max-width: inherit;
    }
    .home-contact-box {
        padding: 15px 40px 25px;
    }
}
@media screen and (max-width: 870px){
    .about-exhibition-press-container li {
        width: 680px;
    }
    .publication-bottom-footer .home-contact-list li.icon-li {
        width: 23%;
    }
    .repot-download-wrap li {
        width: 21%;
        margin: 0 2%;
        margin-bottom: 30px;
    }
    .exhibition-hall-wrap > div {
        width: 45%;
        margin-right: 0%;
        margin-left: 5%;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px){

    .top-title {
        font-size: 2rem;
    }
    .publication-text-wrap .responsive{
        display: block;
        text-align: center;
        width: 200px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .publication-image-wrap .non-responsive {
        display: none;
    }
    .publication-wrap > div.publication-text-wrap {
        width: 100%;
    }
    .publication-wrap > div.publication-image-wrap {
        width: 35%;
    }
    .timetable-row .language-row {
        display: none;
    }
    .timetable-row .speaker-name-row{
        display: none;
    }
    .language-row-responsive{
        display: block;
    }
    .timetable-row > li.large-box {
        width: 33.3%;
    }
    .timetable-row > li {
        width: 16.6%;
    }
    .timetable-row > li:first-child {
        width: 16.6%;
    }
    .timetable-row > li.session-no-row {
        width: 16.6%;
    }
    .exhibiting-cost-img {
        position: relative;
    }
    #repot .exhibiting-cost-img {
        width: 100%;
    }
    #repot .exhibiting-cost-img {
        height: 275px;
    }
    .exhibiting-cost-img-box .overlay-left {
        display: none;
    }
    .exhibiting-cost-text-box.has-image {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    #repot .exhibiting-cost-text-box.has-image {
        padding-left: 20px;
        padding-right: 20px;
    }
    #repot .exhibiting-cost-text-box.has-image {
        min-height: 420px;
    }
    .exhibiting-cost-text-box:first-child {
        border-top: 0px solid #efefef;
        padding: 55px 20px;
    }
    .exhibiting-cost-img {
        height: 275px;
        width: 100%;
    }
    #visiting-1 .exhibiting-cost-img, #visiting-5 .exhibiting-cost-img {
        width: 100%;
    }
    .exhibiting-cost-container {
        padding-left: 0px;
        padding-right:0px;
    }
    #visiting-1 .exhibiting-cost-text-box {
        padding: 55px 20px 0px;
    }
    .home-contact-list li {
        display: block;
        width: 52%;
        margin: 0 auto;
        margin-bottom: 27px;
    }
    .pop-up-box {
        /*        position: relative;
                top: initial;
                transform: initial;
                left: initial;*/
        padding: 29px 15px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 710px){
    #exhibiting-2 .exhibition-hotel-note-right-wrap, #exhibiting-3 .exhibition-hotel-note-right-wrap, #visiting-2 .exhibition-hotel-note-right-wrap, #visiting-3 .exhibition-hotel-note-right-wrap, #publication .exhibition-hotel-note-right-wrap {
        width: 100%;
    }
    #exhibiting-2 .exhibition-hotel-note-left-wrap, #exhibiting-3 .exhibition-hotel-note-left-wrap, #visiting-2 .exhibition-hotel-note-left-wrap, #visiting-3 .exhibition-hotel-note-left-wrap, #publication .exhibition-hotel-note-left-wrap {
        width: 100%;
        margin-bottom: 20px;
    }
    .exhibition-hotel-note-left-wrap {
        display: block;
    }
    .exhibition-hotel-note-wrap {
        padding: 20px 0px 80px
    }
    .about-exhibition-press-container li {
        width: 91%;
    }
    .home-contact-list li {
        display: block;

    }
    .publication-bottom-footer .home-contact-list li {
        width: 100%;
    }
    .publication-bottom-footer .home-contact-list li.icon-li {
        margin-bottom: 20px;
    }
    .pop-up-box-bottom>div {
        display: block;
        width: 100%;
        margin-bottom: 19px;
    }
    .exhibition-hotel-note-left-wrap{
        width: 100%;
        margin-bottom: 20px;
    }
    .exhibition-hotel-note-right-wrap {
        width: 100%;
    }
    .repot-download-wrap li {
        width: 29%;
    }
    .repot-download-wrap li:nth-child(4n) {
        margin: 0 2%;
    }
    .top-meun-wrap > li {
        margin-right: 0px;
        width: 33.3%;
        text-align: center;
    }
    header .pre-logo-wrap {
        position: relative;
        left: 0;
        top: 0%; 
        transform: translate(0, 0%);
        margin-top: 7px;
    }
    .pre-logo-wrap img{
        width: 113px;
    }
	header .manual-logo-wrap{
    position: relative;
    left: 0px;
    top: 0%;
    transform: translate(0, 0%);
	margin-top: 20px;
    }
	.manual-logo-wrap img{
        width: 113px;
    }
    header .sem-logo-wrap{
    position: relative;
    left: 0px;
    top: 0%;
    transform: translate(0, 0%);
	margin-top: 20px;
    }
	.sem-logo-wrap img{
        width: 113px;
    }
	header .pre-logo-wrap_en {
        position: relative;
        left: 0;
        top: 0%; 
        transform: translate(0, 0%);
        margin-top: 7px;
    }
    .pre-logo-wrap_en img{
        width: 113px;
    }
	header .manual-logo-wrap_en{
    position: relative;
    left: 0px;
    top: 0%;
    transform: translate(0, 0%);
	margin-top: 20px;
    }
	.manual-logo-wrap_en img{
        width: 113px;
    }
    header .sem-logo-wrap_en{
    position: relative;
    left: 0px;
    top: 0%;
    transform: translate(0, 0%);
	margin-top: 20px;
    }
	.sem-logo-wrap_en img{
        width: 113px;
    }
}
@media screen and (max-width: 600px){
    .publication-wrap.top-image-wrap > div.publication-image-wrap {
        text-align: center;
    }
    .publication-wrap > div.publication-image-wrap {
        width: 50%;
    }

    .exhibition-hall-wrap > div {
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }
    .exhibition-hall-icon-wrap img{
        width: 100%;
    }
    .exhibition-hall-icon-wrap > div {

        margin-right: 0px;
    }
    .home-contact-logo-list li {
        width: 100%;
    }
    .home-contact-list li {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 27px;
    }
    .top-meun-wrap > li {
        height: 37px;
    }

}
@media screen and (max-width: 500px){
    .exhibition-hall-icon-wrap > div {
        width: 100%;
    }
    .exhibition-hall-wrap > div {
        width: 80%;
    }
    .download-list > div {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .download-list > .download-book-img {
        width: 40%;
        margin-right: 0%;
        margin: auto;
        margin-bottom: 25px;
    }
    .exhibiting-cost-text-title {
        margin-bottom: 15px;
    }
    .meun {
        width: 100%;
    }
}
@media screen and (max-width: 414px){
    .top-icon{
        display: none;
    }
    .top-title-wrap {
        width: 95%;
    }
    .top-banner-wrap{
        height: 400px;
    }
    .publication-text-wrap .responsive {

        width: 151px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .main-wrap {
        padding: 30px 0;
    }
    .publication-wrap > div.publication-image-wrap {
        width: 44%;
    }
    #publication .top-image-wrap h1 {
        font-size: 1.2rem;
    }
    .top-image-wrap .subtitle {
        font-size: 1.2rem;
        font-weight: bolder;
        margin-bottom: 33px;
    }
    .pop-up-box {
        width: 90%;
    }

    .pop-up-cross-box {
        right: 11px;
        top: 11px;
    }
    .timetable-row .session-no-row{
        display: none;
    }
    .timetable-row .meeting-room-row{
        display: none;
    }
    .session-no-row-responsive{
        display: block;
    }
    .meeting-room-row-responsive{
        display: block;
    }
    .timetable-row > li {
        width: 25%;
    }
    .timetable-row > li:first-child {
        width: 25%;
    }
    .timetable-row > li.large-box {
        width: 50%;
    }
    .timetable-row.title {
        margin-bottom: 10px;

    }
    .exhibiting-cost-img {
        height: 200px;
    }
    .repot-download-wrap {
        text-align: center;
    }
    .repot-download-wrap li {
        width: 50%;
        text-align: left;
    }
    .top-meun-wrap > li {
        font-size: 0.9rem;
    }
    .muti-btn-row > div {
        margin-right: 0px;
    }
    .download-list > .download-book-img {
        width: 50%;
    }
}
@media screen and (max-width: 375px){
    .top-title {
        font-size: 1.7rem;
    }
    .publication-bottom-footer {
        padding: 0px 20px;
    }
    .repot-download-wrap li {
        width: 80%;
        text-align: left;
    }
    .download-list > .download-book-img {
        width: 60%;
    }
}