/* ipad pro - 1112 */
@media (max-width: 1113px) {

  .kampanyakatilim #kampanyaurunler thead th.midnumber {
    width: 38px;
  }

  .kampanyakatilim #kampanyaurunler thead th.bignumber {
    width: 50px;
  }

  .kampanyakatilim #kampanyaurunler tbody tr td:first-child b {
    font-size: 10px;
  }

  .kampanyakatilim #kampanyakurallar .kuralrow span {
    font-size: 11px;
  }

  .kampanyakatilim #kampanyakurallar .kuralrow em {
    font-size: 10px;
  }

}

/**********************/

@media (max-width: 900px) {
  
}

@media (max-width: 660px) {

  /* iphone yatay */
  .top-menu h2 {
    font-size: 12px;
    font-weight: normal;
    padding-right: 0;
    width: 100%;
    left: 0;
  }

  .top-menu .logo {
    height: 18px;
    margin: 12px 10px;
  }

  .top-menu .user-info {
    right: 42px;
    top: 14px;
    font-size: 11px;
  }

  .userfirstpage .flist {
    width: 70%;
  }

  .checkinpage .flist {
    width: 60%;
  }

  .checkinpage .flist a i {
    font-size: 11px;
    top: 9px;
    left: 11px;
    font-style: normal;
  }

  .checkinpage .flist a em {
    font-size: 11px;
    font-style: normal;
    float: right;
    margin-right: 5px;
  }

  .checkin-form a.fa {
    right: 15px;
  }

  .checkin-form a.fa.fa-phone {
    right: 45px;
  }
}



@media (max-width: 550px) {

  .top-menu .logo {
    height: 12px;
    margin: 16px 10px;
  }

  .top-menu .user-info {
    right: 38px;
  }

  form {
    width: 96% !important;
    margin: 0 0 12px 0 !important;
  }

  form h3 {
    padding: 12px 9px 5px 8px !important;
  }

  form .label {
    padding: 1px 9px !important;
  }

  form .label span {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    padding: 3px 0 !important;
    margin-top: 5px !important;
  }

  form .label .input {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
  }

  form .label .part2 {
    margin-top: 7px;
  }

  form .label .dbpart1 {
    margin-top: 7px;
  }

  form .label .dbpart2 {
    margin-top: 7px;
  }

  form .label.radio label {
    width: auto;
  }

  form .label.check label {
    width: auto;
  }

  .login-formu {
    height: auto !important;
    top: 25% !important;
    left: 2% !important;
  }

  .userfirstpage .flist {
    width: 95%;
  }

  .checkinpage .flist {
    width: 96%;
  }

  .checkinpage .flist a i {
    clip: rect(0, 120px, 30px, 0);
    font-size: 10px;
  }

  .checkinpage .flist a em {
    font-size: 10px;
  }

  .customer-form .opengpsmin {
    display: inline-block;
    margin: -4px 0 4px 0;
    float: right;
  }

  .customer-form .opengpsbut {
    width: 100% !important;
  }

  .top-menu .logo{ height: 28px; margin: 8px 0 0 -6px; }
  .top-menu h2{ text-align: left; left:75px; font-size:14px !important; }
  .top-menu .geoinfo{ display: none; }
  .top-menu .geoinfodiv{ font-size:9px !important; margin:30px 0 0 7px !important; opacity: .5; }
  .top-menu .geoinfodiv i{ font-size: 12px !important; }

  .top-menu .user-info{ top:0; padding:7px 6px; background-color: #f7f7f7; }
  .top-menu .user-info img.logo2{ display:none; }
  .top-menu .quicktopmenu{ right: 38px; top:42px; background-color: #f7f7f7;}

  .bodypage_dashboard_ .dashboard{ display: flex; flex-direction: column; }
  .bodypage_dashboard_ .dashboard  .dashcol{ width:100%; padding:5px; margin:0 0 7px 0; }
  .bodypage_dashboard_ .dashboard .dashcol.yapilacaklar{ padding-top:68px; }
  .bodypage_dashboard_ .cnt_bugunkalan{ width: calc(49% - 5px) !important; left: 5px !important; }
  .bodypage_dashboard_ .cnt_onaybekleyen{ width: calc(49% - 5px) !important; right: 5px !important; }

}