.container-cinto{
      margin-top: 50px;
      margin-bottom: 50px;
      border: solid 1px #C3922E;
      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: 10px 41.4px 0px 41px;
    }
    
    .slick-track{
        display:flex!important;
        align-items:center;
    }
    


    .topo{
      display:block;
      background-color: #fff;
      position:absolute;
      height:50px;
      width:270px;
      right:40%;
      top:5%;
      margin:-35px -35px 0 0;
      /* padding: 0 0 0 50px; */
    }

    
    .your-class .slick-dots{
        width: 95% !important;
    }
    .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 !important;
    }
    
    
    .container-cinto .slick-initialized .slick-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    
   .your-class .slick-track{
        margin-bottom: 45px;
    }
    
    
    @media screen and (max-width: 1164px){
        .your-class .slick-dots{
            width: 90% !important;
        }
    }
    
    @media screen and (max-width: 992px){
        .your-class .slick-dots{
            width: 80% !important;
        }
    }
    @media screen and (max-width: 768px){
        .container-cinto{
            width: 675px;
        }
        
        .topo{
            right: 36%;
        }
    }
    @media screen and (max-width: 700px){
        .container-cinto{
            width: 620px;
        }
    }
   @media screen and (max-width: 690px){
      .topo{
        right: 35%; 
      }
      .your-class .slick-dots{
          width: 80% !important;
      }
    }
    @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{
        right: 35%; 
      }
    }
    
    @media screen and (max-width: 580px){
        .container-cinto{
            width: 520px;
        }
    }
    @media screen and (max-width: 562px){
      .topo{
        right: 30%; 
      }
    }
    
    @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{
            right: 30%;
        }
    }
    
    @media screen and (max-width: 465px){
        .container-cinto{
            width: 418px;
        }
        .topo{
            right: 25%;
        }
    }
    
    @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{
            right: 19%;
        }
    }
    
     @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%;
        }
    }