.mySlides {
    display: none;
    position:relative;
    width: 100%;
    height:auto;
    margin: 0;
    padding: 0;
    overflow:auto;
    box-sizing:border-box;
}
.imgBanner {
    width: 100%;
    height: auto;
    display: block; /* remove extra space below image*/
}
/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
    border-bottom: 1px solid #021812;
    box-sizing: border-box;
}
.lobnr-centered {
    position:absolute;
    width:98%;
    top:34%;
    left:1%;
    /*transform:translate(-50%, -50%);*/
    text-align: center;
    z-index:1;
}
/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin: 10px 2px 5px 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.active, .dot:hover {
    background-color: #717171;
}
/* Fading animation */
/* Fading CSS for Automatic Sliding */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}
@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}
@media only screen and (min-width: 300px) and (max-width: 468px) {
    .dot {
        height: 12px;
        width: 12px;
    }
    .lobnr-centered {
        top:30%;
    }
}
@media only screen and (min-width: 469px) and (max-width: 600px) {
    .dot {
        height: 13px;
        width: 13px;
    }
    .lobnr-centered {
        top:35%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 768px){
    .dot {
        height: 14px;
        width: 14px;
    }
    .lobnr-centered {
        top:40%;
    }
}
@media only screen and (min-width: 769px) and (max-width: 950px){
    .dot {
        height: 14px;
        width: 14px;
    }
    .lobnr-centered {
        top:42%;
    }
}
@media only screen and (min-width: 951px) and (max-width: 1080px) {
    .dot {
        height: 14px;
        width: 14px;
    }
    .lobnr-centered {
        top:43%;
    }
}
@media only screen and (min-width: 1081px) and (max-width: 1200px){
    .dot {
        height: 16px;
        width: 16px;
    }
    .lobnr-centered {
        top:43%;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1365px){
    .dot {
        height: 16px;
        width: 16px;
    }
    .lobnr-centered {
        top:42%;
    }
}
@media only screen and (min-width: 1366px) and (max-width: 1536px){
    .dot {
        height: 16px;
        width: 16px;
    }
    .lobnr-centered {
        top:42%;
    }
}
@media only screen and (min-width: 1537px) {
    .dot {
        height: 16px;
        width: 16px;
    }
    .lobnr-centered {
        top:42%;
    }
}