.klearfix {
	margin-left: 4%;
	margin-right: 4%;
}

html, body {
  width: 100%;
}

@media screen and (max-width: 1024px) {
	.nav {
			background-color: rgba(0, 0, 0, 0.8);
	}

	.nav_left {
	    width: 10%;
	    padding: 8px 0;
	}

	.nav_left #logo {
	    height: 30px;
	}

	.nav_list {
			width: 90%;
			overflow: hidden;
			white-space: nowrap;
	}

	.nav_list-item {
			display: inline-block;
			color: #ffffff;
			padding: 8px 1em;
			line-height: 32px;
	}

	.nav_list-item a {
			line-height: 1;
			padding: 0;
			font-size: 15px;
			font-weight: 300;
			letter-spacing: 0;
	}

		.banner {
				margin-top: 48px;
		}

		.portfolio_cover {
				width: 25vw;
				height: 14vw;
		}

		.card-portfolio {
				width: 33.3%;
		}

		.portfolio_img {
				width: 30vw;
				height: 16.5vw;
		}
}

@media screen (min-width: 769px) and (max-width: 960px) {
    .footer_nav {
        width: 50vw;
				margin-bottom: 40px;
    }

    .footer_address {
        margin-left: 7vw;
    }
}

@media screen and (max-width: 960px) {
		body {
				font-size: 15px;
		}

		.section_title {
				font-size: 18px;
		}

		.section_title-eng {
				margin-left: 10px;
		}

    .sidebar,
    .content_wrap {
        width: 100%;
        margin: 0;
    }

		.news,
		.content-portfolio {
				margin-top: 20px;
		}

		#news-detail,
		#notice-detail {
				margin-top: 68px;
		}

		#news-detail .sidebar,
		#notice-detail .sidebar {
				text-align: left;
		}

		.sidebar {
				text-align: center;
				margin-bottom: 20px;
		}

    .content_wrap {
      font-size: 15px;
    }

    .table-head {
        display: none;
    }

    .sidebar_title,
    .sidebar_list,
    .sidebar_item {
        float: left;
    }

    .sidebar_title {
      	margin-bottom: 10px;
    }

    .table_col-sm,
    .table_col-md,
    .table_col-lg,
    .table_col-xl {
        width: 100%;
        /* margin: 0; */
				margin-bottom: 16px;
    }

    .content_header {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 768px) {
	.carousel-wrap{margin-top: 0px;}
	.carousel_img{
		height: 300px !important;
	}
	#carousel_headline{font-size: 16px;}
		.nav {
				display: none !important;
		}

		.nav-mobile {
	      display: block;
	  }

		.section {
				width: 100%;
				margin-bottom: 20px;
		}

	  .news_spotlight,
	  .activities > ol > li {
		    width: 100%;
	  }

	  .news_spotlight {
				margin-bottom: 1em;
		}

		.project_head {
				padding-left: 5vw;
				padding-right: 5vw;
		}

		.project_head-header #title {
				font-size: 20px;
		}

		#project-close {
				width: 20px;
				height: 20px;
				padding: 4px;
		}

    .portfolio_cover {
        width: 25vw;
        height: 14vw;
    }

		.card-portfolio {
				width: 50%;
		}

		.portfolio_img {
				width: 44.5vw;
    		height: 25vw;
		}

		.project_img {
				width: 100% ;
				margin-left: 0;
		}

		.project_intro {
				width: 80vw;
				margin-top: 20px;
		}

	  .footer_nav,
	  .footer_address {
	      width: 100%;
	      margin-left: 0;
	      margin-bottom: 40px;
	  }

		.footer_logo-hunau,
		.footer_logo-jingyi {
				width: 50%;
				height: 10vw;
		}
}