@media (min-width: 300px) and (max-width:400px) {
    .lgo {
        width: 30%;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 11px;
        margin-top: -95px;
        margin-left:65px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 7px;
        margin-top: -50px;
        margin-left:60px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 7px;
        margin-top: -9px;
        margin-left: 60px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 7px;
        margin-top: -8px;
        margin-left: 60px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 7px;
        margin-top: -7px;
        margin-left: 60px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        height: 350px;
    }
}
@media (min-width: 400px) and (max-width:427px) {
    .lgo {
        width: 40%;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 13px;
        margin-top: -110px;
        margin-left: 85px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 9px;
        margin-top: -65px;
        margin-left: 80px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 9px;
        margin-top: -9px;
        margin-left: 82px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 9px;
        margin-top: -8px;
        margin-left: 87px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 9px;
        margin-top: -7px;
        margin-left: 87px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        height: 350px;
    }
}

@media (min-width: 427px) and (max-width:475px) {
    .lgo {
        width: 50%;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 13px;
        margin-top: -130px;
        margin-left: 105px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 9px;
        margin-top: -85px;
        margin-left: 105px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 9px;
        margin-top: -7px;
        margin-left: 98px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 9px;
        margin-top: -8px;
        margin-left: 97px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 9px;
        margin-top: -7px;
        margin-left: 100px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        padding:60px;
    }
}

@media (min-width: 1260px) and (max-width:1920px) {
    .lgo {
        width: 80%;
        margin-left: -20px;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 42px;
        margin-top: -15px;
        margin-left: 0px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-top: -10px;
        margin-left: 0px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        margin-top: -10px;
        margin-left: 0px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-top: -8px;
        margin-left: 0px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-top: -7px;
        margin-left: 8px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        height: 350px;
    }
}

@media (min-width: 985px) and (max-width:1260px) {
    .lgo {
        width: 80%;
        margin-left: -20px;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 35px;
        margin-top: -15px;
        margin-left: 0px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-top: -10px;
        margin-left: 0px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 18px;
        margin-top: -10px;
        margin-left: 0px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-top: -8px;
        margin-left: 0px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 18px;
        margin-top: -7px;
        margin-left: 8px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        height: 350px;
    }
}

@media (min-width: 764px) and (max-width:985px) {
    .lgo {
        width: 70%;
        margin-left: -20px;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 25px;
        margin-top: -165px;
        margin-left: 175px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 16px;
        margin-top: -105px;
        margin-left: 175px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        margin-top: -10px;
        margin-left: 175px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 16px;
        margin-top: -8px;
        margin-left: 130px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 16px;
        margin-top: -7px;
        margin-left: 160px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        height: 350px;
    }
}

@media (min-width: 475px) and (max-width:764px) {
    .lgo {
        width: 70%;
        margin-left: -20px;
    }

    .title42 {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        float: right;
        display: inline-block;
        font-size: 17px;
        margin-top: -165px;
        margin-left: 120px;
        z-index: 99999;
    }

    .zx {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 12px;
        margin-top: -105px;
        margin-left: 110px;
        text-align: center;
        z-index: 99999;
    }

    .ab {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 12px;
        margin-top: -10px;
        margin-left: 110px;
        text-align: center;
        z-index: 99999;
    }

    .cd {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 12px;
        margin-top: -8px;
        margin-left: 110px;
        text-align: center;
        z-index: 99999;
    }

    .ef {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
        font-size: 12px;
        margin-top: -7px;
        margin-left: 110px;
        text-align: center;
        z-index: 99999;
    }

    .banner-thumb {
        height: 350px;
    }
    .footer-box
    {
        margin-top:250px;
    }
}