html.wbk-layout-desktop #wbk-left-logo,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a,
.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a {
    background: url('../images/desktop/nav-top/WBKids_Logo.png') no-repeat, url('../images/desktop/nav-top/WBKidsButton_NoLogo.png') no-repeat;
    background-position: center left, top center;
    background-size: auto 82%, auto 100%;
    width: 140px;
    height: 84px;

    -webkit-transition: height 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -moz-transition: height 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -o-transition: height 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    transition: height 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
}

html:not(.wbk-page-home) #wbk-desktop-top-nav .local-nav,
html.wbk-layout-desktop #wbk-left-logo {
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

#wbk-desktop-top-nav-3 .toggle {
    display: none;
}

#wbk-desktop-top-nav .franchise-nav-left {
    position: fixed;
    top: 0;
    left: 0;

    -webkit-transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -moz-transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    -o-transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
    transition: all 0.5s cubic-bezier(0.405, -0.215, 0.345, 1.445);
}

#wbk-desktop-top-nav .franchise-nav-left-toggle {
    position: absolute;
    top: 0;
    left: 120px;
    width: 195px;
    height: 135px;
    background: url('../images/desktop/nav-top/franchise-menu/dd-bg-tab-1.png') top -5px left 0 no-repeat;
    background-size: auto 100%;
    cursor: pointer;
}

#wbk-desktop-top-nav .franchise-nav-left-logo {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

html.wbk-site-root #wbk-desktop-top-nav .franchise-nav-left-logo {
    background: url('../images/desktop/nav-top/franchise-menu/dd-bg-tab_icon.png') top 28px center / 35% auto no-repeat;
}

html.scoobydoo #wbk-desktop-top-nav .franchise-nav-left-logo {
    background: url('../images/desktop/nav-top/franchise-menu/logo/scooby-show-logo.png') top 10% center / 80% auto no-repeat;
}

html.looneytunes #wbk-desktop-top-nav .franchise-nav-left-logo {
    background: url('../images/desktop/nav-top/franchise-menu/logo/looney-show-logo.png') top 15% left 45% / 80% auto no-repeat;
}

html.tom-and-jerry #wbk-desktop-top-nav .franchise-nav-left-logo {
    background: url('../images/desktop/nav-top/franchise-menu/logo/tomjerry-show-logo.png') top 10% left 40% / 85% auto no-repeat;
}

html.the-flintstones #wbk-desktop-top-nav .franchise-nav-left-logo {
    background: url('../images/desktop/nav-top/franchise-menu/logo/flints-show-logo.png') top 10% center / 80% auto no-repeat;
}

@media screen and (min-width: 1400px) {
    html.wbk-layout-desktop #wbk-left-logo,
    .wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a,
    .wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a {
        height: 84px;
    }

    #wbk-desktop-top-nav .franchise-nav-left {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@media screen and (max-width: 1399px) {
    html.wbk-layout-desktop #wbk-left-logo,
    .wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a,
    .wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a {
        height: 74px;
    }

    #wbk-desktop-top-nav .franchise-nav-left {
        -moz-transform: scale(0.88);
        -ms-transform: scale(0.88);
        -o-transform: scale(0.88);
        -webkit-transform: scale(0.88);
        transform: scale(0.88);
    }
}

@media screen and (max-width: 1200px) {
    html.wbk-layout-desktop #wbk-left-logo,
    .wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a,
    .wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a {
        height: 64px;
    }

    #wbk-desktop-top-nav .franchise-nav-left {
        -moz-transform: scale(0.76);
        -ms-transform: scale(0.76);
        -o-transform: scale(0.76);
        -webkit-transform: scale(0.76);
        transform: scale(0.76);
    }
}

@media screen and (max-width: 1000px) {
    html.wbk-layout-desktop #wbk-left-logo,
    .wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a,
    .wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a {
        height: 52px;
    }

    #wbk-desktop-top-nav .franchise-nav-left {
        -moz-transform: scale(0.62);
        -ms-transform: scale(0.62);
        -o-transform: scale(0.62);
        -webkit-transform: scale(0.62);
        transform: scale(0.62);
    }
}

@media screen and (max-width: 800px) {
    html.wbk-layout-desktop #wbk-left-logo,
    .wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .logo a,
    .wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .logo a {
        height: 42px;
    }

    #wbk-desktop-top-nav .franchise-nav-left {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

/*#wbk-desktop-top-nav-3 .toggle {*/
/*transform: none;*/
/*left: 180px;*/
/*background-size: 100% auto;*/
/*width: 320px;*/
/*height: 200px;*/
/*background-repeat: no-repeat;*/
/*top: calc(100% - 3px);*/
/*}*/

/*#wbk-desktop-top-nav-3 .toggle .toggle_logo,*/
/*#wbk-desktop-top-nav-3 .toggle .toggle_logo:hover {*/
/*background: url('../images/desktop/nav-top/franchise-menu/logo/dcshg-show-logo.png') top center no-repeat;*/
/*background-size: 80% auto;*/
/*width: 100%;*/
/*height: 100%;*/
/*top: 8px;*/
/*}*/

#wbk-desktop-top-nav-3 .slider {
    background-image: url('../images/desktop/nav-top/franchise-menu/dd-bg-1.png'), url('../images/desktop/nav-top/franchise-menu/dd-bg-1px.png');
}

/**
Back button
 */
.wbk-page-type-character3 #wbk-desktop-top-nav .logos .property,
.wbk-page-type-property3 #wbk-desktop-top-nav .logos .property,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .logos .property {
    position: absolute;
    top: 30vh;
}

#wbk-desktop-top-nav .logos .property img {
    display: none;
}

.wbk-page-type-character3 #wbk-desktop-top-nav .local-nav .property a,
.wbk-page-type-property3 #wbk-desktop-top-nav .local-nav .property a,
.wbk-page-type-exec-3 #wbk-desktop-top-nav .local-nav .property a {
    display: block;
    height: 10vh;
    width: 13vh;
    background: url('../images/desktop/nav-top/BackBTN.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}