/*============== 
  TV Screens 
================*/
@media(min-width: 1441px) {
  /*  */
}

/*============== 
  Extra Large 
================*/
@media(max-width: 1440px) {
  /*  */
}

/*============== 
     Large 
================*/
@media(max-width: 1280px) {
  /*  */
}

/*============== 
     Medium 
================*/
@media(max-width: 1025px) {

  #per-service .content,
  #all-inclusive .content,
  #insurance .content,
  #d-zone .content {

    .image {
      min-width: 500px;
    }
  }
}

/*============== 
    Tablet 
================*/
@media(max-width: 768px) {
  #pre-service{
    overflow: hidden;
  }

  #per-service .content,
  #all-inclusive .content,
  #insurance .content,
  #d-zone .content {
    gap: 30px;

    .info {
      text-align: center;

      .title {
        font-size: 26px;
      }
    }

    .image {
      min-width: 500px;
    }
  }

  #per-service {
  overflow: hidden;
    
    .content {
      flex-direction: column;
    }
  }

  #all-inclusive {
    .content {
      flex-direction: column;
    }
  }

  #insurance {
    .content {
      flex-direction: column;
    }
  }

  #d-zone {
    .content {
      flex-direction: column;

      .info {
        ol {
          li {
            margin-inline: auto;
            width: fit-content;
          }
        }
      }
    }
  }
}

/*============== 
      Mobile 
================*/
@media(max-width: 576px) {
  #per-service{
    overflow: hidden;
  }
  #insurance{
    overflow: hidden;
  }

  #per-service .content,
  #all-inclusive .content,
  #insurance .content,
  #d-zone .content {
    flex-direction: column;
    gap: 20px;

    .info {
      text-align: center;

      .title {
        font-size: 20px;
      }
    }

    .image {
      min-width: 300px;
    }
  }

  #d-zone {
    margin-bottom: 30px;

    .content {
      .info {
        ol {
          margin-top: 10px;

          li {
            text-align: start;
            margin-bottom: 5px;
          }
        }
      }
    }
  }
}