/* banner CSS*/

.banner-container{
    width: 100%;
    text-align: center;
}
.banner__a{}
.banner__img{}

/* banner */
.banner__title {
	margin-bottom: 32px;
	border-bottom: 1px solid #000099;
	text-align: center;
	font-size: 1.6rem;
}

.banner__edge {
	width: 100%;
	text-align: center;
	padding: 30px 0;
	margin: 0;
}

.banner-container{
    width: 100%;
    text-align: center;
    margin:0;
	padding:0;
}

@media print, screen and (max-width: 979px) {
	.banner__items{
		width: 100%;
		padding: 0x;
		display: flex;
		justify-content: center;    
		flex-wrap: wrap;
	}
	
	.banner__item {
		margin: 0;
		padding: 0 0 10px 0;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		float:left;       
	}

	.banner__img {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0 10px 10px 10px;
	}
}

@media print, screen and (min-width: 980px)
 {
	.banner__items{
		width: 100%;
		padding: 0px;
		display: flex;
		justify-content: flex-start;     
		flex-wrap: wrap;
	}
	
	.banner__item {
		margin: 0;
		padding: 0 0 10px 0;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		float:left;       
	}

	.banner__img {
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0 10px 10px 10px;
	}
}

/* side-banner */
.side-banner__title {	
	border-bottom: 1px solid #000099;
	text-align: center;	}

.side-banner__edge {	
    text-align: center;
	margin-bottom: 20px;
}

.side-banner__img {
	width: 100%;
    text-align: center;
	margin: 0;
    padding-bottom: 10px;
}

.side-banner-container{    
    display: block;    
    justify-content:center;
    text-align: center;
    margin:0;
    padding:0;
}

@media print, screen and (max-width: 767px) {
	.side-banner__items{  
		width: 100%;
		padding: 20px 0px 20px 0px;
		display: flex;
		justify-content: center;    
		flex-wrap: wrap;
	}

	.side-banner__item {
		margin: 0;
		padding:  0 10px;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		float:left;     
	}

	.side-banner__img {
		width: 100%;
		text-align: center;
		margin: 0;
		padding-bottom: 10px;
	}	
}

@media print, screen and (min-width: 768px)
 {
	.side-banner__items{  
		display: block; 
		justify-content: center;
		margin:0;	  
		padding: 0;	
	}

	.side-banner__item {        
		list-style: none;
        text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}			

	.side-banner__img {
		width: 100%;
		text-align: center;
		margin: 0;
		padding-bottom: 10px;
	}	
}