/**
 * 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: 10px;
}
.header-outer-wrap .logo-wrapper img {
    width: 321px !important;
    height: 98px !important;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
@media (min-width: 992px) {
    .header-outer-wrap .logo-wrapper img {
        width: 321px !important;
        height: 98px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-outer-wrap.affix-top .logo-wrapper img {
        width: 321px !important;
        height: 98px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-outer-wrap.affix .logo-wrapper img {
        width: 262px !important;
        height: 80px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-outer-wrap.affix-top .logo-wrapper,
    .header-outer-wrap .logo-wrapper {
        padding: 35px 10px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .header-outer-wrap.affix .logo-wrapper {
        padding: 10px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

}
@media (min-width: 1200px) {
    .logo-wrapper {
        padding-left: 10%;
    }
}
@media (max-width: 991px) {
    .header-outer-wrap .logo-wrapper img {
        width: 197px !important;
        height: 60px !important;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
}