/* Brands Belt */
.container-cinto{
    margin-top: 50px;
    margin-bottom: 50px;
    border: solid 1px #c39234;
    border-radius: 20px;
    padding-left: 30px;
    padding-right: 30px;
    
    height: 170px;
    /* width: 80%; */
    
    /*z-index: 9999999 !important;*/
      background-color: #fff;
  
  
    display: block;
  
    background-size: 100%;
    position: relative;
  
  }
  
  .your-class{
      height: 85%;
      /*padding: 48px 41.4px 0px 41px;*/
      padding:0;
  }
  
  
  
  
  
  .topo{
    display: block;
    background-color: #fff;
    position: absolute;
    height: 50px;
    width: 270px;
    right: 0;
    left: 0;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 5%;
    margin-top: -35px;
  }
  
  
  .your-class .slick-dots li.slick-active button:before {
      color: #c3922e;
  }
  .your-class .slick-dots li button:before
  {
      font-size: 14px;
      line-height: 20px;
      color: #c3922e;
  }
  
  .slick-prev:before,
  .slick-next:before {
      color:#c3922e; 
  }
  
  
  .container-cinto .slick-initialized .slick-slide {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  
  .your-class .slick-track{
      margin-bottom: 45px;
      height:100%;
  }
  
  .slick-list{height:100%}

  
  
  @media screen and (max-width: 1164px){
      .your-class .slick-dots{

      }
  }
  
  @media screen and (max-width: 992px){
      .your-class .slick-dots{

      }
  }
  @media screen and (max-width: 768px){
      .container-cinto{
          width: 675px;
      }
      
      .topo{

      }
  }
  @media screen and (max-width: 700px){
      .container-cinto{
          width: 620px;
      }
  }
  @media screen and (max-width: 690px){
    .topo{

    }
    .your-class .slick-dots{

    }
  }
  @media screen and (max-width: 657px){
   
    .container-cinto{
      height: 195px;
    }
  }
  
  @media screen and (max-width: 640px){
      .container-cinto{
          width: 560px;
      }
  }
  
  @media screen and (max-width: 600px){
      .your-class .slick-track{
          margin-bottom: 40px;
      }
  }
  
  @media screen and (max-width: 595px){
    .topo{

    }
  }
  
  @media screen and (max-width: 580px){
      .container-cinto{
          width: 520px;
      }
  }
  @media screen and (max-width: 562px){
    .topo{

    }
  }
  
  @media screen and (max-width: 536px){
      .container-cinto{
          width: 485px;
      }
  }
  @media screen and (max-width: 500px){
      .container-cinto{
          width: 450px;
      }
  }
  
   @media screen and (max-width: 490px){
      .topo{

      }
  }
  
  @media screen and (max-width: 465px){
      .container-cinto{
          width: 418px;
      }
      .topo{

      }
  }
  
  @media screen and (max-width: 425px){
      .container-cinto{
          width: 400px;
      }
  }
  @media screen and (max-width: 410px){
      .container-cinto{
          width: 320px;
      }
      .your-class {
          /* padding: 48px 0px 0px 15px; */
      }
      .topo{

      }
  }
  
   @media screen and (max-width: 406px){
      
  }
  
  @media screen and (max-width: 390px){
      
  }
  
  @media screen and (max-width: 375px){
      
  }
  
  @media screen and (max-width: 350px){
      
  }
  
  @media screen and (max-width: 340px){
      .container-cinto{
          width: 284px;
          padding-left: 23px;
          padding-right: 23px;
      }
      .your-class {
          padding: 48px 0px 0px 0px;
      }
      .topo{
          /* right: 18%;
          width: 230px;
          margin: -35px -25px 0 0;
          padding: 0 0 0 25px;*/
      }
  }
  
   @media screen and (max-width: 325px){
      .topo{
          /* right: 19%; */
      }
  }
  
  .your-class .slick-dots{
  width: 100%;
  bottom: -20px;
  right: 0;
  margin-right: auto;
  margin-left: auto;
}

.slick-prev:before, .slick-next:before{
    color:#c3922e;
}