@media(max-width:991px) {
    .timeline-responsive-wrapper {
        margin: 25px 0 0;
    }
    .timeline-responsive-wrapper.accordianMob .panel-group .panel {
        background: none;
    }
    .timeline-responsive-wrapper.accordianMob .panel-default > .panel-heading {
        border-bottom: 1px solid #AEA8A5;
        padding: 0 0 5px;
        margin: 0 30px;
    }
    .timeline-responsive-wrapper .panel-title {
        font-size: 24px;
        font-weight: 400;
        color: #1B2055;
    }
    .timeline-responsive-wrapper .panel-title a {
        display: block;
        position: relative;
        padding: 0 20px 0 0;
    }
    .timeline-responsive-wrapper .panel-title a:before {
        display: inline-block;
        font-family: FontAwesome;
        font-size: 14px;
        line-height: 1;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        content: "\f00d";
    }
    .timeline-responsive-wrapper .panel-title a.collapsed:before {
        content: "\f067";
    }
    .timeline-responsive-wrapper.accordianMob .panel-body {
        padding: 12px 0 5px;
    }
    .monthRedBg {
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 400;
        background: #9C152D;
        border-radius: 0;
        padding: 4px 5px 6px;
        white-space: normal;
        vertical-align: top;
    }
    .monthWiseEvent p {
        color: #000000;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }
    .eventWithImage.monthWiseEvent p {
        color: #1c2156;
    }
    .monthWiseEvent {
        margin: 0 30px;
        padding-bottom: 10px;
    }
    .eventWithImage {
        position: relative;
        margin: 0 0px 10px;
        padding-bottom: 0;
    }
    .eventWithImage .monthListEvent {
        position: absolute;
        max-width: 60%;
        width: 100%;
        right: 0;
        top: 25px;
    }
    .expandBtnWrapper  {
        padding: 10px 0 0;
        margin: 0 30px;
        position: relative;
    }
    .expandBtnWrapper:before {
        background: -moz-linear-gradient(top,  rgba(245,245,245,0) 0%, rgba(245,245,245,0.8) 50%, rgba(245,245,245,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(245,245,245,0) 0%,rgba(245,245,245,0.8) 50%,rgba(245,245,245,1) 100%);
        background: linear-gradient(to bottom,  rgba(245,245,245,0) 0%,rgba(245,245,245,0.8) 50%,rgba(245,245,245,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=0 );


        content: "";
        position: absolute;
        height: 75px;
        top: -75px;
        left: 0;
        right: 0;
        width: 100%;

    }
    .expandBtnWrapper.activeWrapper:before {
        height: 12px;
        top: -12px;
    }
    .expandBtnWrapper a {
        display: block;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #aea8a5;
        color: #AEA8A5;
        padding: 5px 0;
        position: relative;
    }
    .expandBtnWrapper a.active {
        border-top-color: #aea8a5;
        border-bottom-color: transparent;
    }
    .expandBtnWrapper a:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #aea8a5 transparent transparent;
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto;
        content: "";
    }
    .expandBtnWrapper a.active:after {
        top: -10px;
        bottom: auto;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #aea8a5;
    }
    .expandBtnWrapper a:before {
        width: 100%;
       
        position: absolute;
        bottom:-10px;
        left:0;
        right: 0;
        top: -10px;
        content: "";
        background: -moz-linear-gradient(left,  rgba(245,245,245,1) 0%, rgba(245,245,245,0.85) 9%, rgba(245,245,245,0) 25%, rgba(245,245,245,0) 26%, rgba(245,245,245,0) 75%, rgba(245,245,245,0.85) 91%, rgba(245,245,245,1) 100%);
        background: -webkit-linear-gradient(left,  rgba(245,245,245,1) 0%,rgba(245,245,245,0.85) 9%,rgba(245,245,245,0) 25%,rgba(245,245,245,0) 26%,rgba(245,245,245,0) 75%,rgba(245,245,245,0.85) 91%,rgba(245,245,245,1) 100%);
        background: linear-gradient(to right,  rgba(245,245,245,1) 0%,rgba(245,245,245,0.85) 9%,rgba(245,245,245,0) 25%,rgba(245,245,245,0) 26%,rgba(245,245,245,0) 75%,rgba(245,245,245,0.85) 91%,rgba(245,245,245,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );
    }
    /*.expandBtnWrapper a.active:before {
        top: -10px;
    }*/
}
@media(min-width:600px) and (max-width:991px){
    .monthWiseEvent , .timeline-responsive-wrapper.accordianMob .panel-default > .panel-heading {
        margin: 0 60px;
    }
    .eventWithImage {
        position: relative;
        margin: 0 0px 10px;
    }
    .expandBtnWrapper  {
        padding: 10px 0 0;
        margin: 0 60px;
    }
    .monthRedBg {
        margin: 0 0 5px;
    }
    .monthWiseEvent p {
        font-size: 22px;
        line-height: 25px;
        margin: 0 0 15px;
    }
}
@media(min-width:480px) and (max-width:599px) {
    .monthRedBg {
        margin: 0 0 5px;
    }
    .monthWiseEvent p {
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 15px;
    }
    .eventWithImage .monthListEvent {
        top: 40px;
    }
}