.top-promotion-bg,
.top-promotion-bg.active,
#commonHeader,
#commonHeader.active,
#header-topsec,
#header-topsec.active,
.header-bg,
.header-bg.active {
    transition: .2s ease;
}

#commonHeader {
    height: 96px;
}

#commonHeader.active {
    height: 155px;
}

.top-promotion-bg {
    background: #fcd6aa;
    text-align: center;
    position: absolute;
    z-index: 9999999 !important;
    margin-top: 0px;
    top: 0;
    width: 100%;
    padding: 5px 0px;
    opacity: 0;
    transform: translateY(-50px);
}

.top-promotion-bg.active {
    display: block;
    transition: .2s;
}

.top-promotion-bg.top_to_bottom_slide {
    transform: translateY(0px);
    opacity: 1;
}

.top-promotion-bg p {
    margin: 0px;
    color: #032955;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    font-family: 'Zoho_Puvi_Bold';
    padding: 0px 20px;
}

.top-promotion-bg a {
    color: #0067ff;
    border-bottom: 1px dotted #0067ff;
    margin-left: 5px;
    text-decoration: none !important;
    font-size: 16px;
    font-family: 'Zoho_Puvi_Bold';
}

.top-promotion-bg .tooltip-close {
    color: #383838;
    position: absolute;
    right: 20px;
    top: 50%;
    display: inline-block;
    cursor: pointer;
    transform: translate(0%, -50%);
}

#header-topsec {
    top: 0px;
}

#header-topsec.active {
    top: 45px;
}

#header-mainsec,
#header-mainsec.active {
    transition: .2s ease;
}

#header-mainsec {
    top: 40px;
}

#header-mainsec.active {
    top: 95px;
}


/*BLANK TEMPLATE PAGE*/

.header-bg {
    margin-top: 0px;
}

.header-bg.active {
    margin-top: 50px;
}

.header-bg.active ul.menu-items {
    top: 150px;
}

header.active #MEmobPanel {
    top: 170px !important;
}

@media only screen and (max-width: 1025px) {
    #commonHeader.active {
        height: 175px;
    }
    #header-topsec.active {
        top: 90px;
    }
    header:not(.abheader) #header-mainsec {
        top: 34px;
    }
    header:not(.abheader) #header-mainsec.active {
        top: 123px;
    }
}

@media only screen and (max-width: 992px) {
    .header-bg.active {
        margin-top: 70px;
    }
}

@media only screen and (max-width:767px) {
    .top-promotion-bg p,
    .top-promotion-bg a {
        font-size: 14px;
    }
}