/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
	html {
		font-size: 55%;
	}

	.big_btn,
	.big_btn_border {
		padding: 10px 30px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

	header,
	header .in {
		height: 100px;
		line-height: 100px;
	}

	.pager {
		padding-top: 100px;
	}

	header .nav_list {
		display: none;
	}

	.mobile_menu_btn {
		display: block;
	}

	.index_kv__body .kv__con {
		height: 400px;
	}

	.index_kv__body .kv__con .link {
		height: 100%;
	}

	.index_kv__body .kv__con .bg {
		object-fit: cover;
		height: 100%;
	}

	.index_kv__body .swiper-button-next,
	.index_kv__body .swiper-button-prev {
		display: none;
	}

	.index_services__body,
	.index_solution__body,
	.index_products__body,
	.index_news__body {
		padding: 50px 0;
	}

	.index_services__body .list li {
		width: 49%;
		margin-bottom: 20px;
		min-height: auto;
	}

	.index_about__body .txt,
	.index_about__body .img {
		width: 100%;
	}

	.index_about__body .img {
		margin-top: 20px;
	}

	.index_stage__body .img {
		width: 100%;
	}

	.index_stage__body .img .in_txt {
		right: 50%;
		top: 55%;
	}

	.products_list li {
		width: 49%;
		margin-bottom: 20px;
	}

	.index_why__body .img .in_txt {
		left: 5%;
	}

	.contactus__body .img {
		width: 100%;
		order: 2;
	}

	.contactus__body .txt {
		width: 100%;
		padding: 0 0 0 0;
		order: 1;
	}

	.contactus__body .txt ul li {
		margin-bottom: 30px;
	}

	.aboutus__body .index_about__body.video__body .flex {
		justify-content: flex-end;
	}

	.aboutus__body .index_about__body.video__body .txt {
		width: 100%;
		order: 1;
		padding: 0 40px 20px 40px;
	}

	.aboutus__body .index_about__body.video__body .img {
		width: 70%;
		order: 2;
	}

	.aboutus__body .index_about__body .flex {
		justify-content: flex-end;
	}

	.aboutus__body .index_about__body .txt {
		width: 100%;
		padding: 0 40px 20px 40px;
	}

	.aboutus__body .index_about__body .img {
		width: 70%;
	}

	.aboutus__body .ryzz__body .txt {
		width: 100%;
		padding: 0 40px 20px 40px;
	}

	.aboutus__body .ryzz__body .scroll {
		width: 80%;
		margin: 0 auto;
	}

	.news__body .index_news__body {
		padding: 0;
	}

	.news__body .index_news__body .news_list li {
		width: calc(50% - 10px);
		margin: 0 20px 20px 0 !important;
	}

	.news__body .index_news__body .news_list li:nth-child(2n) {
		margin-right: 0 !important;
	}

	.news__body .index_solution__body .white_list li {
		width: calc(50% - 10px);
		margin: 0 20px 20px 0 !important;
	}

	.news__body .index_solution__body .white_list li:nth-child(2n) {
		margin-right: 0 !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

	header,
	header .in {
		height: 60px;
		line-height: 60px;
	}

	header .logo {
		height: 40px;
	}

	.pager {
		padding-top: 60px;
	}

	.mobile_menu__body {
		padding-top: 80px;
	}

	.mobile_menu__body .nav_list li a {
		font-size: 16px;
	}

	.center_title {
		padding-bottom: 30px;
	}

	.index_kv__body .kv__con {
		height: calc(100vh - 60px);
	}

	.index_kv__body .kv__con .txt h3 {
		font-size: 22px;
	}

	.index_kv__body .kv__con .txt p {
		font-size: 16px;
		padding-right: 20%;
	}

	.index_about__body .img .in_txt {
		position: static;
		width: 90%;
		box-shadow: 0 0 5px 0 rgba(100, 100, 100, 0.3);
		margin: 20px auto 0;
		transform: translateY(0);
	}

	.white_list li {
		width: 90%;
		margin: 0 auto 20px;
	}

	.index_stage__body .img .in_txt {
		position: static;
		transform: translateY(0);
		width: 90%;
		margin: 20px auto 0;
		padding: 80px 20px 20px;
		min-height: auto;
	}

	.index_kv__body .kv__con .link {
		position: relative;
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

	.index_kv__body .kv__con .bg {
		position: absolute;
		width: auto;
		left: -50%;
		transform: translateX(-50%);
		object-fit: none;
	}

	footer {
		padding: 0;
	}

	footer .container {
		display: none;
	}

	.inner_kv__body {
		height: 200px;
		overflow: hidden;
	}

	.inner_kv__body .kv {
		position: absolute;
		height: 100%;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.mobile_blank {
		display: block;
	}

	.contactus__body {
		padding: 30px 0;
	}

	.contactus__body .txt h3 {
		margin-bottom: 10px;
	}

	.contactus__body .txt ul li img {
		max-width: 40px;
	}

	.contactus__body .txt ul li .in {
		width: calc(100% - 40px);
	}

	.index_services__body .list li img {
		max-width: 90px;
	}

	.aboutus__body .ryzz__body .scroll .swiper-button-next,
	.aboutus__body .ryzz__body .scroll .swiper-button-prev {
		width: 60px;
		height: 30px;
	}

	.news__body .focus_news .big,
	.news__body .focus_news .small {
		width: 100%;
		padding: 0;
	}

	.news__body .focus_news .big .txt {
		position: static;
		transform: translateY(0);
		background: none;
		width: 100%;
		padding: 5% 16px;
	}

	.news__body .focus_news .big {
		background-color: #f4f4f4;
		margin-bottom: 20px;
	}

	.list_blank li a img {
		width: 100%;
	}

	.list_blank li a .txt {
		width: 100%;
	}

	.list_blank li a .txt {
		padding: 10px 0 0;
	}

	.news_pager {
		padding: 30px 10px;
	}

	.news_pager a i {
		display: none;
	}

	.news_pager .last {
		text-align: left;
	}

	.news__body {
		padding: 40px 0;
	}

	.news__body .index_news__body {
		padding: 0;
	}

	.cases_list li {
		width: calc(50% - 18px);
	}

	.cases_list li:nth-child(2n) {
		margin-right: 0;
	}

	.news__body .tab_con {
		text-align: left;
	}

	.news__body .tab_con a {
		width: 20%;
		margin-bottom: 10px;
	}

	.aboutus__body .ryzz__body .txt {
		width: 100%;
		box-sizing: border-box;
		padding: 0 30px 0 8%;
	}

	.aboutus__body .ryzz__body .scroll {
		width: 100%;
	}
	
	.history_con .in_box{
		justify-content:center;
		align-items: center;
		padding:0 30px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
	.index_services__body .list li {
		width: 90%;
		margin: 0 auto 20px;
	}

	.news__body .index_news__body .news_list li {
		width: 100%;
		margin-right: 0 !important;
	}

	.news__body .index_solution__body .white_list li {
		width: 100%;
		margin-right: 0 !important;
	}

	.cases_list li {
		width: calc(100%);
		margin-right: 0;
	}

	.products_list li {
		width: 100%;
	}

	.news_list li {
		width: 90%;
		margin: 0 auto 20px;
	}

	.news__body .tab_con a {
		width: 49%;
		margin: 0;
	}
}

/* Custom, iPhone Retina */