@media screen and (max-width: 1600px){
	.scroll_btn span { font:20px/2px 'db_helvethaica_x_med'; }

	/***header***/
	#header .nav a { font:21px/13px 'db_helvethaica_x';padding:14px 0; }

	/****start page****/
	#section_banner .banner .col-l { margin-top:52px; }
	#section_banner .banner .box_problem { margin-top:-224px; }
	#section_banner .banner .lg_txt { font:70px/50px 'db_heavent_med'; }
	#section_banner .banner .lg_txt span { font:60px/62px 'db_heavent_med';margin:0 0 20px 0; }
	#section_banner .banner .txt { font:27px/32px 'db_heavent';margin:0 0 30px 0; }
	#section_banner .banner a { font:30px/32px 'db_heavent_med';padding:10px 25px; }
	#section_banner .banner .box_txt { width:292px;font:23px/27px 'db_heavent_it';padding:18px; }
	#section_banner .banner .box_txt .lg_txt { font:29px/26px 'db_heavent_med_it'; }
	#section_banner .banner .box_txt .char { font:bold 70px/50px 'db_heavent_it'; }
	#section_banner .banner .box_txt1 { height:123px;padding: 29px 18px; }
	#section_banner .banner .box_txt2 { width:362px;height:145px;top:166px;padding:18px; }
	#section_banner .banner .box_txt3 { width:327px;top:360px; }
	#section_banner .banner .box_txt4 { width:328px;height:123px; }
	#section_banner .banner .box_txt5 { width:383px;height:145px;top:166px;padding:27px 18px; }
	#section_banner .banner .box_txt6 { width:276px;top:360px; }
	#section_banner .banner .box_txt7 { width:338px;height:123px;padding:36px 18px; }
	#section_banner .banner .box_txt8 { width:387px;height:145px;top:166px;padding:27px 18px; }

	#section_port .wp_topic { padding-top:150px; }
	#section_port .topic h1 { font:50px/35px 'db_helvethaica_x_med'; }
	#section_port .topic .menuFillter a { font:25px/20px 'db_helvethaica_x_med';margin:0 30px 0 0; }
	#section_port .wp_slide { height:500px; }
	#section_port .wp_slide .boxSlide .item { width:450px;padding:0 15px 0 0; }
	#section_port .wp_slide .boxSlide .item .wp_box { margin:0 0 15px 0; }
	#section_port .wp_slide .boxSlide .item .wp_box .caption { font:19px/17px 'db_helvethaica_x_med';padding:10px 20px 6px 20px; }
	#section_port .wp_slide .boxSlide .item .wp_box .caption span { font:17px/15px 'db_helvethaica_x_med'; }
	#section_port .wp_slide .boxSlide .item .wp_box .box_sm { width: calc(50% - 7.5px);margin: 0 15px 0 0; }

	#section_howwork .wrapper { margin:150px 0 102px 0; }
	#section_howwork .col-r { font:26px/32px 'db_heavent';margin:0 0 0 50%; }
	#section_howwork .col-r .topic { font:75px/50px 'db_heavent_med'; }
	#section_howwork .col-r .txt { margin:0 0 40px 0; }
	#section_howwork .col-r .box_step .step { font:28px/26px 'db_helvethaica_x_med';margin:10px 0 0 0; }

	#section_team .topic { font:50px/40px 'db_helvethaica_x_med';margin:170px 0 45px -7px; }
	#section_team .topic .num { width:100px;font:bold 129px/73px 'db_helvethaica_x_med'; }
	#section_team .topic .right { width:calc(100% - 115px); }
	#section_team .box_nameTeam { margin:0 0 20px 0; }
	#section_team .box_nameTeam .icon { width:40px;margin:0 20px 0 0; }
	#section_team .box_nameTeam .nameTeam { font:27px/28px 'db_helvethaica_x'; }
	#section_team .box_graphic { width:46%;right:-13%;top:180px; }

	#section_contact .wrapper { margin:120px 0 0 0; }
	#section_contact .col-r { margin:0 0 0 50%; }
	#section_contact .col-r .topic { font:65px/40px 'db_heavent_med'; }
	#section_contact .col-r .txt { font:45px/36px 'db_heavent_med'; }
	#section_contact .col-r label { font: 18px/18px 'db_heavent'; }
	#section_contact .col-r .submit_btn { font:30px/30px 'db_heavent_med'; }
	#section_contact .col-r .errorTxt { top:22px; }

	/***popup***/
	.popup_port .detail h1 { font:70px/50px 'db_helvethaica_x_med'; }
	.popup_port .boxImg h2 { font:33px/20px 'db_helvethaica_x_med';margin:0; }
	.popup_port .boxImg .topic { font:47px/45px 'db_helvethaica_x_med'; }
	.popup_port .box_picPort .bg { height:52%; }

	.popup_thank { font:33px/29px 'db_heavent'; }
	.popup_thank .click_btn { font:28px/30px 'db_heavent_med'; }
	.popup_thank .lg_txt { font:65px/55px 'db_heavent_med'; }
}

