/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
.logo-wrapper {
    margin: 0;
    padding: 0;
}
.header-outer-wrap .logo-wrapper img {
    width: 280px !important;
    height: 213px !important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

@media (min-width: 992px) {
    .navbar-btn {
        text-align: center;
    }
    .header-outer-wrap .logo-wrapper img,
    .header-outer-wrap.affix-top .logo-wrapper img {
        width: 151px !important;
        height: 115px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .path-frontpage .header-outer-wrap .logo-wrapper img,
    .path-frontpage .header-outer-wrap.affix-top .logo-wrapper img {
        width: 280px !important;
        height: 213px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-outer-wrap.affix .logo-wrapper img,
    .path-frontpage .header-outer-wrap.affix .logo-wrapper img {
        width: 171px !important;
        height: 130px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .path-frontpage .header-outer-wrap.affix-top .logo-wrapper,
    .path-frontpage .header-outer-wrap .logo-wrapper {
        padding: 20px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: absolute;
        top: 0;
    }

    .header-outer-wrap.affix .logo-wrapper,
    .path-frontpage .header-outer-wrap.affix .logo-wrapper {
        padding: 10px;
        height: 150px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: absolute;
        top: -36px;
    }
    .header-outer-wrap.affix-top .logo-wrapper,
    .header-outer-wrap .logo-wrapper {
        top: 0;
        padding: 10px;
        height: 213px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: absolute;
    }

}
@media (min-width: 1400px) {
    .header-outer-wrap .logo-wrapper img,
    .header-outer-wrap.affix-top .logo-wrapper img {
        width: 243px !important;
        height: 185px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
}
@media (min-width: 1600px) {
    .header-outer-wrap .logo-wrapper img,
    .header-outer-wrap.affix-top .logo-wrapper img {
        width: 280px !important;
        height: 213px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
}
@media (max-width: 991px) {
    .header-outer-wrap .logo-wrapper img {
        width: 105px !important;
        height: 80px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-outer-wrap .logo-wrapper {
        padding: 0;
        position: absolute;
        top: 0;
    }
}