.offer-heading {
    width: 400px;
    padding: 4px 5px 8px 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
    color: #272727;
    height: 35px;
}

.scroller {
    margin-left: -200px;
    position: absolute;
    left: 50%;
    top: 7px;
    width: 400px;
}


.offer-heading .icon {
    float: left;
    width: 30px;
    height: 30px;
}


.offer-heading .icon i {
    font-size: 20px;
    line-height: 30px;
    transition: all 400ms ease-in-out;
}


.offer-heading:hover .icon i {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}


.offer-heading .content {
    float: left;
    width: 380px;
    position: relative;
    overflow: hidden;
}


.offer-heading .content .offer-txt {


    font: 400 14px/28px Open Sans, sans-serif;


    -webkit-transform: translateX(100%);


    -moz-transform: translateX(100%);


    -ms-transform: translateX(100%);


    -o-transform: translateX(100%);


    transform: translateX(100%);


    animation: offer-heading 6s linear infinite;


    cursor: pointer;


    height: 20px;


}


@-moz-keyframes offer-heading {


    0% {


        -moz-transform: translateX(100%)


    }


    100% {


        -moz-transform: translateX(-100%)


    }


}


@-webkit-keyframes offer-heading {


    0% {


        -webkit-transform: translateX(100%)


    }


    100% {


        -webkit-transform: translateX(-100%)


    }


}


@keyframes offer-heading {


    0% {


        -moz-transform: translateX(100%);


        -webkit-transform: translateX(100%);


        transform: translateX(100%)


    }


    100% {


        -moz-transform: translateX(-100%);


        -webkit-transform: translateX(-100%);


        transform: translateX(-100%)


    }


}


@media (max-width: 1700px) {


    .offer-heading {


        padding: 8px;


    }


}


@media (max-width: 1459px) {


    .offer-heading {


        padding: 7px 10px;


    }


}


@media (max-width: 991px) {


    .offer-heading {


        padding: 11px 10px;


        margin: 0 0 10px;


    }


}


@media (max-width: 480px) {


    .offer-heading {


        display: none;


        padding: 5px 8px;


    }


}