@media screen and (max-width: 1199px) {
	/***start page***/
	#section_banner .banner .lg_txt { font:65px/50px 'db_heavent_med'; }
    #section_banner .banner .lg_txt span { font:55px/62px 'db_heavent_med'; }
    #section_banner .banner .txt { font:24px/30px 'db_heavent'; }
    #section_banner .banner a { font:28px/30px 'db_heavent_med'; }
    #section_banner .banner .box_txt .lg_txt { font:27px/26px 'db_heavent_med_it'; }
    #section_banner .banner .box_txt1 ,#section_banner .banner .box_txt7 { height:120px; }
    #section_banner .banner .box_txt5 { width:362px; }

    #section_howwork .wrapper { margin:130px 0 102px 0; }
    #section_howwork .col-r { font:22px/26px 'db_heavent';margin:0 0 0 50%; }
	#section_howwork .col-r .topic { font:65px/45px 'db_heavent_med';margin:0 0 20px 0; }
	#section_howwork .col-r .txt { margin:0 0 30px 0; }
	#section_howwork .col-r .box_step .step { font:24px/20px 'db_helvethaica_x_med'; }

	#section_team .container { margin-bottom:60px; }
	#section_team .topic { font:45px/34px 'db_helvethaica_x_med';margin:170px 0 40px -7px; }
	#section_team .topic .num { width:85px;font:bold 110px/60px 'db_helvethaica_x_med'; }
	#section_team .topic .right { width:calc(100% - 100px); }
	#section_team .box_nameTeam { margin:0 0 20px 0; }
	#section_team .box_nameTeam .icon { width:35px;margin:0 15px 0 0; }
	#section_team .box_nameTeam .icon img { width:80%; }
	#section_team .box_nameTeam .nameTeam { font:24px/25px 'db_helvethaica_x'; }
	#section_team .box_graphic { top:190px; }

	#section_contact .wrapper { margin:80px 0 0 0; }
	#section_contact .col-r { margin:0 0 0 50%; }
	#section_contact .col-r .topic { font:55px/35px 'db_heavent_med'; }
	#section_contact .col-r .txt { font:35px/24px 'db_heavent_med'; }
	#section_contact .col-r .submit_btn { font:27px/30px 'db_heavent_med';padding:9px 30px; }

	/***popup***/
	.popup_port { padding:0; }
	.popup_port .boxImg { margin:40px 0; }
	.popup_port .box_picPort { top:20px; }
	.popup_port .box_picPort .bg { height:45%; }
	.popup_port .txt_detail { margin:0 0 40px 0; }
	.fancybox-close { top:50px;right:50px; }

	.popup_thank { font:30px/22px 'db_heavent'; }
	.popup_thank .lg_txt { font:58px/60px 'db_heavent_med'; }
	.popup_thank .txt { margin:0 0 20px 0; }
	.popup_thank .click_btn { font:27px/30px 'db_heavent_med';margin:20px 0 0 0; }
	.overlay_thank .fancybox-close { width:26px;height:25px; }
}

