/* ----------------------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 .offer-image {
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#ttcmsoffer .offer-image a {
    display: block;
    overflow: hidden;
}
#ttcmsoffer .offer-image:last-child {
	border: none;
}
#ttcmsoffer .ttcmsoffer .offer-title {
	float: left;
	width: 100%;
	padding: 11px 0;
	font: 500 16px/18px var(--primary-font);
	color: var(--primary-text-color);
	background: var(--primary-bg-color);
}
#ttcmsoffer .ttcmsoffer .cmsoffer {
    float: left;
    width: 100%;
	max-height: 407px;
    overflow-x: hidden;
    overflow-y: auto;
}
#ttcmsoffer .ttcmsoffer .cmsoffer::-webkit-scrollbar {
    width: 5px;
}
#ttcmsoffer .offer-image img {
	transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
	-ms-transition: all 400ms ease-in-out 0s;
}
#ttcmsoffer .offer-image:hover img {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
}
#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;
    }
    #ttcmsoffer {
        padding: 0 10px;
    }
}
@media (max-width:991px) {
    #ttcmsoffer {
        width: 100%;
        float: left;
    }
    #ttcmsoffer .ttcmsoffer .cmsoffer {
        max-height: unset;
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
    }
    #ttcmsoffer .offer-image {
        flex: 0 0 auto;
        border-right: 1px solid rgba(0,0,0,.1);
        border-bottom: none;
        float: none;
        width: auto;
        display: inline-block;
        vertical-align: top;
    }
    #ttcmsoffer .ttcmsoffer .cmsoffer::-webkit-scrollbar {
        height: 5px;
    }
} 
@media (max-width:543px) {
    #ttcmsoffer {
        width: 100%;
    }
}
/* ----------------------End TT-cmsoffer --------------------------*/