@charset "utf-8";


@media screen and (max-width:1800px){ 
	.main_visual{background:#f4f8fb url(../images/visual_pos_img.png) 80% 50% no-repeat; background-size:auto 420px;}
}

@media screen and (max-width:1280px){ 
	.main_visual{background:#f4f8fb url(../images/visual_pos_img.png) 95% 250% no-repeat; background-size:auto 420px;}
	.main_visual .txt_wrap {margin-top:60px;}
	.en .install_info .con_box:before {display:none;}
}

@media screen and (max-width:1024px){
	.install_info .container {padding:15px 15px;}
	.install .txt_wrap{padding-top:0;}
	.install_info .con_box{width:240px; height:240px; padding:138px 35px 0; background-size:auto 60px; background-position:54% 27%;background-repeat:no-repeat;}
	.install_info .con_box:before {bottom:120px;}
	.install_info .con_box+.con_box{margin-left:calc((100% - 720px) / 2);}
	.install_info .sub_txt {font-size:18px; line-height:1.4;}
	.algorithm .con_box {height:350px;}
	.en .install_info .con_box{ padding:110px 60px 20px; background-size:auto 60px; background-position:54% 27%;background-repeat:no-repeat;}
	.en .install_info .con_box.con_3 {background-image:url(../images/ic_mainnet@2x.png); background-position:50% 22%;} 
	.en .install_info .sub_txt {font-size:16px;}
	.en .install_info .con_box:before {display:none;}
}

@media screen and (max-width:970px){
	.berith_pos h3 {font-size:35px;}
	.main_visual .txt_wrap {margin-top:40px;}
	.install .img {width:50%;}
}


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

	.container {padding:40px 15px;}
	.header .container {padding:0 15px;}
	.header h1 {text-align:center;}
	.header a {background-size:150px auto;}
	.left.img, .right.img {padding:0 10%;}

	.berith_pos h3 {font-size:28px; margin-bottom:15px;}
	.berith_pos .sub_tit {font-size:18px; line-height:1.4;}
	.berith_pos .sub_txt {font-size:15px; line-height:1.4;}

	section{position: relative; padding:0;}
	.sub_txt{font-size:15px; line-height:22px;}


	.btn.gray{color:#fff; background:#175fb6; opacity:1;}
	.btn.white{border:1px solid #ccc; background:#fff; color:#555; box-shadow: 1.5px 2.5px 3px 0px rgba(0, 0, 0, 0.1);}

	.btn.medium{width:100%; padding:18px 15px; font-size:18px; }
	.btn.goto{width:100%; padding:15px 0; margin-top:15px; font-size:20px; text-align:center; line-height:20px; }
	.btn.goto:before{content:'berith hotme'; display:inline-block; width: 107px; background:url(../images/logo_berith.png)no-repeat center left 40%; background-size:auto 20px; text-indent:-9999px; }
	.en .btn.goto:after{content:'berith hotme'; display:inline-block; width: 107px; background:url(../images/logo_berith.png)no-repeat center left 40%; background-size:auto 20px; text-indent:-9999px; }
	.en .btn.goto:before{content:''; display:none; }
	
	.header{padding:25px 0 0;}
	.header h1{height:30px; background-size: 140px auto;}

	.footer{padding:25px 0; font-size:14px; line-height:23px; letter-spacing: -.5px;} 
	.footer .container {padding:0px 15px;}
	.footer p > span{color:#666;}
	.footer p > span+span:before{margin:0 10px;} 
	.footer .berith{display:block; color:#222; font-size:17px}
	.footer p > span.berith+span:before{content:''; display:none;}
	.footer p > span:last-child{display:block;}
	.footer p > span:last-child:before{content:''; display:none;}
	.footer .right{float: inherit;}	

	.en .install_info .con_box {border-radius:6px;}
	.en .install_info .con_box:before {display:block;bottom:0;top:96px;}
	.en .install_info .con_box{ padding:110px 60px 20px; background-size:auto 60px; background-position:51% 27%;background-repeat:no-repeat;}
	.en .install_info .con_box.con_3 {background-image:url(../images/ic_mainnet@2x.png); background-position:50% 22%;} 


	.main_visual .container {padding:0 15px;}
	.main_visual{height:400px; padding:90px 0; overflow:hidden;background-size:370px auto;background-position:50% 150%;}
	.main_visual .txt_wrap{margin-top:0;}
	.main_visual h2{margin-bottom:8px; font-size:32px;}
	.main_visual .sub_tit{margin-bottom:7px; font-size:14px;}
	.main_visual .sub_tit > br {display:block;}
	.main_visual .sub_txt{font-size:15px; line-height:21px;}
  
	.install {padding:0;}
	.install .img{width:100%;}
	.install .img img {width: 100%;}
	.install .txt_wrap{width:100%; padding:28px 0px 15px; text-align:center;}
	.install h3{margin-bottom:19px; font-size:28px}
	.install h3 > br {display:none;}
	.install h3 > .txt_s {font-size:14px;}
	.install .sub_txt{margin-bottom:30px; font-size:15px;}
	.install .btn_box .btn.line_primary:hover {background:url(../images/ic_down.png) 95% 50% no-repeat; background-size:36px 36px;}
	.install .btn_box .btn.line_gray:hover {background:url(../images/ic_git@2x.png) 95% 50% no-repeat; background-size:36px 36px;}

	.install_info .container {padding:40px 15px;}
	.install_info .con_box {width:100%; border-radius:6px; float:initial; height:auto; padding:100px 15px 20px; background-size:auto 50px; background-position:51% 27%;}
	.install_info .con_box+.con_box {margin:20px 0 0 0;}
	.install_info .con_box:before {bottom:57px;}
	.install_info .con_box .sub_txt {font-size:18px;}	

	.serv_info {padding:10px 0 0 0;}
	.serv_info	.container {padding:40px 15px 0;}
	.serv_info .left,.serv_info .right{float: inherit;width:100%;}
	.serv_info .sub_txt {margin-bottom:30px;}	

	.algorithm .txt_wrap { margin-bottom:30px;}
	.algorithm .con_box {float:inherit; width:100%; height:auto; padding:30px;}
	.algorithm .con_box .sub_txt {margin-top:10px;}
	.algorithm .con_box+.con_box {margin:20px 0 0 0;}
	.algorithm .con_box h5 {font-size:18px;padding-top:15px;}
	.algorithm .con_box .txt_wrap { margin-bottom:0px;}
}

@media screen and (max-width:560px) {
	.en .footer span{display:block;}
	.en .footer span:before{content:''; display: none;}
	.en .main_visual .sub_tit{font-size:14px;}	
}

@media screen and (max-width:480px) {
	.main_visual .sub_txt br{display:none;}
}
@media screen and (max-width:375px) {
}
@media screen and (max-width:360px) {
	.main_visual h2{margin-top:15px; line-height:28px;}
	.main_visual .sub_tit{margin-bottom:5px; font-size:14px;}
}

@media screen and (max-width:320px) {
	.install_info .con_box .sub_txt {font-size:16px;}
}