@media screen and (max-width: 991px) {
	.container { width:100%; }
	.section { min-height:0; }
	.box_cell { display:block; }
	.scroll_btn { display:none; }

	/***header***/
	#header { height:126px;padding:0;background-color:#000 !important; }
	#header .box_head { height:126px;margin:0 -15px;position:relative;z-index:99;background:#000; }
	#header .logo { width:133px;height:68px;margin:32px 0 0 30px; }
	#header .hamburger_btn { width:54px;height:46px;float:right;margin:44px 30px 0 0;display:block; }
	#header .nav { position:absolute;width:100%;top:-1000px;left:0; }
	#header .nav a { width:100%;font:48px/30px 'db_heavent';margin:0px;display:block;padding:40px 15px;background-color:#ed1c26;color:#fff !important;text-transform:uppercase;text-align:center; }
	#header .nav a.active ,#header .nav a:hover { background-color:#be161f; }

	/***footer***/
	#footer { padding:40px 15px;font:30px/31px 'db_heavent'; }
	#footer .logo { width:94px;height:49px;margin:5px 40px 0 0; }
	#footer .copyright { float:left;width:100%;padding-left:136px;margin:9px 0 0 0; }

	/***start page***/
	#section_banner canvas { display:none; }
	#section_banner .banner { height:auto;background:url(../image/mobile_bg.jpg) 0 0 no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover; }
	#section_banner .banner .col-l { margin-top:225px;text-align:center; }
	#section_banner .banner .lg_txt { font:120px/100px 'db_heavent_med'; }
	#section_banner .banner .lg_txt span { font:88px/60px 'db_heavent_med';margin:20px 0 55px 0; }
	#section_banner .banner .txt { text-align:center; }
	#section_banner .banner .txt .hidetxt { display:none; }
	#section_banner .banner .txt br { display:block; }
	#section_banner .banner .box_problem { margin-top:0;padding:0 20px;position:relative; }
	#section_banner .banner .box_txt .graphic { left:60% !important; }
	#section_banner .banner .box_txt .char { font:bold 123px/80px 'db_heavent_it';padding:0 5px; }
	#section_banner .banner .box_txt .lg_txt { font:55px/59px 'db_heavent_med_it'; }
	#section_banner .banner .box_txt .graphic { width:36px;height:36px;bottom:-36px; }
	#section_banner .banner .txt { font:52px/65px 'db_heavent';margin:334px 0 50px 0; }
	#section_banner .banner .col-smtext { text-align:center; }
	#section_banner .banner a { margin-bottom:144px;font:64px/33px 'db_heavent_med';padding:32px 62px; }
	#section_banner .banner .box_txt { height:272px;font:43px/47px 'db_heavent_it';margin:auto;right:0 !important;left:0 !important;top:0 !important;/*transform: matrix(1, 0, 0, 1, 0, 0) !important;-webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;-ms-transform: matrix(1, 0, 0, 1, 0, 0) !important;-o-transform: matrix(1, 0, 0, 1, 0, 0) !important;-moz-transform: matrix(1, 0, 0, 1, 0, 0) !important;*/ }
    #section_banner .banner .box_txt1 { width:505px;padding:75px 15px; }
    #section_banner .banner .box_txt2 { width:655px;padding:33px 30px; }
    #section_banner .banner .box_txt3 { width:587px;padding:83px 30px; }
    #section_banner .banner .box_txt4 { width:587px;padding:52px 30px; }
    #section_banner .banner .box_txt5 { width:684px;padding:52px 25px; }
    #section_banner .banner .box_txt6 { width:496px;padding:84px 25px; }
    #section_banner .banner .box_txt7 { width:604px;padding:84px 16px; }
    #section_banner .banner .box_txt8 { width:652px;padding:62px 11px; }
    #section_banner .banner .box_txt1 .char_r { bottom:-52px; }

	#section_port .wp_topic { padding-top:80px; }
	#section_port .topic { margin:0 0 48px 0; }
    #section_port .topic h1 { font:96px/52px 'db_helvethaica_x_med';padding-left:15px; }
    #section_port .topic .filter_btn { display:block;color:#55565a;font:60px/30px 'db_helvethaica_x_med';text-transform:uppercase;position:absolute;top:20px;right:30px;padding:0 48px 0 0;background:url(../image/filter_btn_rati.png) right 3px no-repeat; }
    #section_port .topic .filter_btn.active { background:url(../image/filter_btn_rati-active.png) right 3px no-repeat; }
    #section_port .topic .menuFillter { position:absolute;top:48px;margin:0;width:calc(100% - 15px);z-index:2;padding:0 15px;text-align:center; }
    #section_port .topic .menuFillter a { font:48px/30px 'db_heavent';margin:0;width:100%;display: block;background: #ed1c26;color:#fff;padding:40px 15px; }
    #section_port .topic .menuFillter a:hover ,#section_port .topic .menuFillter a.active { background-color:#be161f;color:#fff; }
    #section_port .wp_slide { height:724px;margin:0 0 60px 0;margin-left:30px !important }
    #section_port .wp_slide .boxHelp { width:50px;height:61px; }
    #section_port .wp_slide .boxSlide .item { width:655px;padding:0 27px 0 0; }
    #section_port .wp_slide .boxSlide .item .wp_box { margin:0 0 27px 0; }
    #section_port .wp_slide .boxSlide .item .wp_box .caption { font:20px/18px 'db_helvethaica_x_med';padding:10px 15px 6px 15px; }
    #section_port .wp_slide .boxSlide .item .wp_box .caption span { font:18px/15px 'db_helvethaica_x_med'; }
    #section_port .wp_slide .boxSlide .item .wp_box .box_sm { width: calc(50% - 13.5px);margin:0 27px 0 0; }
    #section_port.fixed .wp_topic { top:126px; }
    #section_port.fixed .wp_slide { margin-top:180px; }

    #section_howwork { background:url(../image/pic_howwork-mobile.jpg) center 0 no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; }
    #section_howwork .wrapper { margin:148px 0 110px 0;overflow:hidden; }
    #section_howwork .pic { display:none; }
    #section_howwork .col-r { font:48px/53px 'db_heavent';margin:0;padding:0 30px; }
	#section_howwork .col-r .topic { font:120px/64px 'db_heavent_med';margin:0 0 50px 0; }
	#section_howwork .col-r .txt { margin:0 0 60px 0; }
	#section_howwork .col-r .box_step img { height:auto; }
	#section_howwork .col-r .box_step .step { font:35px/18px 'db_helvethaica_x_med';margin:20px 0 0 0; }

	#section_team { padding:94px 15px 0 15px;margin:0 0 90px 0; }
	#section_team .container { margin-bottom:0; }
	#section_team .col-sm-6 { width:50%;float:left; }
	#section_team .topic { font:70px/48px 'db_helvethaica_x_med';margin:0 0 35px 0; }
	#section_team .topic .num { width:125px;font:bold 162px/90px 'db_helvethaica_x_med';margin:0 10px 0 0; }
	#section_team .topic .right { width:calc(100% - 135px); }
	#section_team .topic .right span { font:61px/54px 'db_helvethaica_x_med'; }
	#section_team .box_nameTeam { margin:0 0 25px 0; }
	#section_team .box_nameTeam .icon { width:65px;margin:0 15px 0 0; }
	#section_team .box_nameTeam .icon_sigle { width:55px;margin:0 25px 0 0;padding:0 0 0 5px; }
	#section_team .box_nameTeam .nameTeam { width:calc(100% - 80px);font:35px/35px 'db_helvethaica_x'; }
	#section_team .box_graphic { position:relative;top:0;left:0;width:100%;margin:30px auto 0 auto;padding:0 15px; }

	#section_contact .wrapper { margin:0;padding-top:80px; }
	#section_contact .pic { display:none; }
	#section_contact .col-r { margin:0;padding:0 30px; }
	#section_contact .col-r .topic { font:120px/105px 'db_heavent_med'; }
	#section_contact .col-r .txt { font:68px/30px 'db_heavent_med';margin:0 0 115px 0; }
	#section_contact .col-r label { font:37px/30px 'db_heavent'; }
	#section_contact .col-r .control { height:32px;margin:0 0 70px 0;font:40px/30px 'db_heavent'; }
	#section_contact .col-r textarea { height:auto !important; }
	#section_contact .col-r .checkbox { margin:40px 0 0 0; }
	#section_contact .col-r .checkbox label { padding:0 0 0 46px; }
	#section_contact .col-r .checkbox input[type="radio"] + label span { width:24px;height:24px;margin:8px 22px 0 -46px;background:url(../image/radio-rati.png) 0 0 no-repeat; }
	#section_contact .col-r .checkbox input[type="radio"]:checked + label span { background: url(../image/radio_active-rati.png) 0 0 no-repeat; }
	#section_contact .col-r .submit_btn { width:256px;height:80px;font:65px/60px 'db_heavent_med';padding:9px 44px;margin:108px auto 80px auto;display:block; }
	#section_contact .col-r .errorTxt { width:100%;position:relative;text-align:center;left:0;top:65px;font:italic 30px/18px 'db_heavent'; }
	#section_contact.fixed .col-r .submit_btn { margin-bottom:215px; }

	/***popup***/
	.popup_port { padding:0; }
	.popup_port .container { padding:0; }
	.popup_port .detail h1 { font:96px/52px 'db_helvethaica_x_med';margin:20px 0 10px 0;padding-right:30px; }
	.popup_port .caption_pop { font:53px/46px 'db_helvethaica_x_med';padding-right:30px; }
	.popup_port .txt_detail { font:32px/32px 'db_heavent';margin:0 0 30px 0; }
	.popup_port .txt_detail ul, .popup_port .txt_detail ol { margin:5px 0 0 26px; }
	.popup_port h2 ,.popup_port .boxImg h2 { font:55px/48px 'db_helvethaica_x_med'; }
	.popup_port .boxImg { margin:30px -15px; }
	.popup_port .boxImg .container { padding:0 15px; }
	.popup_port .boxImg .topic { font:45px/40px 'db_helvethaica_x_med';margin:0 0 20px 0; }
	.popup_port .box_picPort { display:none; }
	.fancybox-close { background: url(../image/close_btn-hover.png) 0 0 no-repeat;top:10px;right:0; }
	.fancybox-overlay {	top:-200px; }

	.popup_thank { font:32px/32px 'db_helvethaica_x_med';margin-top:20px; }
	.popup_thank .lg_txt { font:63px/65px 'db_heavent_med';margin:0 0 10px 0; }
	.popup_thank .click_btn { font:32px/30px 'db_heavent_med';padding:14px 30px;margin:30px 0 0 0; }
	.overlay_thank .fancybox-close { top:0;background-size:70% !important;-webkit-background-size:70% !important;-moz-background-size:70% !important;-o-background-size:70% !important;-ms-background-size:70% !important; }
}

