/*header_*/
.header__text {
	display: block;
	padding: 0 10px;
	font-weight: 400;
}
.header__text:not(p):hover {
	color: #c3c3c3;
}
.header__text--danger {
	color: #fff;
	margin-left: -8px;
}
.header__text--danger:hover {
	color: #000 !important;
}

.header__download {
	position: relative;
	cursor: pointer;
}
.header__download img {
	border-radius: 10px;
	border: 8px solid;
}
.header__download:hover .header__dropdown {
	display: block !important;
}

.header__dropdown {
	z-index: 1000;
	display: none !important;
	position: absolute;
	bottom: -165px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	width: 150px;
}
.header__text:after{
	content: '|';
	display: inline-block;
	padding: 0 10px;
	color: #ffffff !important;
}
		
/*app*/
@media screen and (max-width: 1000px) {
	.header__text {
		display: none;
	}
}
@media screen and (max-width: 1040px) {
	.header__text {
		display: block;
	}
}
@media screen and (max-width: 820px) {
	#site-logo .logo {
		margin-top: 10px;
	}
}
@media screen and (max-width: 768px) {
	.header__text {
		display: none;
	}
}



/*footer_*/
@media screen and (max-width: 768px) {
	.d-flex {
		flex-direction: column;
	}
	.A_logo  {
		width: 100%;
		display: block;
		margin: 0px;
		margin-right: 0px;
	}
	.A_logo img{
		width: 80%;
	}
	.area_1{			
		width: 100%;			
	}
	.area_1 p{
		font-size: 50px;
	}
	.area_1 li{
		display: contents;
	}
	.area_2{			
		width: 100%;
		display: block;
		margin-left: -40px !important;
	}
	.area_2 img{
		min-width:150px;	
		margin: auto;
	}
	.area_all{
		width: 100%;
		display: block;
	}
	.a_1 img{		
		min-width: 150%;
		display:block; 
		margin: 0 20px 0 0;
	}
	.a_1 p{
		margin-right: 0px;
	}	
	.a_1 #aa{
		margin: 10px 25px 10px 0;
	}
	.a_1 #aa2{
		margin: 10px 25px 10px 0;
	}
	.a_2 #bb{
		margin: 10px 25px 10px 0;
	}
	.a_2 #bb2{
		margin: 10px 25px 10px 0;
	}
	.a_2 img{				
		min-width: 150%;
		display:block; 
		margin: 0 20px 0 0;
	}
	.tt_1{
		margin: 10px 0 10px 0;
	}
			
}
@media screen and (max-width: 980px) {
	.d-flex {
		flex-direction: column;
	}	
}