/*  Set your height and width of the header div & img div */
#hs-headers{

    width: 100%;
    height: 410px;
}

.headerimg{
    width: 100%;
    height: 410px;
}

/**** DO NOT EDIT BELOW HERE *****/
#hs-headers{
    overflow: hidden;
    position: relative;
    margin-top:0px;
    z-index: -1;
}

.headerimg{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

.headerimg.first{
    display: block;
}

@media (min-width: 769px) and (max-width: 1199px) {
    #hs-headers{
    height: 310px;
}

.headerimg{
    height: 310px;
}
}

@media (max-width: 767px) {
   .headerimg{
    height: 150px;
}
    #hs-headers{
    height:150px;
}
}