@media screen and (max-width: 749px) {
	/***header***/
	#header { height:63px; }
	#header .box_head { height:63px;margin:0 -30px; }
	#header .logo { width:67px;height:34px;margin:16px 0 0 30px; }
	#header .hamburger_btn { width:27px;height:23px;margin:22px 30px 0 0; }
	#header .nav a { font:24px/27px 'db_heavent';padding:15px; }

	/***footer***/
	#footer { padding:30px 0 40px 0;font:16px/18px 'db_heavent'; }
	#footer .logo { width:48px;height:24px;margin:5px 20px 0 0; }
	#footer .copyright { padding-left:68px;margin:0; }

	/***start page***/
	#section_banner .banner .col-l { margin-top:113px; }
	#section_banner .banner .lg_txt { font:57px/50px 'db_heavent_med'; }
	#section_banner .banner .lg_txt span { font:41px/30px 'db_heavent_med';margin:5px 0 27px 0; }
	#section_banner .banner .box_txt .char { font:bold 62px/40px 'db_heavent_it'; }
	#section_banner .banner .box_txt .lg_txt { font:28px/32px 'db_heavent_med_it'; }
	#section_banner .banner .box_txt .graphic { width:18px;height:18px;bottom:-17px; }
	#section_banner .banner .txt { font:24px/31px 'db_heavent';margin:168px 0 33px 0; }
	#section_banner .banner a { width:327px;max-width:100%;height:48px;margin-bottom:72px;font:30px/20px 'db_heavent_med';padding:15px; }
	#section_banner .banner .box_txt { height:136px;font:22px/25px 'db_heavent_it'; }
	#section_banner .banner .box_txt .char_r { bottom:-25px !important; }
    #section_banner .banner .box_txt1 { width:277px;padding:35px 15px; }
    #section_banner .banner .box_txt2 { width:356px;padding:16px 22px; }
    #section_banner .banner .box_txt3 { width:320px;padding:38px 18px; }
    #section_banner .banner .box_txt4 { width:325px;padding:20px; }
    #section_banner .banner .box_txt5 { width:354px;padding:19px 12px; }
    #section_banner .banner .box_txt6 { width:294px;padding:34px 25px; }
    #section_banner .banner .box_txt7 { width:337px;padding:34px 16px; }
    #section_banner .banner .box_txt8 { width:345px;padding:28px 11px; }
    
	#section_port .wp_topic { padding-top:40px; }
	#section_port .topic { margin:0 0 22px 0; }
    #section_port .topic h1 { font:48px/30px 'db_helvethaica_x_med';padding-left:0; }
    #section_port .topic .filter_btn { font:30px/15px 'db_helvethaica_x_med';top:10px;right:15px;padding:0 24px 0 0;background:url(../image/filter_btn.jpg) right 3px no-repeat; }
    #section_port .topic .filter_btn.active { background:url(../image/filter_btn-active.png) right 3px no-repeat; }
    #section_port .topic .menuFillter { top:23px;width:100%; }
    #section_port .topic .menuFillter a { font:24px/27px 'db_heavent';padding:15px; }
    #section_port .wp_slide { height:365px;margin:0 0 50px 0;margin-left:15px !important }
    #section_port .wp_slide .boxHelp { display:none; }
    #section_port .wp_slide .boxSlide .item { width:329px;padding:0 13px 0 0; }
    #section_port .wp_slide .boxSlide .item .wp_box { margin:0 0 13px 0; }
    #section_port .wp_slide .boxSlide .item .wp_box .caption { font:15px/13px 'db_helvethaica_x_med';padding:12px 10px 6px 10px; }
    #section_port .wp_slide .boxSlide .item .wp_box .caption span { font:17px/15px 'db_helvethaica_x_med'; }
    #section_port .wp_slide .boxSlide .item .wp_box .box_sm { width: calc(50% - 6.5px);margin:0 13px 0 0; }
    #section_port.fixed .wp_topic { top:60px; }
    #section_port.fixed .wp_slide { margin-top:93px; }

    #section_howwork .wrapper { margin:74px 0 55px 0; }
    #section_howwork .col-r { font:24px/29px 'db_heavent';padding:0 15px; }
	#section_howwork .col-r .topic { font:60px/32px 'db_heavent_med';margin:0 0 30px 0; }
	#section_howwork .col-r .txt { margin:0 0 40px 0; }
	#section_howwork .col-r .box_step img { height:57px; }
	#section_howwork .col-r .box_step .step { font:26px/18px 'db_helvethaica_x_med'; }

	#section_team { padding:47px 0 0 0;margin:0 0 40px 0; }
	#section_team .topic { font:33px/32px 'db_helvethaica_x_med';margin:0 0 27px 0; }
	#section_team .topic .num { width:75px;font:bold 96px/55px 'db_helvethaica_x_med';margin:0 5px 0 0; }
	#section_team .topic .right { width:calc(100% - 80px); }
	#section_team .topic .right span { font:31px/29px 'db_helvethaica_x_med'; }
	#section_team .box_nameTeam { margin:0 0 7px 0; }
	#section_team .box_nameTeam .icon { width:33px;margin:0 6px 0 0;padding:7px 0 0 0; }
	#section_team .box_nameTeam .icon_sigle { width:28px;margin:0 11px 0 0;padding:7px 0 0 5px; }
	#section_team .box_nameTeam .nameTeam { width:calc(100% - 47px);font:19px/20px 'db_helvethaica_x'; }
	#section_team .box_graphic { margin:20px auto 30px auto;padding:0 15px; }

	#section_contact .wrapper { padding-top:40px; }
	#section_contact .col-r { padding:0 15px; }
	#section_contact .col-r .topic { font:60px/50px 'db_heavent_med'; }
	#section_contact .col-r .txt { font:34px/31px 'db_heavent_med';margin:0 0 40px 0; }
	#section_contact .col-r label { font:20px/17px 'db_heavent'; }
	#section_contact .col-r .control { height:25px;margin:0 0 36px 0;font:20px/18px 'db_heavent'; }
	#section_contact .col-r .checkbox { margin:25px 0 0 0; }
	#section_contact .col-r .checkbox label { padding:0 0 0 22px; }
	#section_contact .col-r .checkbox input[type="radio"] + label span { width:12px;height:12px;margin:5px 8px 0 -22px;background:url(../image/radio.png) 0 0 no-repeat; }
	#section_contact .col-r .checkbox input[type="radio"]:checked + label span { background: url(../image/radio_active.png) 0 0 no-repeat; }
	#section_contact .col-r .submit_btn { width:128px;height:40px;font:34px/30px 'db_heavent_med';padding:5px 15px;margin:54px auto 60px auto; }
	#section_contact .col-r .errorTxt { font:italic 20px/18px 'db_heavent';top:42px; }
	#section_contact.fixed .col-r .submit_btn { margin-bottom:150px; }

	/***popup***/
	.popup_port .detail { margin:0 -15px; }
	.popup_port .detail h1 { font:48px/29px 'db_helvethaica_x_med';margin:0 0 10px 0; }
	.popup_port .caption_pop { font:34px/30px 'db_helvethaica_x_med';margin:0 0 25px 0; }
	.popup_port .txt_detail { font:25px/25px 'db_heavent'; }
	.popup_port .txt_detail ul, .popup_port .txt_detail ol { margin:5px 0 0 23px; }
	.popup_port h2 ,.popup_port .boxImg h2 { font:30px/30px 'db_helvethaica_x_med'; }
	.popup_port .wp_btn a ,.popup_port .wp_btn .next_btn ,.popup_port .wp_btn a:hover { width:30px;height:30px;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover; }
	.popup_port .boxImg { margin:30px -30px; }
	.popup_port .boxImg .topic { font:34px/26px 'db_helvethaica_x_med'; }

	.popup_thank { font:25px/27px 'db_helvethaica_x_med'; }
	.popup_thank .lg_txt { font:48px/42px 'db_heavent_med'; }
	.popup_thank .click_btn { font:30px/30px 'db_heavent_med';padding:14px 20px; }
	.overlay_thank .fancybox-close { top:-20px; }
}

