div.banner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
	background-color:#D2F0F6;
}
img.banner{
	width:20%;
}
div.banner_title{
	display: flex;
    align-items: center;
    font-size: 20px;
}
p.banner{
	font-size:20px;
	font-weight: bold;
}
div.Country{
	background-color:#63C4BF;
	display:flex;
	justify-content: center;
}
div.Country2{
    background-color: #D2F0F6;
	display: flex;
	justify-content: center;
}
div.country21{
	display: flex;
    justify-content: space-between;
    flex-direction: row;
}
div.Country3{
    background-color: white;
    padding-top: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}
p.Country{
	font-size:20px;
	font-weight: bold;
}
summary {
    margin: 10px 10px;
    font-weight: bold;
    font-size: 20px;
}
button{
    display: inline-block;
    padding: 10px 10px;
    color: black;
    margin: 0px 0px 18px 0;
    transition: all 0.3s;
    font-weight: bold;
    letter-spacing: 1pt;
    font-size: 18px;
    background-color:beige;
    border: 1pt solid;
    border-radius: 10px;
}
button:hover{
	display: inline-block;
    padding: 10px 10px;
    color: black;
    margin: 0px 10px 15px 0;
    transition: all 0.3s;
    font-weight: bold;
    letter-spacing: 1pt;
    font-size: 18px;
    background-color: aliceblue;
    border: 1pt solid;
    border-radius: 10px;
}
details[open] > summary:first-of-type {
    list-style-image: url('images/-.png');
}
details > summary:first-of-type {
    list-style-image: url('images/-.png');
}
div.footer{
background-color:#D2F0F6;
display:flex;
padding:10px;
align-items: center;
justify-content: center;
}
p.footer {
   font-size:10px;
   padding-left:10px;
}
img.footer1{
	width:10%;
}
img.footer2{
	width:9%;
}
p.hide{
	 font-size:18px;
	 padding:0 10px;
	 font-weight:bold;
	 
}
p.hide1{
	font-size:15px;
	 padding:0 10px;
	 word-break: break-all;
	 line-height:1.5;
}
img.hide1{
	width:2%;
}
img.country{
	width:8%;
}
img.countrymap{
	width:15px;
}
a{
	text-decoration: none;
	display: flex;
    flex-direction: column;
}
a.banner{
	text-decoration: none;
	display: inline-block;
}
#rightBar {

    z-index: 9999;

    width: 50px;

    position: fixed;

    right: 10px;

    bottom: 5%;

    height: auto;

}

#rightBar .btn {

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 20px;

    display: inline-block;

    border-radius: 10px;

    cursor: pointer;

}
div.hide11{
	background-color: white; 
}
@media only screen and  (max-width:713px){
	img.country{
	width:8%;
}
div.Country{
	flex-direction: column;
}
div.banner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #D2F0F6;
    flex-direction: column;
}
div.banner_title {
    display: flex;
    align-items: center;
    font-size: 20px;
    flex-direction: column;
}
img.banner {
    width: 70%;
}
div.index21{
	display: flex;
    flex-direction: column;
    align-items: center;
}
div.Country2 {
    background-color: #D2F0F6;
    display: flex;
    flex-direction: column;
}
div.country21 {
    display: flex;
    flex-direction: column;
}
div.footer {
    background-color: #D2F0F6;
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
}
p.footer {
    font-size:14px;
	padding:0px;
}
	img.footer1{
	width:9%;
}
	img.footer2{
	width:7%;
}
div.hide11{
	width:100%;
}
img.hide1 {
    width: 10%;
}

}
@media only screen and  (min-width:714px) and   (max-width:760px){
	div.banner{
	flex-direction: column;
	}
	img.banner {
    width: 80%;
    }
    div.banner_title {
    flex-direction: column;
	}
	div.footer{
	flex-direction: column;
    align-items: center;
	}
	img.footer1{
	width:9%;
}
	img.footer2{
	width:7%;
}
p.footer {
    font-size: 12px;
    padding: 0px;
}
img.country{
	width:4%;
}

div.country21{
    display: flex;
    flex-direction: column;
}

}
@media only screen and (min-width:761px) and (max-width:980px) {
	p.banner{
	font-size:17px;
	}
	p.footer {
    font-size: 10px;
}
}
@media only screen and (min-width:981px) and (max-width:1000px) {
}
@media only screen and (min-width:1001px) and (max-width:1031px) {
}
@media only screen and (min-width:1032px) and (max-width:2048px) {
	p.banner{
	font-size:25px;
	}
	p.footer{
	font-size:12px;
	}
}
@media only screen and (min-width:2049px) and (max-width:3000px) {
	p.banner{
	font-size:25px;
	}
	p.hide1{
	font-size:25px;
	}
	p.footer{
	font-size:12px;
	}
}