.carousel {
	display: flex;
	 justify-content: center;
	flex-direction: row;
}

.carousel .inline {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

.carousel .inline div a {
	display: block;
	width: 100%;
	height: 100%;
	 
}

 
.widget img { 
    display: block;
    height: auto;
    max-width: 100%; 
}
 
@media (max-width: 570px) {
	.carousel {
		flex-direction: column  ;
	} 
	
	.center-block { 
		display: block;
		  margin-left: auto !important;
		  margin-right: auto !important;
	} 
}

iframe{
	height: auto!important;
	min-height: 570px!important 
}
@media (max-width: 575px){
	iframe{
		height: auto!important;
		min-height: 300px!important 
	}
}