@media screen and (max-width: 374px) {
	/***header***/
	#header .nav a { font:20px/22px 'db_heavent'; }

	/***footer***/
	#footer { padding:20px 0 40px 0;font:14px/16px 'db_heavent'; }
	#footer .logo { margin:5px 15px 10px 0; }
	#footer .copyright { padding-left:63px; }

	/***start page***/
	#section_banner .banner .col-l { margin-top:90px; }
	#section_banner .banner .lg_txt { font:50px/50px 'db_heavent_med'; }
	#section_banner .banner .lg_txt span { font:36px/30px 'db_heavent_med';margin:5px 0 25px 0; }
	#section_banner .banner .box_txt .char { font:bold 52px/38px 'db_heavent_it'; }
	#section_banner .banner .box_txt .lg_txt { font:24px/27px 'db_heavent_med_it'; }
	#section_banner .banner .box_txt .graphic { left:50% !important; }
	#section_banner .banner .txt { font:20px/25px 'db_heavent';margin:154px 0 25px 0; }
	#section_banner .banner a { width:100%;max-width:290px;height:auto;margin-bottom:50px;font:25px/23px 'db_heavent_med';padding:11px; }
	#section_banner .banner .box_txt { width:100%;max-width:312px;height:122px;font:18px/20px 'db_heavent_it'; }
	#section_banner .banner .box_txt .char_r { bottom:-23px !important; }
    #section_banner .banner .box_txt1 { width:232px;padding:35px 15px; }
    #section_banner .banner .box_txt2 { width:312px;padding:16px 25px; }
    #section_banner .banner .box_txt3 { width:258px;padding:34px 10px; }
    #section_banner .banner .box_txt4 { width:252px;padding:20px 10px; }
    #section_banner .banner .box_txt5 { width:354px;padding:20px 17px; }
    #section_banner .banner .box_txt6 { width:215px;padding:33px 10px; }
    #section_banner .banner .box_txt7 { width:279px;padding:37px 10px; }
    #section_banner .banner .box_txt8 { width:295px;padding:27px 10px; }

	#section_port .topic { margin:0 0 17px 0; }
    #section_port .topic h1 { font:43px/30px 'db_helvethaica_x_med'; }
    #section_port .topic .filter_btn { font:23px/15px 'db_helvethaica_x_med';top:11px;background-position:right 2px; }
    #section_port .topic .filter_btn.active { background-position:right 2px; }
    #section_port .topic .menuFillter { top:18px; }
    #section_port .topic .menuFillter a { font:20px/20px 'db_heavent'; }
    #section_port .wp_slide { height:317px;margin:0 0 40px 0; }
    #section_port .wp_slide .boxSlide .item { width:286px;padding:0 10px 0 0; }
    #section_port .wp_slide .boxSlide .item .wp_box { margin:0 0 10px 0; }
    #section_port .wp_slide .boxSlide .item .wp_box .caption { font:13px/13px 'db_helvethaica_x_med';padding:14px 8px 6px 8px; }
    #section_port .wp_slide .boxSlide .item .wp_box .caption span { font:14px/11px 'db_helvethaica_x_med'; }
    #section_port .wp_slide .boxSlide .item .wp_box .box_sm { width: calc(50% - 5px);margin:0 10px 0 0; }
    #section_port.fixed .wp_slide { margin-top:88px; }

    #section_howwork .wrapper { margin:64px 0 45px 0; }
    #section_howwork .col-r { font:20px/23px 'db_heavent'; }
	#section_howwork .col-r .topic { font:50px/32px 'db_heavent_med';margin:0 0 25px 0; }
	#section_howwork .col-r .txt { margin:0 0 25px 0; }
	#section_howwork .col-r .box_step img { height:48px; }
	#section_howwork .col-r .box_step .step { font:20px/18px 'db_helvethaica_x_med';margin:12px 0 0 0; }

	#section_team { padding:40px 0 0 0;margin:0 0 30px 0; }
	#section_team .topic { font:28px/32px 'db_helvethaica_x_med';margin:0 0 15px 0; }
	#section_team .topic .num { width:62px;font:bold 80px/50px 'db_helvethaica_x_med'; }
	#section_team .topic .right { width:calc(100% - 67px); }
	#section_team .topic .right span { font:25px/18px 'db_helvethaica_x_med'; }
	#section_team .box_nameTeam { margin:0 0 5px 0; }
	#section_team .box_nameTeam .nameTeam { font:17px/17px 'db_helvethaica_x'; }
	#section_team .box_graphic { margin:15px auto 20px auto;padding:0 15px; }

	#section_contact .wrapper { padding-top:40px; }
	#section_contact .col-r .topic { font:50px/50px 'db_heavent_med';margin:0; }
	#section_contact .col-r .txt { font:29px/27px 'db_heavent_med';margin:0 0 30px 0; }
	#section_contact .col-r label { font:18px/17px 'db_heavent'; }
	#section_contact .col-r .control { margin:0 0 30px 0;font:18px/18px 'db_heavent'; }
	#section_contact .col-r .checkbox { margin:20px 0 0 0; }
	#section_contact .col-r .submit_btn { font:28px/27px 'db_heavent_med';margin:40px auto 30px auto; }
	#section_contact .col-r .errorTxt { font:italic 18px/18px 'db_heavent';top:30px; }

	/***popup***/
	.popup_port .detail h1 { font:38px/26px 'db_helvethaica_x_med';margin:0 0 5px 0; }
	.popup_port .caption_pop { font:28px/25px 'db_helvethaica_x_med';margin:0 0 15px 0; }
	.popup_port .txt_detail { font:20px/20px 'db_heavent';margin:0 0 25px 0; }
	.popup_port .txt_detail ul, .popup_port .txt_detail ol { margin:5px 0 0 19px; }
	.popup_port h2 ,.popup_port .boxImg h2 { font:23px/22px 'db_helvethaica_x_med'; }
	.popup_port .boxImg { margin:25px -30px; }
	.popup_port .boxImg .topic { font:28px/22px 'db_helvethaica_x_med'; }

	.popup_thank { font:20px/24px 'db_helvethaica_x_med'; }
	.popup_thank .lg_txt { font:38px/38px 'db_heavent_med'; }
	.popup_thank .txt { padding:0 10px; }
	.popup_thank .click_btn { font:24px/30px 'db_heavent_med';padding:10px 20px;margin:20px 0 0 0; }
	.overlay_thank .fancybox-close { top:0; }
}