/*------------ RESPONSIVE MEDIA ------------*/

  /* X-Small devices (portrait phones, less than 576px) */

  /* No media query for `xs` since this is the default in Bootstrap */

  /* Small devices (landscape phones, 576px and up) */



  @media (min-width: 576px) {}



  /* Medium devices (tablets, 768px and up) */



  @media (min-width: 768px) {}



  /* Large devices (desktops, 992px and up) */



  @media (min-width: 992px) {}



  /* X-Large devices (large desktops, 1200px and up) */



  @media (min-width: 1200px) {}



  /* XX-Large devices (larger desktops, 1400px and up) */



  @media (min-width: 1200px) {}



  @media (min-width: 1400px) {}



  @media (min-width: 1600px) {}



  @media (max-width: 575px) {



      p {

          font-size: 16px;

          line-height: 24px;

      }



      .box-category {

          width: 70%;

      }





  }



  @media (max-width: 767px) {



      .logo {

          height: 80px;

      }



      .btn-blue {

          font-family: 'Barrio';

          font-size: 20px;

          line-height: 20px;

          padding: 8px 30px;

      }



      .btn-blue-out {

          font-family: 'Barrio';

          font-size: 20px;

          line-height: 20px;

          padding: 8px 30px;

      }



  }



  @media (max-width: 991px) {



      .container {

          padding-left: 1.5rem;

          padding-right: 1.5rem;



      }



      .title-big {

          font-size: 24px;

          line-height: 44px;

          margin-bottom: 0;

      }



      .pt-100 {

          padding-top: 60px;

      }



  }



  @media (max-width: 1024px) {



      html,

      body {

          max-width: 100%;

      }



      .py-100 {

          padding-top: 60px;

          padding-bottom: 60px;

      }



      .pb-100 {

          padding-bottom: 60px;

      }



      .bg-none {

          background-image: none !important;

      }





  }





  @media (max-width: 1199px) {



      .mt-category-max {

          margin-top: 0;

      }



      .mt-category-min {

          margin-top: 0;

      }



      .mt-category {

          margin-top: -125px;

      }





  }



  @media (min-device-width: 0px) and (max-device-width: 768px) {}