/* ----------------------Start TT-cmsoffer --------------------------*/
#ttcmsoffer {
  text-align: center;
  margin: 0;
  float:none;
  width:21%;
  display:inline-block;
  vertical-align:top;
}
#ttcmsoffer .ttcmsoffer {
    float: left;
    width: 100%;
}
#ttcmsoffer .ttcmsoffer .offer-title {
    float: left;
	width:100%;
    padding: 11px 0;
    font: 500 16px/18px var(--primary-font);
	color: var(--primary-text-color);
    background: linear-gradient(45deg, var(--primary-bg-gradient-color), var(--primary-bg-color));
}
#ttcmsoffer .ttcmsoffer .cmsoffer {
    float: left;
    width: 100%;
	max-height: 406px;
    overflow-x: hidden;
    overflow-y: auto;
}
#ttcmsoffer .ttcmsoffer .cmsoffer::-webkit-scrollbar {
    width: 5px;
}
#ttcmsoffer .ttcmsoffer .cmsoffer::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.6);
}
#ttcmsoffer .ttcmsoffer .cmsoffer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
}
@media (max-width: 1299px) {
    #ttcmsoffer .ttcmsoffer .offer-title {
        padding: 8px 16px;
        font-size: 13px;
        line-height: 15px;
    }
    #ttcmsoffer .ttcmsoffer .cmsoffer {
        max-height: 320px;
    }
}
@media (max-width: 1199px) {
    #ttcmsoffer .ttcmsoffer .cmsoffer {
        max-height: 251px;
    }
    #ttcmsoffer .ttcmsoffer .offer-title {
        padding: 8px;
        font-size: 11px;
        line-height: 14px;
    }
}
@media (max-width:991px) {
    #ttcmsoffer {
        width: 50%;
    }
} 
@media (max-width:543px) {
    #ttcmsoffer {
        width: 100%;
    }
}
/* ----------------------End TT-cmsoffer --------------------------*/