@media (max-width: 2560px) {
.header-container {
margin: 0 auto;
}
.band {
width: 21%;
height: 66px;

}
}
@media (max-width: 1920px) {

.band {
width: 11%;
height: 66px;
}
}


@media (max-width: 1680px) {

.band {
width: 90px;
}
 }

@media (max-width: 1440px) {
/* .left-band {
justify-content: left;
padding-left: 130px;
} */
.band {
width: 12%;
}


.owl-carousel {
max-width: 650px;
padding-left: 10px;

}

.resources-title {
padding-left: 10px;
}
.main-section-container {
padding-left: 10px;
}

 }

@media (max-width: 1024px) {
.main-section-container {
flex-direction: column;
justify-content: center;
}
.band-contanier {
margin: 0 auto;
}
.logo-and-about-frame {
max-width: 100% !important;
}
.band-contanier{
width: 95%

 }
.band {
width: 17% !important;
height: 67px;
}
.vendor-logo {
width: 50%;
}

}




@media (max-width: 575px) {
header {
height: auto !important;
padding-bottom: 10px;
}
.band-contanier {

width: 100%;
}

.header-container {
justify-content: center;
}
.main-nav {
top: 0px;
left: 0px;
justify-content: center;
text-align: center;
}
.demoroom-title {
text-align: left;
font-size: 25px;
}
.demo-frames {

justify-content: center;
}
.owl-carousel {
width: 300px;
margin: 0 auto;
}
.resources-title {
text-align: center;
padding-left: 0px;
}
.demo-frame-audio {
max-width: 100% !important;
}
.left-band {
top: 176px;

}
.presenters-content {
width: 100% !important;
}
.content-frame {
width: 100%;
text-align: center;
}
.eo-title {
text-align: center;
padding-top: 10px;
}
.frame-content-names {
justify-content: center;
}
.frame-description-eo p {
text-align: center;
}
.demo-frame {
max-width: 100%;
padding: 10px;
}
.eo-frame {
justify-content: center;
}
.btn {
margin:  0 auto;
}
.demos-section-title {
padding-left: 10px;
}
.demo-frame {
width: 100%;
}
}