@media screen and (max-width: 1790px){

    #pratica .cards .box-cards-images { padding-left: 15px; }
  
    .cards .box-cards-images .box { width: 100%; }
  
    #pratica .cards .box-cards-texts { padding-right: 15px; }
  
  
    .cards .box-cards-images .pencil-animated {
      left: 80px;
      top: 150px;
    }
  
    .cards .box-cards-images .pencil-animated.anime {
      left: 20px;
      top: 30px;
    }
  
  }
  
  @media screen and (max-width: 1366px){
  
    .description-section { font-size: 16px; }
  
    .title-subsection { font-size: 36px; }
  
    #versoes .col-left{ padding: 0 30px 0 0; }
  
    #versoes .col-right{ padding: 0 0 0 30px; }
  
    #ilustrativo .text-ilustrativo-img {
      max-width: 356px;
      margin-top: -50px;
    }
  
    .cards .row.valign-top {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .container-right{
        text-align: right
    }
    .container-right img{
        width: 70%
    }
  
  }
  
  @media screen and (max-width: 1365px){
  
    .description-section { font-size: 14px; }
  
    .title-subsection { font-size: 32px; }
  
  }
  
  @media screen and (max-width: 1139px){
  
  
    #pratica .cards .bg-white {
      width: 100%;
      left: 0;
      margin: auto;
    }
  
    #pratica .cards { padding: 50px; }
  
    #pratica .cards .box-cards-images,
    #pratica .cards .box-cards-texts {
      min-width: 366px;
      padding: 0;
    }
  
    .cards .box-cards-images  .vertical-divisor-left { display: none; }
  
    #versoes .col-right{ min-width: 400px; }
  
    #versoes .details-banners-box,
    .box-cards-texts,
    .box-cards-images {
      width: 100%;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      padding: 0;
    }
  
    .details-banners-box .btn-download-section {
      display: block;
      margin-bottom: 50px;
    }
  
    .details-banners-box .vertical-divisor-left,
    .details-banners-box .vertical-divisor-right { display: none; }
  
    .description-section { font-size: 16px; }
  
    .box-divider-dotted { padding: 50px 0; }
  
  
    .cards .box-cards-images .pencil-animated.anime { left: 0; }
  }
  
  @media screen and (max-width: 1024px){
  
    #pratica .cards .box-cards-images,
    #pratica .cards .box-cards-texts {
      width: 90%;
      min-width: 320px;
    }
  
    .container { width: 70%; }
  
    .col-right .col-12.col-lg-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
    }
  
    .container-right{
        position: relative;
        top: 0;
        margin-top:-200px;
    }
    .container-right img{
        width: 100%
    }

  
  }
  
  @media screen and (max-width: 960px) {
  
    .container { width: 90%; }
  
  }
  
  @media screen and (max-width: 800px) {
  
    .details-banners-box.halign-right {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  
    #lightbox .banner-lightbox, #circuito .banner-circuito { max-width: 100%; }
  
  }
  
  @media screen and (max-width: 530px) {
  
    #pratica .cards { padding: 20px; }
  
    .col-left .col-lg-6,
    .col-right .col-lg-6 { min-width: 280px; }
  
    .col-right.row.details-banners-box,
    .card-exemplo .col-left{ min-width: 100%; padding: 0; }
  
    .box-divider-dotted { width: 200px; }
  
  }
  
  @media screen and (max-width: 450px){
  
    #pratica .cards .box-cards-images, #pratica .cards .box-cards-texts { min-width: 100%; }
  
  }