@import url("responsive/iphonex.css");
@import url("responsive/iphone5.css");
@import url("responsive/iphoneplus.css");
@import url("responsive/ipad.css");
@import url("responsive/ipadpro.css");
@import url("responsive/1152x864.css");
@import url("responsive/1280x1024.css");
@import url("responsive/1360x768.css");
@import url("responsive/1600x1080.css");
@media screen and (max-width: 767px) and (min-width: 0) {
    /* Butonlar ///////////////////////////////////////////*/
    .button-1x {
        font-size: 13px;
        padding: 4px 10px;
        font-weight: normal !important;
    }
    .button-2x {
        font-size: 13px;
        padding: 5px 25px;
    }
    .button-3x {
        font-size: 14px;
        padding: 5px 25px;
    }
    .button-4x {
        font-size: 15px;
        padding: 5px 25px;
    }
    .button-5x {
        font-size: 15px;
        padding: 5px 40px;
        font-weight: 200; /* Butonlar SON ///////////////////////////////////////////*/
    }
}
/* =========================================
   GLOBAL RESPONSIVE BREAKPOINTS
========================================= */

/* Mobile (0px - 767px) */
@media (max-width: 767px) {

  /* Buttons */
  .button-1x {
    font-size: 13px;
    padding: 4px 10px;
    font-weight: 400;
  }

  .button-2x {
    font-size: 13px;
    padding: 5px 25px;
  }

  .button-3x {
    font-size: 14px;
    padding: 5px 25px;
  }

  .button-4x {
    font-size: 15px;
    padding: 5px 25px;
  }

  .button-5x {
    font-size: 15px;
    padding: 5px 40px;
    font-weight: 300;
  }

}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

  .button-1x,
  .button-2x,
  .button-3x,
  .button-4x,
  .button-5x {
    font-size: 14px;
  }

}

/* Desktop (1025px +) */
@media (min-width: 1025px) {

  .button-1x { font-size: 14px; }
  .button-2x { font-size: 15px; }
  .button-3x { font-size: 16px; }
  .button-4x { font-size: 17px; }
  .button-5x { font-size: 18px; }

}