/*### boyut_ayarlar *css*/
.tutbeni {
  position: relative;
  display: inline-block;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  vertical-align: middle;
}

.css_info {
  position: fixed;
  left: 10px;
  top: 5px;
  z-index: 11;
  font-size: 12px;
}

.css_info:before {
  padding: 2px 10px;
}

@media (min-width: 1280px) {
  .css_info:before {
    content: "wide";
    background-color: green;
  }

  .tutbeni {
    width: 1200px !important;
  }

  .goster_mobil,
  .goster_tablet,
  .goster_laptop {
    display: none !important;
  }
}

@<?=$GLOBALS["laptopCSS"]?> {
  .css_info:before {
    content: "laptop";
    background-color: orange;
  }

  .tutbeni {
    width: 750px !important;
  }

  .gizle_laptop {
    display: none !important;
  }

  .goster_laptop {
    display: unset !important;
  }
}

@<?=$GLOBALS["mobilCSS"]?> {
  .tutbeni {
    width: 300px;
  }

  .css_info:before {
    content: "mobile";
    background-color: yellow;
  }

  .goster_mobil {
    display: unset !important;
  }

  .gizle_mobil {
    display: none !important;
  }
}

@<?=$GLOBALS["tabletCSS"]?> {
  .tutbeni {
    width: 450px;
  }

  .css_info:before {
    content: "tablet";
    background-color: gray;
  }

  .goster_tablet {
    display: unset !important;
  }

  .gizle_tablet {
    display: none !important;
  }

  .gizle_mobil {
    display: none !important;
  }
}