
@media screen and (min-width: 1680px) {
	.line-box { display: none; }
	.slider-home__list { margin-left: calc(( -100vw + 1125px)/2) }
	.slider-home__inner:before { position: absolute; top: 0; left: -10px; width: 1000px; height: unset; content: ""; bottom: 0; z-index: 2; background: rgba(247, 244, 244, 0.35); right: -1700px; transform: skew(-15deg) translateX(-100%); transform-origin: 0 0; }
	.slider-home__list-item .wrap-info { left: calc(( 100vw - 1125px)/2); }
	/*.slider-home.main-background-page .wrap-img { margin: 0 calc(( -100vw + 1125px)/2) }*/
	/*slider-home.main-background-page .wrap-img img { width: 100%; }*/
}

@media screen and (max-width: 1679px) {
	
	.slider-home__list .slick-dots li button { width: 11px; height: 11px; margin-right: 7px; }
	.video-home__inner .right .link-video .icon-play { width: 80px; height: 80px; }
	.slider-home:after { right: -500px;}

	.page-404-content:after { right: -500px; }
	.page-404-content__inner .wrap-img img { width: 450px; }
	.page-404-content__inner .title { font-size: 40px; }

}


@media screen and (max-width: 1199px){ /* 1024 *660 */
	
	.container {max-width: 960px; }
	.heading h2.title { font-size: 35px; margin-bottom: 15px;}
	.heading h2.title span { padding-bottom: 15px; }
	.heading .sub-title { font-size: 16px; }
	.button { margin-top: 30px; padding: 10px 22px; min-width: 185px;}

	/*Header*/
	.header__inner .logo { width: 50px; }
	.navbar-nav .nav-item { padding-right: 40px; }

	/*HomePage*/
	.slider-home__list { margin-right: calc(( -100vw + 945px)/2) }
	.slider-home__list-item .wrap-info .title { font-size: 38px }
	.slider-home:after { transform: skew(-21deg) translateX(calc((-100vw + 960px + 172px)/2)) }
	.about-us__inner .right .wrap-img { margin-right: calc(( -100vw + 945px)/2) }
	.about-us__inner .right .wrap-img:before { border-left-width: 155px; }
	.feature-special__list-item .top .title { font-size: 22px; }
	.video-home__inner .right .wrap-video { margin-right: calc(( -100vw + 945px)/2) }
	.video-home__inner .right .link-video .icon-play { width: 75px; height: 75px; }
	.video-home:after { border-top-width: 35vh; }
	.project__top .left .title { font-size: 35px; }
	.project__top .left .des { padding-top: 20px; padding-right: 25px; }
	.list-project__item a .wrap-info .name { font-size: 14px; }
	.list-project__item a .wrap-info .location { margin-bottom: 10px; }
	.list-project__item a .wrap-info { padding: 20px; }
	.team__list-item { padding:  0 8px; }
	.team__list { margin: 0 -8px; padding-top: 25px; }
	.team__list-item .wrap-info { padding: 5px 10px 15px 10px; }
	.partner__list-item { padding: 20px; }
	.number-special__list-item .number { font-size: 40px; }
	.number-special__list-item .icon { width: 30px; height: 33px; }
	.news__list-item { padding: 0 8px; }
	.news__list { margin: 0 -8px; }
	.footer__top .list-top__item { padding-right: 6vw; }
	.footer__list-item:last-child { width: 100%; order: -1; flex-basis: unset; margin-bottom: 30px;}
	.footer__list-item:first-child { width: 40%;}
	.footer__list-item:nth-child(2) { width: 40%; }
	.footer__list-item:nth-child(3) { width: 20%; }
	.footer__list-item a { margin-bottom: 15px; }
	.footer__list-item:last-child .top { margin-bottom: 15px; }

	/*Contact*/
	.contact-info__inner .right h2.title { font-size: 22px; margin-bottom: 10px; }
	.contact-info__inner .right .widget-list { margin-bottom: 25px; }
	.slider-home.main-background-page .wrap-img { margin-right: calc(( -100vw + 945px)/2) }
	
	/*Introduce*/
	.block1-page-introduce__left .wrap-img { margin-left: calc(( -100vw + 945px)/2); margin-right: -30px;}
	.block2-page-introduce__inner .wrap-img { margin-right: calc(( -100vw + 945px)/2); }
	.block2-page-introduce__inner.change .wrap-img {margin-left:calc(( -100vw + 945px)/2);}
	.block2-page-introduce { padding-bottom: 50px; }
	.block2-page-introduce__inner { padding-top: 50px; }
	.block3-page-introduce__inner { padding: 100px 0; }
	.block4-page-introduce { padding-top: 70px; padding-bottom: 45px; }
	.block4-page-introduce .top .icon-play img { width: 80px; height: 80px; }
	.team.block5-page-introduce { padding-bottom: 80px; }
	.block3-page-introduce .list-core_value .item .title { font-size: 20px; }

	/*Recruitment*/
	.content-page-recruitment__inner .top .right .heading h2.title { margin-bottom: 30px; }
	.content-page-recruitment__inner .top .right { padding-left: 45px; }
	.content-page-recruitment__inner .bottom .list-utilities__item .title { font-size: 22px; margin-bottom: 20px; }
	.position-recruitment { padding-top: 45px; }
	.position-recruitment__inner .list-title, .position-recruitment__inner .list-vacancies { font-size: 13px; }
	.content-page-recruitment__inner .top .left .wrap-img { margin-left: calc(( -100vw + 945px)/2); }

	.content-page-projects__top .search { width: 300px; }
	.content-page-projects__top .search .button-search { font-size: 14px; }
	.list-tab-news__item a { font-size: 13px; padding: 6px 25px; }
	.content-page-projects__bottom .post-related { padding-bottom: 60px;}


	.popup-content-recruitment .popup-box, .popup-apply .component-inner { margin: 50px calc((100vw - 945px)/2); max-height: calc(100vh - 100px)}
	.popup-content-recruitment .popup-box .top .box-content .heading h2.title { font-size: 14px; }

	.popup-apply .component-inner .title { font-size: 35px; }
	.popup-apply .component-inner { padding: 30px; }
	.popup-apply .component-inner .position { padding-bottom: 50px; }


	/*404*/
	.page-404-content:after{ transform: skew(-21deg) translateX(calc((-100vw + 960px + 172px)/2)) }
	.page-404-content__inner:before { left: 100px; }
	.page-404-content__inner .wrap-img img { width: 400px; }
	.page-404-content__inner .title { font-size: 35px; }


}

