* {
box-sizing: border-box;
}
.header_container {
text-align: center;
display: block;
align-items: center;
}
.header_container {
overflow: hidden;
}
.header_container div {
min-height: 200px;
}
.header_left {
padding: 20px;
float: left;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.header_right {
float: right;
width: 50% !important;
height: auto;
}
.header_right1 div{
text-align: center;
align-items: center;
}
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 1200px) {
.header_container {
display: block;
}
}
@media screen and (max-width: 1200px) {
.header_left,
.header_right {
float: none;
margin: auto;
width: auto;
border: 0;
/*border-bottom: 2px solid #000;*/
}
}
.carousel {
display: block;
max-width: 400px;
min-width: 400px;
padding-top: 15px;
padding-left: 5px;
}
.mySlides {
display: none;
}
.mySlides img{
object-fit: cover;
width: 100%;
height: auto;
}
.mySlide {
width: 100%;
height: 100%;
border-radius: 5%;
}
#main#main1 {
max-width: 1600px;
}
|