Therap is the leading system for service providers
<>
.columns {
display: flex;
flex-flow: wrap;
}
.column1 {
/* flex: 1; */
width: 31.61%;
}
.column2 {
/* flex: 1; */
width: 36.72%;
}
.column3 {
/* flex: 1; */
width: 31.61%;
}
.column:first-child {
margin-left: 0;
}
.column:last-child {
margin-right: 0;
}
@media screen and (max-width: 716px) {
.columns .column1.columns .column2.columns .column3 {
flex-basis: 100%;
margin: 0 0 5px 0;
}
}
/*light slider css*/
.demo {
width: auto;
height: 100%;
margin: 0px;
padding: 0px;
}
img {
display: block;
height: auto;
max-width: 100%;
}
.lSAction>a {
text-align: center;
opacity: 1;
top: 85.2%;
}
.fusion-clearfix {
zoom: 1;
clear: both;
}
.lSAction .lSNext:before {
content: '';
}
.lSAction .lSPrev:before {
content: '';
}
.lSAction>.lSPrev {
background-position: center;
left: 0px;
background-image: url(https://www.therapservices.net/images/homeslider/arrow-1.png);
}
.lSAction>.lSNext {
background-position: center;
right: 0px;
background-image: url(https://www.therapservices.net/images/homeslider/arrow-2.png);
}
.lSAction>a {
height: 65px;
width: 65px;
}
.lSPager {
margin-top: -70px!important;
position: absolute;/* left: 48%; */
}
.lSSlideOuter .lSPager.lSpg>li.active a {
background-color: rgba(0000);
border: 3px solid #0b5696;
}
.lSSlideOuter .lSPager.lSpg>li:hover a {
background-color: #00437c;
}
.lSSlideOuter .lSPager.lSpg>li a {
background-color: #00437c;
}
.lSSlideOuter .lSPager.lSpg>li a {
height: 15px;
width: 15px;
}
.lSSlideOuter .lSPager.lSpg>li {
padding: 0 10px;
}
@media screen and (max-width: 1600px) {
.lSPager {
margin-top: -58px!important;
}
.ISPrev {
top: 84%!important;
left: 10px!important;
}
.ISPrev img {
width: 68px!important;
height: 75px!important;
}
.ISNext {
top: 84%!important;
right: 10px!important;
}
.ISNext img {
width: 68px!important;
height: 75px!important;
}
}
@media screen and (max-width: 1280px) and (max-height: 800px) and (min-height: 769px) {
.ISPrev {
position: absolute;
top: 84%;
left: 8px;
}
.ISNext {
position: absolute;
top: 84%;
right: 8px;
}
.ISPrev img {
width: 69px!important;
height: 60px!important;
}
.ISNext img {
width: 69px!important;
height: 60px!important;
}
}
@media screen and (max-width: 1440px) {
.lSPager {
margin-top: -45px!important;
}
.ISPrev {
position: absolute;
top: 84%;
left: 8px;
}
.ISNext {
position: absolute;
top: 84%;
right: 8px;
}
.ISPrev img {
width: 60px!important;
height: 61px!important;
}
.ISNext img {
width: 60px!important;
height: 61px!important;
}
/* insert s here */
.column1 {
/* flex: 1; */
width: 31.61%;
}
.column2 {
/* flex: 1; */
width: 36.78%;
}
.column3 {
/* flex: 1; */
width: 31.61%;
}
}
@media screen and (width: 540px) {
.lSPager {
margin-top: -62px!important;
}
}
@media screen and (width: 600px) {
.lSPager {
margin-top: -68px!important;
}
}
@media screen and (width: 768px) {
.lSPager {
margin-top: -30px!important;
}
}
.lSAction>a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(../img/controls.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0s;
transition: opacity 0.35s linear 0s;
}
.ISPrev {
position: absolute;
top: 84%;
left: 16px;
z-index: 999999;
}
.ISNext {
position: absolute;
top: 84%;
right: 16px;
z-index: 999999;
}
.ISPrev img {
width: 82px;
height: 90px;
}
.ISNext img {
width: 82px;
height: 90px;
}
.time-based-item {
display: none;
}
Supports
Supports