.clone-scripts .btn-request-demo, .clone-scripts .btn-request-demo:hover {
    background: #ff524f;
}

h2.section-header{
   margin:20px 0 0
}

#popular-clone{
    padding:40px 0
}

#popular-clone .section-sub-title {
    font: 600 28px lato, sans-serif;
    letter-spacing: 0.2px;
    font-weight: 600;
    margin: 30px 0 0;
    line-height: 38px;
    padding-bottom: 0;
}

#popular-clone .section-sub-header{
    padding: 10px 0;
}

.clone-info-container{ 
        display: grid;
        grid-column-gap: 3%;
        grid-row-gap: 30px;
        padding: 20px 0;
}

.clone-info-box {
    background: transparent;
    border: 1px solid #e2e2e2;
    border-radius: 0.2rem;
    border-radius: 8px;position:relative
}
.clone-info-box:hover {
box-shadow: -4px 5px 35px 0 #d7d7d7;
}

.clone-info-box.colored {
    background-color: #ff524e;
    padding: 40px 20px;
}
.clone-info-box.colored .clone-title, .clone-info-box.colored .clone-description{
    color: #fff;
}
.clone-info-box.colored .clone-description{
    font-size: 16px;
    padding: 10px 0;
}

.clone-info-box.colored a.btn{
    border: 1px solid #fff;
    color: #fff;
}
.clone-info-box.colored  a.btn:hover{
    border: 1px solid #ff524e;
    color: #ff524e;
    background: #fff;
}

@media (min-width: 1201px) {
    .clone-info-box.colored  a.btn {
        position: absolute;
        bottom: 53px;
        width: 100px;
        left: calc(50% - 50px);
    }
}

.clone-info-box .clone-content{
    padding: 10px 20px;
}

.clone-info-box .clone-image img{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.clone-info-box .clone-title {
    font-size: 20px;
    font-family: lato, sans-serif;
    letter-spacing: 0.6px;
    font-weight: 600;
    padding: 0;
    color: #161616;
}

.clone-info-box .clone-description {
    font-size: 17px;
    font-family: lato, sans-serif;
    letter-spacing: 0.4px;
    color: #777;
    height: 120px;
    overflow: overlay;
}

.clone-info-box .clone-description::-webkit-scrollbar,
.clone-info-box .clone-description::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
  display: none;
}
.clone-info-box .clone-description::-webkit-scrollbar-thumb,
.clone-info-box .clone-description::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ff524e;
}
.clone-info-box .clone-description::-webkit-scrollbar-track,
.clone-info-box .clone-description::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: #f5f5f5;
} 

.bs-w-i-description-title{
    letter-spacing: 0.2px;
   line-height: 25px;
    font-size: 17px;
    font-family: lato, sans-serif;
}
@media (min-width: 1400px) { 
    .clone-scripts .carousel-inner img {
        padding: 220px 0 0 20px;
    }
    .clone-scripts .carousel-content {
      margin-top: 35%;
      padding-bottom:20px;
      width: 95%;
    }
  }

@media (max-width: 1399px) and (min-width: 992px) {
    .clone-scripts .carousel-inner img {
        padding: 220px 0 0 0;
    }
    .clone-scripts .carousel-content {
        margin-top: 180px; 
      }
}
@media (max-width: 991px) and (min-width: 768px) {
    .clone-scripts .carousel-inner img {
        padding: 260px 0 0 0;
    }
    .clone-scripts .carousel-content {
        margin-top: 42%;
      }
}

@media (min-width: 1201px) {
    .clone-info-container {
        grid-template-columns:  1fr 1fr 1fr; grid-column-gap: 4%;
        grid-row-gap: 40px; 
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .clone-info-container {
        grid-template-columns:  1fr 1fr;
    }
}

@media (max-width:767px){
    .clone-info-container{ 
        padding:20px
    }
}