@media screen and (max-width: 991px){ /* 768 */ 

	.container {max-width: 720px; }

	/*Header*/
	.navbar-nav { display: none; }
	.mobile-menu.open .mobile-menu__box { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.mobile-menu { pointer-events: inherit; }
  	.mobile-menu__overlay { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
	.mobile-menu.open .mobile-menu__overlay { opacity: 1; visibility: visible; }
	.mobile-menu__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; position: relative; background: #081442;}
	.mobile-menu__inner .logo-main { border-bottom: 1px solid #fff; text-align: center; padding-bottom: 25px;}
	.mobile-menu__inner .navbar-nav { display: block; padding-right: 0; padding-left: 0;}
	.mobile-menu__inner .navbar-nav>.nav-item { padding: 10px; }
	.mobile-menu__inner .navbar-nav>.nav-item.active {  position: relative; background-color: #fff;}
	.mobile-menu__inner .navbar-nav>.nav-item.active .nav-link { position: relative; color: #055594; }
	.mobile-menu__inner .navbar-nav>.nav-item.active:before { position: absolute; top: 0; left: 0; content: ''; width: 4px; bottom: 0px; }
	.mobile-menu__inner .navbar-nav>.nav-item .nav-link { padding: 10px 20px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; align-items: center; color: #fff;}
	.mobile-menu__close-button { position: absolute; top: 0; right: 100%; width: 36px; height: 36px; line-height: 36px; font-size: 20px; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; cursor: pointer; background-color: #fff;}
	.mobile-menu.open .mobile-menu__close-button { opacity: 1; visibility: visible; } 
  	.mobile-menu__inner .logo-main .text { font-weight: 600; font-size: 16px; text-align: center; color: #fff; }
	.navbar-nav .dropdown-menu { top: 30px!important; padding: 0; }

  	.navbar-nav .nav-item .nav-link:before { content: none; }
	.navbar-toggler { display: block; position: absolute; top: 50%; right: calc( ( 100% - 690px) / 2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none; width: 55px; height: 30px; padding: unset; z-index: 998;}
	.navbar-toggler .wrap-line { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
	.navbar-toggler .wrap-line .line { -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; position: absolute; left: 0; bottom: 0; height: 3px; background: ##fff; display: block; }
	.navbar-toggler .wrap-line .line:nth-of-type(1) { top: 0; width: 100%; }
	.navbar-toggler .wrap-line .line:nth-of-type(2), .navbar-toggler .wrap-line .line:nth-of-type(3) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 75%; right: 0; left: unset;}
	.navbar-toggler .wrap-line .line:nth-of-type(4) { bottom: 0px; width: 60%; margin-left: auto; right: 0;}
	.navbar-toggler:not(.collapsed) .line:nth-of-type(1) { left: 50%; right: 50%; width: unset; }
	.navbar-toggler:not(.collapsed) .line:nth-of-type(2) { -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
	.navbar-toggler:not(.collapsed) .line:nth-of-type(3) { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
	.navbar-toggler:not(.collapsed) .line:nth-of-type(4) { left: 63%; right: 37%; width: 0; }

	header.scroll .navbar-toggler .wrap-line .line { background-color: #055594; }
  
	
	/*HomePage*/
	.heading h2.title { font-size: 32px; }
	.slider-home__list { margin-right: calc(( -100vw + 705px)/2);}
	.slider-home__inner:before { height: 18vh; transform: translateX(calc(-1000px + 18vh)) skew(-45deg); }
	.slider-home__list-item .wrap-info .title { font-size: 32px; }
	.line-box { top: 18vh; }
	.line-box .line-2 { top: 32vh; }
	.slider-home.main-background-page .slider-home__inner .line-box .line-1 { height: 40vh; }
	.slider-home__list-item .wrap-info { left: 160px; }
	.slider-home:after { transform: skew(-21deg) translateX(calc((-100vw + 720px + 220px)/2)) }
	.about-us__inner .left { width: 100%; margin-bottom: 30px;}
	.about-us__inner .right { width: 100%; }
	.about-us__inner .right .wrap-img { margin-right: calc(( -100vw + 705px)/2) }
	.about-us__inner { padding-top: 50px; }
	.about-us__inner .right .wrap-img:before { border-left-width: 200px; margin-top: -50px; }
	.about-us__inner .right .wrap-img img { height: 60vh; object-position: bottom center; }
	.feature-special__list-item { width: 80%; }
	.feature-special__list-item .top .title { font-size: 20px; }
	.feature-special__list { padding: 30px; }
	.video-home__inner .left { width: 100%; padding-right: unset;  margin-bottom: 30px;}
	.video-home__inner { flex-wrap: wrap;}
	.video-home__inner .right { width: 100%; }
	.video-home__inner .right .wrap-video { margin-right: calc(( -100vw + 715px)/2) }
	.video-home { padding-top: 130px; margin-top: -80px; padding-bottom: 100px;}
	.button { margin-top: 20px; }
	.video-home:before { height: 50px; }
	.video-home:after { bottom: 50px; }
	.project__top .left { width: 100%; margin-bottom: 30px;}
	.project__top { margin-bottom: 9px; }
	.project__top .right { width: 100%; }
	.list-project__item a:before { position: absolute; left: 0; bottom: 0; top: 0; right: 0; opacity: 1; background-color: rgba(18, 18, 18, 0.6);}
	.list-project__item a .wrap-info { top: 0; opacity: 1; }
	.list-project__item { width: 50%; }
	.list-project__item.big a .wrap-img { padding-top: 83%; }
	.project__top .left .des { padding-right: unset; }
	.project__top .left .title { font-size: 32px; }
	.number-special__list { padding-top: 80px; padding-bottom: 170px }
	.partner__inner { margin-top: -90px; }
	.number-special__list-item .number { font-size: 35px; }
	.partner__inner { padding: 50px 35px 60px 35px; }
	.partner { padding-bottom: 100px; }
	.partner:before, .partner:after { height: 200px; }
	.form__inner .heading { margin-bottom: 25px; }
	.form { padding-top: 50px; padding-bottom: 25px; }
	.news { padding-top: 25px; }
	.news__list-item .wrap-info { padding: 14px 10px 20px 10px }
	.footer__top .list-top { flex-wrap: wrap; justify-content: space-between; }
	.footer__top .list-top__item:nth-child(2) { width: 100%; flex-basis: unset; order: 3; padding-right: unset; margin-top: 30px;}
	.footer__top .list-top__item { padding-right: 15px; }
	.footer__top { padding: 150px 0; }
	.footer__list h3.title { margin-bottom: 15px; }
	.footer__list-item a { margin-bottom: 10px; }
	.footer__bottom-inner .copy-right { position: relative; left: unset; bottom: unset; text-align: center; margin-top: 15px;}
	.footer__bottom { padding-bottom: 30px; }
	.footer__list-item:first-child, .footer__list-item:nth-child(2) { padding-right: 15px; }
	.footer__list-item:nth-child(3) { padding-right: unset; }
	.project__bottom .list-project__item:last-child { display: none; }


	/*Contact*/
	.contact-info__inner { flex-direction: column-reverse; }
	.contact-info__inner .left { width: 100%; height: 350px; }
	.contact-info__inner .right { width: 100%; }
	.slider-home.main-background-page .wrap-img { margin-right: calc(( -100vw + 690px)/2) }

	/*Introduce*/
	.block1-page-introduce__inner { flex-direction: column-reverse; }
	.block1-page-introduce__left { width: 100%; }
	.block1-page-introduce__right { width: 100%; margin-bottom: 30px; text-align: center; padding-left: 0; padding-top: 30px;}
	.block1-page-introduce__right .heading h2.title span:before { left: 50%; transform: translateX(-50%); }
	.block1-page-introduce__left .wrap-img { margin: 0 calc(( -100vw + 715px)/2) }
	.block1-page-introduce__left .wrap-img img { width: 100%; }
	.block2-page-introduce__left { width: 100%; margin-bottom: 30px;}
	.block2-page-introduce__right { width: 100%; }
	.block2-page-introduce__inner .wrap-img { margin: 0 calc(( -100vw + 715px)/2); }
	.block2-page-introduce__inner .wrap-img img { width: 100%; }
	.block2-page-introduce__inner .wrap-img:before { width: 170px; }
	.block2-page-introduce__inner.change .wrap-img { margin: 0 calc(( -100vw + 715px)/2); }
	.block2-page-introduce__inner .wrap-img:before { transform-origin: 0% 0%; transform: skew(20deg) translateX(-100%); }
	.block2-page-introduce__inner.change .wrap-img:before { transform: skew(20deg) translateX(100%); transform-origin: 100% 100%;}
	.block3-page-introduce__inner { max-width: 100%; padding: 80px 0; }
	.block2-page-introduce__left .heading { text-align: center; }
	.block4-page-introduce .bottom { text-align: justify; }
	/*.block2-page-introduce__left .heading .des { text-align: justify; }*/
	.block3-page-introduce .list-core_value .item { width: 50%; padding: 16px 12px;}
	.block3-page-introduce .list-core_value { margin: -16px -12px; }

	/*Recuitment*/
	.content-page-recruitment__inner .top .left { width: 100%; }
	.content-page-recruitment__inner .top .right { width: 100%; text-align: center; margin-bottom: 30px; padding-left: unset;}
	.content-page-recruitment__inner .top-inner { flex-wrap: wrap; flex-direction: column-reverse; }
	.content-page-recruitment__inner .top .left .wrap-img { margin: 0 calc(( -100vw + 715px)/2);  }
	.content-page-recruitment__inner .bottom .list-utilities { flex-wrap: wrap; justify-content: center; }
	.content-page-recruitment__inner .bottom .list-utilities__item { width: 50%; }
	.position-recruitment__inner .frame { min-width: 700px; }
	.position-recruitment__inner .box-recruitment { overflow: auto; }
	.content-page-recruitment__inner .top .right .heading h2.title span:before { left: 50%; transform: translate(-50%, -50%); }

	.content-page-projects__top .search { width: 100%; margin-bottom: 20px; max-width: 400px;}
	.content-page-projects__top .inner {flex-direction: column-reverse; }


	.popup-content-recruitment .popup-box, .popup-apply .component-inner { margin: 70px calc((100vw - 690px)/2);}
	.popup-content-recruitment .popup-box { padding: 20px; }
	.popup-content-recruitment .popup-box .top .box-content { padding: 15px;}

	.popup-apply .component-inner .title { font-size: 32px; margin-bottom: 10px; }
	/*.popup-apply .component-inner .position { padding-bottom: 30px; }*/
	.popup-apply .component-inner .form__contact-submit .button_submit { min-width: 200px; }


	/*404*/
	.page-404-content:after { transform: skew(-21deg) translateX(calc((-100vw + 720px + 220px)/2)); }
	.hqd-custom-table li { width: 50%; display: flex; flex-direction: column; justify-content: space-around; }
	.hqd-custom-table li strong { margin-bottom: 10px; height: unset; }

}

@media screen and (max-width: 767px){ /* 640 */

	.container { max-width: 100%;}	


	.heading h2.title { font-size: 27px; }
	.heading h2.title span { padding-bottom: 10px; }
	.heading .sub-title { font-size: 14px; }
	/*Header*/
	.navbar-toggler { right: 15px; }

	/*Homepage*/
	.line-box { display: none; }
	.slider-home.main-background-page .slider-home__inner .line-box { display: block; left: -15px; top: 16vh;}
	.slider-home__inner:before { transform: translateX(-15px) skew(-45deg); width: 115px;}
	.slider-home__list .slick-dots { left: 50%; transform: translateX(-50%); }
	.slider-home__list-item .wrap-info { left: 15px; right: 15px; text-align: center; top: 50%; transform: translateY(-50%); margin: auto;}
	.slider-home__list { margin-right: -15px; }
	.slider-home__list-item .wrap-img { height: 70vh; }
	.slider-home:after { transform: skew(-21deg) translateX(100px); }
	.about-us__inner .right .wrap-img { margin-right: -15px; margin-left: -15px; margin-bottom: -60px; }
	.about-us__inner .right .wrap-img:before { content: none; }
	.feature-special__list-item:nth-child(2n+1), .feature-special__list-item { width: 100%; }
	.feature-special__list-item { padding-bottom: 40px; }
	.feature-special__list-item .item-inner { padding-left: 50px; }
	.feature-special__list-item .top .title { font-size: 18px; margin-left: 15px; }
	.video-home { padding-bottom: 50px; }
	.video-home:before { height: 0; }
	.video-home:after { bottom: 0; }
	.video-home__inner .right .wrap-video { margin-right: 0; }
	.project__top .left .title { font-size: 27px; }
	.project__top .left { margin-bottom: 20px; }
	.team { padding-top: 80px; padding-bottom: 50px;}
	.team__list-item .wrap-info .position { margin-bottom: 10px; }
	.number-special__list { padding-top: 50px; padding-bottom: 120px;}
	.number-special__list-item { width: 50%; margin-bottom: 35px; }
	.number-special__list-item .number { margin-bottom: 10px; margin-top: 10px; }
	.partner__list-item { padding: 25px; }
	.partner__list { margin: -25px; padding-top: 40px; }
	.partner__inner .heading .des { max-width: 100%; }
	.form__contact-submit .button_submit { font-size: 14px; }
	.form__inner .heading .des { max-width: 100%; }
	.news__list-item { width: 100%; margin-bottom: 20px;}
	.news__list-item .wrap-img { padding-top: 70%; }
	.news__list-item .wrap-img:after { height: 250px; transform: skew(-80deg) }
	.footer__top .list-top__item:first-child a img { width: 220px; }
	.footer__top .list-top__item:nth-child(2) { margin-top: 15px; }
	.footer__top { padding: 130px 0; }

	.feature-special__list-item .item-inner:before { left: 40px;}
	
	/*Contact*/
	.slider-home.main-background-page .wrap-img { margin-right: -15px; }
	.slider-home.main-background-page .heading { left: 15px; right: 15px; text-align: center;}

	.block2-page-introduce__inner { padding-top: 30px; }
	.block4-page-introduce { padding-top: 50px; padding-bottom: 30px; }
	.block4-page-introduce .top .icon-play img { width: 70px; height: 70px; }
	.block1-page-introduce__inner { padding-top: 0; }
	.block1-page-introduce__left .wrap-img { margin: 0 -15px;}
	.block2-page-introduce__inner .wrap-img, .block2-page-introduce__inner.change .wrap-img{ margin: 0 -15px; }

	/*Introduce*/
	.block1-page-introduce__left .wrap-img { transform: skew(25deg) }
	.block1-page-introduce__left .wrap-img .inner { transform: skew(-25deg) }

	/*Recruitment*/
	.content-page-recruitment__inner .top .left .wrap-img { margin: 0 -15px; }


	/*Popup*/
	.popup-content-recruitment .popup-box, .popup-apply .component-inner { margin: 30px 15px; }

	/*404*/
	.page-404-content__inner:before { left: 80px; }



}

@media screen and (max-width: 639px){ /* 540 */

	.heading h2.title { font-size: 24px; }
	.heading h2.title span:before { width: 98px; }
	
	/*HomePage*/
	.slider-home:after { transform: skew(-30deg) translateX(175px);}
	.line-box { transform: skew(15deg); }
	.slider-home__list-item .wrap-info .title { font-size: 27px; }
	.feature-special__list { padding: 20px 15px; }
	.feature-special__list-item .item-inner { padding-left: 40px; }
	.feature-special__list-item .item-inner:before { transform: skew(-10deg); }
	.project__top .left .title { font-size: 24px; }
	.list-project__item a .wrap-info .des { -webkit-line-clamp: 2; }
	.partner__list-item { width: 50%; }
	.form__contact-wrap .form-group { width: 100%; margin-bottom: 30px; }
	.feature-special__list-item .item-inner:before { left: 30px; }
	.feature-special__list-item .top .icon img { width: 35px; height: 30px; object-fit: contain;}

	/*Recruitment*/
	.content-page-recruitment__inner .bottom .list-utilities__item { width: 100%; }
	.content-page-recruitment__inner .bottom .list-utilities__item .wrap-img img{ height: 150px; }

	.popup-apply .component-inner .title { font-size: 30px; }
	.popup-apply .component-inner .position { padding-bottom: 30px; }

	.popup-apply .component-inner .form__contact-submit { flex-wrap: wrap; }
	.form__contact-submit .image-upload { width: 100%; }
	.popup-apply .component-inner .form__contact-submit .button_submit { width: 100%; min-width: unset; }
	.form__contact-submit label.filebutton { width: 120px; padding: 8px; margin-right: 0; margin-left: 0; }
	.form__contact-submit .image-upload { display: flex; justify-content: flex-end; padding-bottom: 30px; align-items: center;}
	.form__contact-submit .filename { position: relative; left: unset; transform: unset; padding-right: 5px; flex-basis: 0; flex-grow: 1;}
	.form__contact-submit .wpcf7-form-control-wrap { width: unset; }



	/*404*/
	.page-404-content__inner:before { left: 50px; }

	
}

@media screen and (max-width: 539px){ /* 450 */

	.header__inner .logo { width: 45px; }
	.slider-home.main-background-page .slider-home__inner .line-box .line-1 { height: 38vh; }
	.line-box { top: 15vh; transform: skew(12deg); }
	.slider-home__list-item .wrap-info .title { font-size: 24px; }
	.list-project__item { width: 100%; }
	.project__top .right .list-project__item .wrap-img { padding-top: 83%; }
	.list-project__item.big { width: 100%; }
	.project__bottom .list-project__item:last-child { display: block; }
	.footer__top .list-top__item:first-child { padding-right: unset; margin-bottom: 30px; width: 100%; }
	.footer__list-item:first-child, .footer__list-item:nth-child(2) { width: 100%; padding-right: unset; margin-bottom: 20px;}
	.footer__list-item:nth-child(3) { width: 100%; }
	.footer__top { padding:  100px 0; }

	/*Contact*/
	.contact-info__inner .right { padding: 20px 15px; }

	/*inTroduce*/
	.block2-page-introduce__inner .wrap-img:before { width: 70px; }
	.block4-page-introduce .top .icon-play img { width: 55px; height: 55px; }
	.block3-page-introduce .list-core_value .item { width: 100%; }

	
	.list-tab-news__item a { display: block; margin-bottom: 5px;}
	.content-page-projects__top .list-tab-projects .list-tab-news__item { width: 100%; }

	.popup-apply .component-inner .form__contact-submit .button_submit { width: 100%;}


	/*404*/
	.page-404-content__inner .wrap-img img { width: 300px; }
	.page-404-content__inner .wrap-img  { margin-bottom: 20px; }
	.page-404-content:after { transform: skew(-25deg) translateX(220px) }

	.hqd-custom-table li { width: 100%; }

}

@media screen and (max-width: 439px){ /* 375 */
	.slider-home:after { transform: skew(-30deg) translateX(220px); }

	.popup-content-recruitment .popup-box .wrap-button .button { width: 100%; }
	.page-404-content:after { transform: skew(-20deg) translateX(220px) }

}

