@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
* {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
body {
  position: relative;
}

#header {
  width: 100vw;
  height: 20px;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: #707070;
  font-family: "Poppins", sans-serif;
  border-bottom: 1px solid rgb(205, 198, 198);
  display: flex;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.31);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.2px);
  -webkit-backdrop-filter: blur(6.2px);
}
.header-left {
  padding-left: 20px;
  font-size: x-small;
  text-align: left;
}
.header-left a {
  text-decoration: none;
  color: #707070;
}
.header-right {
  font-size: small;
  text-align: right;
}
.header-right i {
  color: #707070;
}

.menu_right {
  font-family: "Raleway", Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  position: sticky;
  top: 20px;
}
.menu_right * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu_right li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1.5em;
  overflow: hidden;
}
.menu_right a {
  padding: 0.3em 0;
  color: #5d5a5a;
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0;
  text-decoration: none;
}
.menu_right a:before,
.menu_right a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu_right a:before {
  bottom: 100%;
  display: block;
  height: 3px;
  width: 100%;
  content: "";
  background-color: #e67e22;
}
.menu_right a:after {
  padding: 0.3em 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: attr(data-hover);
  color: #5d5a5a;
  white-space: nowrap;
}
.menu_right li:hover a,
.menu_right .current a {
  transform: translateY(100%);
}

#menu {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 20px;
  z-index: 9999;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.31);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.2px);
  -webkit-backdrop-filter: blur(6.2px);
}
#hamburger {
  display: none;
  font-size: xx-large;
}
#logo {
  margin-left: 20px;
  width: 210px;
}

.products-ul {
  display: none;
  position: absolute;
  min-width: 160px;
  padding: 12px 16px;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.31);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(13.4px);
  backdrop-filter: blur(13.4px);
  border: 1px solid rgba(255, 255, 255, 0.21);
}
.products:hover .products-ul {
  display: block;
  z-index: 9999;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.31);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(13.4px);
  backdrop-filter: blur(13.4px);
  border: 1px solid rgba(255, 255, 255, 0.21);
}

ul#amenu li {
  width: 200px;
}

#slider-wrapper {
  width: 100%;
  overflow: hidden;
}
.slider {
  position: relative;
  width: 200%;
  left: 0;
  animation: 30s slayt infinite;
  animation-timing-function: ease-in-out;
  z-index: -1;
}
.slider img {
  width: 50%;
  float: left;
}
@keyframes slayt {
  0% {
    left: 0%;
  }
  0% {
    left: 0%;
  }
  50% {
    left: -100%;
  }
  90% {
    right: -200%;
  }
}
#urunlerimiz {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.spin {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center !important;
}

.spin1 {
  width: 178px;
  height: 178px;
  background-color: #db6a32;
  border-radius: 100%;
  text-align: center;
  display: table-cell;
  border: 7px solid #d3d3d3;
  transition: all 2s;
}
.spin1:hover {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  background: #d3d3d3;
  border: 7px solid #db6a32;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon {
  margin-top: 20px;
  padding-top: 20px;
}
.yazi1 a {
  color: aliceblue;
  text-decoration: none;
}
.yazi1 a:hover {
  color: #db6a32;
}
.spin2 {
  width: 178px;
  height: 178px;
  background-color: #db6a32;
  border-radius: 100%;
  text-align: center;
  display: table-cell;
  border: 7px solid #d3d3d3;
  transition: all 2s;
}
.spin2:hover {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  background: #d3d3d3;
  border: 7px solid #db6a32;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon2 {
  margin-top: 20px;
  padding-top: 20px;
}
.yazi2 a {
  color: aliceblue;
  text-decoration: none;
}
.yazi2 a:hover {
  color: #db6a32;
}
.spin3 {
  width: 178px;
  height: 178px;
  background-color: #db6a32;
  border-radius: 100%;
  text-align: center;
  display: table-cell;
  border: 7px solid #d3d3d3;
  transition: all 2s;
}
.spin3:hover {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  background: #d3d3d3;
  border: 7px solid #db6a32;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon3 {
  margin-top: 10px;
  padding-top: 10px;
}
.yazi3 a {
  color: aliceblue;
  text-decoration: none;
}
.yazi3 a:hover {
  color: #db6a32;
}
.spin4 {
  width: 178px;
  height: 178px;
  background-color: #db6a32;
  border-radius: 100%;
  text-align: center;
  display: table-cell;
  border: 7px solid #d3d3d3;
  transition: all 2s;
}
.spin4:hover {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  background: #d3d3d3;
  border: 7px solid #db6a32;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon4 {
  margin-top: 10px;
  padding-top: 10px;
}
.yazi4 a {
  color: aliceblue;
  text-decoration: none;
}
.yazi4 a:hover {
  color: #db6a32;
}
.spin {
  display: grid;
  place-items: center;
}
.spin5 {
  width: 178px;
  height: 178px;
  background-color: #db6a32;
  border-radius: 100%;
  text-align: center;
  border: 7px solid #d3d3d3;
  transition: all 2s;
}
.spin5:hover {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  background: #d3d3d3;
  border: 7px solid #db6a32;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.asimetrik {
  display: flex;
  text-align: start;
  width: 300px !important;
}
.icon5 {
  margin-top: 10px;
  padding-top: 10px;
}
.yazi5 a {
  color: aliceblue;
  text-decoration: none;
}
.yazi5 a:hover {
  color: #353d3f;
}
.spin6 {
  width: 178px;
  height: 178px;
  background-color: #db6a32;
  border-radius: 100%;
  text-align: center;
  border: 7px solid #dbd4d4;
  transition: all 2s;
}
.spin6:hover {
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  background: #d3d3d3;
  border: 7px solid #db6a32;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon6 {
  margin-top: 10px;
  padding-top: 10px;
}
.yazi6 a {
  color: gray;
  text-decoration: none;
}
.yazi6 a:hover {
  color: #353d3f;
}
#hamburger_menu {
  display: none;
}
/*responsive tasarım başlangıç */
@media only screen and (max-width: 951px) {
  #degerlerimiz {
    justify-content: center !important;
  }
  .iletisim_form {
    max-width: 475px;
    margin-left: 0 !important;
  }
  .iletisim_satir {
    width: 45% !important;
  }
  .iletisim_satir1 {
    width: 475px !important;
  }
  .iletisim_satir2 {
    width: 475px !important;
  }
  .ulasim {
    margin: 98px 50px 20px 50px !important;
  }
  .iletisim_butun_yapi {
    flex-direction: column;
  }
  .id_urunleri_icerik {
    margin-left: 0 !important;
  }
  .makaslii {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
  }
  .eklemlii {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100vw;
  }
  #right_makasli_urunler_menu {
    margin: 50px 0 !important;
  }
  .makasli_urun_kapsayici {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .eklemli_urun_kapsayici {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .dikey_urun_kapsayici {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .teleskopik_urun_kapsayici {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .id_urunler_image {
    margin-bottom: 10px;
  }
  .id_urunler {
    flex-direction: column;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: fit-content !important;
    justify-content: flex-start;
  }
  .makasli_ilk_kutucuk_bir {
    margin: 10px 0 0 0 !important;
    gap: 10px !important;
  }
  .on_akulu_makasli_bir {
    align-items: flex-start;
    text-align: justify;
    flex-direction: column;
    height: 400px !important;
  }
  .on_akulu_makasli_bir:nth-last-child(1) {
    margin-bottom: 30px !important;
  }
  .teleskopik_ilk_kutucuk_bir {
    margin: 10px 0 0 0 !important;
    gap: 10px !important;
  }
  .teleskopik_ilk_kutu_baslik_bir {
    margin-left: 0 !important;
  }
  .teleskopik_bir {
    margin-left: 0 !important;
  }
  .on_akulu_teleskopik_bir {
    align-items: flex-start;
    text-align: justify;
    flex-direction: column;
    height: 400px !important;
  }
  .on_akulu_teleskopik_bir:nth-last-child(1) {
    margin-bottom: 30px !important;
  }
  .orumcek_ilk_kutucuk_bir {
    margin: 10px 0 0 0 !important;
    height: auto !important;
    gap: 10px !important;
  }
  .orumcek_ilk_kutu_baslik_bir {
    margin-left: 0 !important;
  }
  .orumcek_bir {
    margin-left: 0 !important;
  }
  .orumcek_ozellik_baslik_bir {
    margin: 0 !important;
  }
  .on_akulu_orumcek_bir {
    align-items: flex-start;
    text-align: justify;
    flex-direction: column;
    height: 400px !important;
  }
  .orumcek_urun_kapsayici {
    flex-direction: column;
    align-items: center;
  }
  .on_akulu_orumcek_bir:nth-last-child(1) {
    margin-bottom: 30px !important;
  }
  .forklift_ilk_kutucuk_bir {
    margin: 10px 0 0 0 !important;
    height: auto !important;
    gap: 10px !important;
  }
  .forklift_ilk_kutu_baslik_bir {
    margin-left: 0 !important;
  }
  .forklift_bir {
    margin-left: 0 !important;
  }
  .forklift_ozellik_baslik_bir {
    margin: 0 !important;
  }
  .on_akulu_forklift_bir {
    align-items: flex-start;
    text-align: justify;
    flex-direction: column;
    height: 400px !important;
  }
  .forklift_urun_kapsayici {
    flex-direction: column;
    align-items: center;
  }
  .on_akulu_forklift_bir:nth-last-child(1) {
    margin-bottom: 30px !important;
  }
  .eklemli_ilk_kutucuk_bir {
    margin: 10px 0 0 0 !important;
    gap: 10px !important;
  }
  .on_akulu_eklemli_bir {
    align-items: flex-start;
    text-align: justify;
    flex-direction: column;
    height: 400px !important;
  }
  .on_akulu_eklemli_bir:nth-last-child(1) {
    margin-bottom: 30px !important;
  }
  .dikey_ilk_kutucuk_bir {
    margin: 10px 0 0 0 !important;
    gap: 10px !important;
  }
  .on_akulu_dikey_bir {
    align-items: flex-start;
    text-align: justify;
    flex-direction: column;
    height: 400px !important;
  }
  .on_akulu_dikey_bir:nth-last-child(1) {
    margin-bottom: 30px !important;
  }
  .forklift-title {
    margin-bottom: 20px;
  }
  #urunler {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .menu_right:not(:has(.open)) {
    display: none;
  }
  .hakkimizda_mobil_img {
    display: flex !important;
    flex-direction: column;
    margin: 10px 0;
  }
  #hakkimizda_right {
    display: none;
  }
  .products-ul {
    display: none !important;
  }
  .open {
    width: 100vw;
    height: calc(100vh - 100px);
    color: #bab7b7 !important;
    background-color: #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    gap: 20px;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 9999;
  }
  #hamburger_menu {
    display: flex;
  }
}
@media only screen and (min-width: 1280px) {
  .makasli_urun_kapsayici {
    display: flex;
    flex-wrap: wrap;
  }
  #urunlerimiz {
    grid-template-columns: repeat(6, 178px);
    gap: 25px;
  }
  .hizmetler {
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
  }
}
@media only screen and (max-width: 650px) {
  #m {
    display: none;
  }
  #menu {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #hamburger {
    display: flex;
    z-index: 9999;
  }
  #urunlerimiz {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  .hizmetler {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
  .hizmetler > div {
    margin: 0 !important;
  }
  .noliye {
    grid-column: 1 / span 2 !important;
    width: 100% !important;
    display: grid;
    place-items: center;
  }
}
@media only screen and (min-width: 920px) and (max-width: 1280px) {
  .hizmetler {
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
  }
}
@media only screen and (min-width: 650px) and (max-width: 920px) {
  #m {
    display: none;
  }
  #menu {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #hamburger {
    display: flex;
    z-index: 9999;
  }
  .hizmetler {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
  .hizmetler > div {
    margin: 0 !important;
  }
}

#openbar {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9966;
  top: 120px;
  left: 0;
  width: 100vw;
  height: calc(100vh - 120px);
}

.open {
  display: flex !important;
}

body:has(.open) {
  overflow: hidden;
}

.footer_wrap {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
}

.arrow {
  position: absolute;
  font-size: smaller;
  animation: moveTo 1s infinite ease-in-out;
}

@keyframes moveTo {
  0%,
  100% {
    transform: translateX(3px);
  }
  50% {
    transform: translateX(10px);
  }
}
/* responsive tasarım bitiş */
#hizmetlerimiz {
  width: calc(100vw - 100px);
  text-align: center;
  margin: 30px 50px 50px 50px;
}
.hizmetler {
  width: 100%;
  display: grid;
  place-items: center;
  position: relative;
  z-index: -1;
}
.vinc {
  width: 210px;
  height: 525px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  margin-top: 100px;
  padding: 30px;
  border: 1px solid rgb(207, 111, 36);
}
.logo1 {
  mix-blend-mode: darken;
}
.metin1 {
  text-align: center;
  margin-top: 20px;
}
.metin2 {
  width: 130px;
  height: 345px;
  text-align: center;
  padding-top: 20px;
  margin: 10px;
  line-height: 23px;
}

.pano {
  text-align: center;
  width: 210px;
  height: 525px;
  margin-top: 50px;
  background-color: rgb(237, 241, 245);
  padding: 30px;
  border: 1px solid rgb(207, 111, 36);
}
.logo2 {
  mix-blend-mode: darken;
}
.metin3 {
  text-align: center;
  margin-top: 20px;
}
.metin4 {
  width: 130px;
  height: 345px;
  text-align: center;
  padding-top: 20px;
  margin: 5px;
  line-height: 20px;
}

.slogon {
  text-align: center;
  width: 210px;
  height: 525px;
  margin-top: -30px;
  background-color: rgb(237, 241, 245);
  padding: 30px;
  border: 1px solid rgb(207, 111, 36);
}
.logo3 {
  mix-blend-mode: darken;
}
.metin5 {
  width: 145px;
  text-align: center;
  margin-top: 20px;
  line-height: 40px;
  font-size: x-large;
  font-weight: bold;
}
.metin6 {
  width: 150px;
  height: 345px;
  text-align: center;
  padding-top: 20px;
  margin: 10px 0;
  line-height: 70px;
}

.bakim {
  text-align: center;
  width: 210px;
  height: 525px;
  margin-top: 50px;
  background-color: rgb(237, 241, 245);
  padding: 30px;
  border: 1px solid rgb(207, 111, 36);
}
.logo4 {
  mix-blend-mode: darken;
}
.metin7 {
  text-align: center;
  margin-top: 20px;
}
.metin8 {
  width: 130px;
  height: 345px;
  text-align: center;
  padding-top: 20px;
  margin: 5px;
  line-height: 25px;
}

.nakliye {
  text-align: center;
  width: 210px;
  height: 525px;
  margin-top: 100px;
  background-color: rgb(237, 241, 245);
  padding: 30px;
  border: 1px solid rgb(207, 111, 36);
}
.logo5 {
  mix-blend-mode: darken;
}
.metin9 {
  text-align: center;
  margin-top: 20px;
}
.metin10 {
  width: 130px;
  height: 345px;
  padding-top: 20px;
  text-align: center;
  margin-top: 100px;
  margin: 5px;
  line-height: 30px;
}
#referanslarimiz {
  text-align: center;
}
.referanslar {
  margin: 30px 0;
}
.img1 {
  margin: 50px 20px 50px 20px;
}
.img2 {
  margin: 50px 20px 50px 20px;
}
.img3 {
  margin: 50px 20px 50px 20px;
}
.img4 {
  margin: 50px 20px 50px 20px;
}
.img5 {
  margin: 50px 20px 50px 20px;
}
.img6 {
  margin: 50px 20px 50px 20px;
}
/*footer başlangıç*/
#footer {
  position: relative;
  z-index: -1;
  width: 100vw;
  height: fit-content;
  background-color: #353d3f;
  display: flex;
  gap: 35px;
  padding: 55px 1px 40px 1px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#footer > div:not(:nth-child(1)) {
  width: fit-content;
  height: 250px;
}

#footer > div:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 15px;
  margin-bottom: 15px;
}

#footer_ic_tasarim {
  height: 300px;
  background-color: #353d3f;
}
.platform_yazi {
  position: relative;
  width: 300px;
  height: 50px;
  background-color: #db6a32;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 25px;
  left: 20px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
}
.vinc_yazi {
  width: fit-content;
  height: fit-content;
  font-weight: bold;
  color: #353d3f;
}
.footer_hakkimizda {
  width: 280px;
  float: left;
  flex-direction: column;
  align-items: center;
  margin: 5px 0 5px 0;
  color: #db6a32;
}
.footer_baslik {
  color: #db6a32;
  display: flex;
  flex-direction: column;
}
.footer_metin {
  width: 250px;
  margin-top: 5px;
  color: #908d8d;
  line-height: 25px;
  font-size: small;
}
.footer_email {
  width: 358px;
  float: left;
  margin-left: 30px;
  flex-direction: column;
  align-items: center;
  color: #db6a32;
  gap: 15px;
}
.footer_baslik_haber {
  color: #db6a32;
  display: flex;
  flex-direction: column;
}
.footer_email_textbox {
  width: 250px;
  height: 40px;
  border: 1px solid #db6a32;
  border-radius: 7px;
  margin-top: 10px;
}
.footer_submit_button {
  width: 75px;
  height: 40px;
  border: 1px solid #db6a32;
  border-radius: 7px;
  color: white;
  background-color: #db6a32;
  cursor: pointer;
}
.doviz_baslik {
  color: #db6a32;
  margin-top: 20px;
}
.doviz_bir {
  width: 300px;
  margin-top: 10px;
  color: #908d8d;
  line-height: 25px;
  font-size: small;
  display: flex;
  gap: 10px;
}
.doviz_iki {
  width: 300px;
  margin-top: 10px;
  color: #908d8d;
  line-height: 25px;
  font-size: small;
  display: flex;
  gap: 10px;
}
.footer_calisma {
  width: 345px;
  float: left;
  flex-direction: column;
  align-items: center;
  margin: 5px 0;
}
.footer_baslik_saat {
  color: #db6a32;
  display: flex;
  flex-direction: column;
}
.footer_yazi_calisma {
  color: #bab7b7;
  margin: 10px 0;
}
.hafta_ici {
  color: #908d8d;
  margin: 10px 0;
  display: flex;
  gap: 170px;
}
.cumartesi {
  color: #908d8d;
  margin: 10px 0;
  display: flex;
  gap: 160px;
}
.pazar {
  color: #908d8d;
  margin: 10px 0;
  display: flex;
  gap: 190px;
}
.iletisim {
  width: 325px;
  float: left;
  flex-direction: column;
  align-items: center;
  margin: 5px 0;
}
.iletisim_baslik {
  color: #db6a32;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
}
.iletisim_icindekiler {
  width: 300px;
  margin-left: 40px;
}
.iletisim_adres {
  width: 300px;
  font-size: small;
  color: #908d8d;
  display: flex;
  align-items: center;
  margin: 10px 0;
  gap: 10px;
}
.iletisim_email {
  height: 15px;
  color: #908d8d;
  margin: 20px 0 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.iletisim_numara {
  height: 15px;
  color: #908d8d;
  margin: 20px 0 10px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

#copyright {
  width: 100%;
  height: 65px;
  background-color: #db6a32;
  color: #353d3f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 20px;
}

@media only screen and (max-width: 650px) {
  .hizmetler {
    flex-direction: column !important;
      margin: 30px 0 50px -50px;
  }
  #footer_kutu {
    flex-direction: column;
  }
  .col {
    width: 100%;
  }
}
/*footer Bitiş*/
/* Hakkımızda Başlangıç */
#kurumsal_baslik {
  width: 100%;
  height: 100px;
  color: #5d5a5a;
  background-color: rgb(237, 241, 245);
  align-items: center;
  display: flex;
  justify-content: center;
}
#baslik_hakkimizda {
  color: #db6a32;
  width: 400px;
  font-size: large;
  margin-top: 60px;
}
#content {
  display: flex;
  justify-content: space-between;
}
#hakkimizda_right {
  margin-right: 50px;
  margin-top: 60px;
}

.hakkimizda_mobil_img {
  display: none;
}
#hakkimizda_left {
  line-height: 30px;
  margin: 0 50px;
}
.baslik_kalite {
  color: #db6a32;
}
.kalite_politikasi {
  line-height: 30px;
}
.baslik_vizyon {
  color: #db6a32;
  margin-top: 25px;
  margin-bottom: 20px;
}
.vizyon {
  line-height: 30px;
}
.baslik_misyon {
  color: #db6a32;
  margin-top: 25px;
  margin-bottom: 20px;
}
.misyon {
  line-height: 30px;
}
/* Hakkımızda Bitiş */

/* Değerlerimiz Başlangıç */
#degerlerimiz {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25px;
  justify-content: space-between;
  padding: 50px 10px;
}

#degerler_baslik {
  color: #db6a32;
  text-align: center;
  margin-top: 50px;
}
.etik {
  width: 210px;
  height: 600px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  padding: 30px;
  border: 2px solid rgb(207, 111, 36);
  position: relative;
  z-index: -1;
}
.etik_icon {
  mix-blend-mode: darken;
}
#etik_baslik {
  margin-top: 10px;
  color: #db6a32;
  font-size: larger;
}
.etik_metin {
  margin-top: 10px;
  line-height: 19.5px;
}

.guvenlik {
  width: 210px;
  height: 600px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  padding: 30px;
  border: 2px solid rgb(207, 111, 36);
  position: relative;
  z-index: -1;
}
.guvenlik_icon {
  mix-blend-mode: darken;
}
#guvenlik_baslik {
  margin-top: 10px;
  color: #db6a32;
  font-size: larger;
}
.guvenlik_metin {
  margin-top: 15px;
  line-height: 23px;
}

.memnuniyet {
  width: 210px;
  height: 600px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  padding: 30px;
  border: 2px solid rgb(207, 111, 36);
  position: relative;
  z-index: -1;
}
.memnuniyet_icon {
  mix-blend-mode: darken;
}
#memnuniyet_baslik {
  margin-top: 10px;
  color: #db6a32;
  font-size: larger;
}
.memnuniyet_metin {
  margin-top: 15px;
  line-height: 25px;
}

.durustluk {
  width: 210px;
  height: 600px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  padding: 30px;
  border: 2px solid rgb(207, 111, 36);
  position: relative;
  z-index: -1;
}
.durustluk_icon {
  mix-blend-mode: darken;
}
#durustluk_baslik {
  margin-top: 10px;
  color: #db6a32;
  font-size: larger;
}
.durustluk_metin {
  margin-top: 15px;
  line-height: 28px;
}

.kalite {
  width: 210px;
  height: 600px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  padding: 30px;
  border: 2px solid rgb(207, 111, 36);
  position: relative;
  z-index: -1;
}
.kalite_icon {
  mix-blend-mode: darken;
}
#kalite_baslik {
  margin-top: 10px;
  color: #db6a32;
  font-size: larger;
}
.kalite_metin {
  margin-top: 15px;
  line-height: 25px;
}

.disiplin {
  width: 210px;
  height: 600px;
  background-color: rgb(237, 241, 245);
  text-align: center;
  padding: 30px;
  border: 2px solid rgb(207, 111, 36);
  position: relative;
  z-index: -1;
}
.disiplin_icon {
  mix-blend-mode: darken;
}
#disiplin_baslik {
  margin-top: 10px;
  color: #db6a32;
  font-size: larger;
}
.disiplin_metin {
  margin-top: 15px;
  line-height: 30px;
}
/* Değerlerimiz Bitiş */
/* Ürünlerimiz Başlangıç */
#urunlerimiz_baslik {
  width: 100%;
  height: 100px;
  color: #5d5a5a;
  background-color: rgb(237, 241, 245);
  text-align: center;
}
#urunlerimiz_ana_baslik {
  color: #db6a32;
  font-size: xx-large;
  text-align: center;
  margin-top: 20px;
}
#urunler {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#right_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 10px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

#urun_kategorileri {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#left_urunler_card_yapisi {
  margin: 20px 40px;
  display: flex;
  height: auto;
  flex-direction: column;
  gap: 20px;
}

.makasli {
  width: 230px;
  height: 230px;
  background-color: #29313369;
  border: 2px solid #db6a32;
  padding: 40px 40px;
  margin: 30px 30px 0 30px;
}

.eklemli {
  width: 230px;
  height: 230px;
  background-color: #29313369;
  border: 2px solid #db6a32;
  padding: 40px 40px;
  margin: 30px 30px 0 30px;
}

#urun_kategorileri_2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.teleskopik {
  width: 230px;
  height: 230px;
  background-color: #29313369;
  border: 2px solid #db6a32;
  padding: 40px 40px;
  margin: 30px 30px 0 30px;
}

.orumcek {
  width: 230px;
  height: 230px;
  background-color: #29313369;
  border: 2px solid #db6a32;
  padding: 40px 40px;
  margin: 30px 30px 0 30px;
}
.forklift {
  width: 230px;
  height: 230px;
  background-color: #29313369;
  border: 2px solid #db6a32;
  padding: 40px 40px;
  margin: 30px 30px 0 30px;
}
/* Ürünlerimiz Bitiş */

/* Makaslı Platform Başlangıç */
span {
  color: #908d8d;
}
.makasli_urunler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#right_makasli_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 50px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.makasli_urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.makasli_urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

.makasli_right {
  display: flex;
  flex-direction: column;
  margin-left: 40px;
}

.on_akulu_makasli_bir {
  width: max-content;
  height: 320px;
  display: flex;
}

.on_akulu_makasli_bir:not(:nth-last-child(1)) {
  border-bottom: 1px solid #db6a32;
}

#icerik_urunler_bir {
  width: 50%;
  height: auto;
  background-color: #db6a32;
}
.makasli_bir {
  width: 200px;
  height: 200px;
  border: 1px solid #353d3f;
  margin-top: 50px;
}
.makasli_ilk_kutucuk_bir {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 20px;
  margin-top: 50px;
}
.makasli_ilk_kutu_baslik_bir {
  color: #707070;
  text-decoration: none;
}
.makasli_ozellik_baslik_bir {
  font-weight: bold;
  color: #db6a32;
}
.devamini_göster {
  color: #707070;
  text-decoration: none;
}

/* Makaslı Platform Bitiş */

/*Ürünler id Giriş*/
.id_urunler {
  width: 100%;
  height: 400px;
  margin: 50px 50px 0 50px;
  display: flex;
  justify-content: center;
}
.id_baslik {
  color: #353d3f;
  display: flex;
  width: max-content;
}
.id_urunler_image {
  border: 3px solid #db6a32;
  border-radius: 3px;
}
.id_urunleri_icerik {
  width: 90%;
  height: 200px;
  margin-left: 50px;
  margin-bottom: 20px !important;
  justify-content: center;
  align-items: center;
  line-height: 30px;
}
.id_urunleri_icerik2 {
  width: 90%;
  height: 200px;
  margin-left: 50px;
  margin-bottom: 20px !important;
  justify-content: center;
  align-items: center;
  line-height: 30px;
}
.id_urunler_baslik {
  color: #db6a32;
}
#desc_content {
  width: 100%;
  padding: 20px 30px;
  border: 1px solid #bab7b7;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  border-radius: 15px;
  margin-bottom: 50px;
}
.aciklama_tablo {
  width: 100%;
  color: #908d8d;
}
.aciklama_tablo_icindeki {
  color: #db6a32;
}
.aciklama_tablo tr td {
  height: 37.5px;
  width: auto;
}
.tablo_list {
  width: 80vw;
  max-width: 790px;
  text-decoration: none;
  display: flex;
  transform: translateY(2px);
  border-bottom: 2px solid white;
}
.tablo_list li {
  width: 150px;
  height: 50px;
  background-color: white;
  border-radius: 15px;
  border-top: 2px solid #db6a32;
  border-right: 1px solid #bab7b7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.urun_aciklama_baslik {
  font-weight: 100;
  width: fit-content;
  color: #353d3f;
  margin-bottom: 15px;
}
.tablo_list li button {
  width: 100%;
  height: 100%;
  color: #db6a32;
  cursor: pointer;
  background: none;
  border: none;
}
.teknik_detaylar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.standart_ozellik {
  color: #908d8d;
  list-style: none;
  line-height: 40px;
}
.standart_ozellik li::before {
  content: "*";
}
/*Ürünler id Bitiş*/

/*Eklemli Platformlar Başlangıç*/
.eklemli_urun_kapsayici {
  display: flex;
}
#eklemli_urunler {
  width: 100%;
}
#right_eklemli_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 10px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.eklemli_urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.eklemli_urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

.on_akulu_eklemli_bir {
  width: max-content;
  height: 320px;
  display: flex;
}

.on_akulu_eklemli_bir:not(:nth-last-child(1)) {
  border-bottom: 1px solid #db6a32;
}

#icerik_urunler_bir {
  width: 50%;
  height: auto;
  background-color: #db6a32;
}
.eklemli_bir {
  width: 200px;
  height: 200px;
  border: 1px solid #353d3f;
  margin-top: 50px;
}
.eklemli_ilk_kutucuk_bir {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 20px;
  margin-top: 50px;
}
.eklemli_ilk_kutu_baslik_bir {
  color: #707070;
  text-decoration: none;
}
.eklemli_ozellik_baslik_bir {
  font-weight: bold;
  color: #db6a32;
}
.devamini_göster_bir {
  color: #707070;
  text-decoration: none;
  margin-left: 20px;
}
/*Eklemli Platformlar Bitiş*/

/*Dikey Platformlar Başlangıç*/
.dikey_urun_kapsayici {
  display: flex;
}
#dikey_urunler {
  width: 100%;
}
#right_dikey_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 10px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.dikey_urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.dikey_urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

.on_akulu_dikey_bir {
  width: max-content;
  height: 320px;
  display: flex;
  border-bottom: 1px solid #db6a32;
}

#icerik_urunler_bir {
  width: 50%;
  height: auto;
  background-color: #db6a32;
}
.dikey_bir {
  width: 200px;
  height: 200px;
  border: 1px solid #353d3f;
  margin-top: 50px;
}
.dikey_ilk_kutucuk_bir {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 20px;
  margin-top: 50px;
}
.dikey_ilk_kutu_baslik_bir {
  color: #707070;
  text-decoration: none;
}
.dikey_ozellik_baslik_bir {
  font-weight: bold;
  color: #db6a32;
}
.devamini_göster_bir {
  color: #707070;
  text-decoration: none;
  margin-left: 20px;
}
.dikey {
  width: 230px;
  height: 230px;
  background-color: #29313369;
  border: 2px solid #db6a32;
  padding: 40px 40px;
  margin: 30px 30px 0 30px;
}
/*Dikey Platformlar Bitiş*/

/*Teleskopik Platformlar Başlangıç*/
.teleskopik_urun_kapsayici {
  display: flex;
}
#teleskopik_urunler {
  width: 100%;
}
#right_teleskopik_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 10px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.teleskopik_urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.teleskopik_urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

.on_akulu_teleskopik_bir {
  width: max-content;
  height: 320px;
  display: flex;
  border-bottom: 1px solid #db6a32;
}
#icerik_urunler_bir {
  width: 50%;
  height: auto;
  background-color: #db6a32;
}
.teleskopik_bir {
  width: 200px;
  height: 200px;
  border: 1px solid #353d3f;
  margin-top: 50px;
  margin-left: 70px;
}
.teleskopik_ilk_kutucuk_bir {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 20px;
  margin-top: 50px;
}
.teleskopik_ilk_kutu_baslik_bir {
  color: #707070;
  text-decoration: none;
}
.teleskopik_ozellik_baslik_bir {
  font-weight: bold;
  color: #db6a32;
}
.devamini_göster_bir {
  color: #707070;
  text-decoration: none;
  margin-left: 20px;
}
/*Teleskopik Platformlar Bitiş*/

/*Örümcek Platformlar Başlangıç*/
.orumcek_urun_kapsayici {
  display: flex;
}
#orumcek_urunler {
  width: 100%;
}
#right_orumcek_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 10px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.orumcek_urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.orumcek_urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

.on_akulu_orumcek_bir {
  width: max-content;
  height: 320px;
  display: flex;
}

.on_akulu_orumcek_bir:not(:nth-last-child(1)) {
  border-bottom: 1px solid #db6a32;
}

#icerik_urunler_bir {
  width: 50%;
  height: auto;
  background-color: #db6a32;
}
.orumcek_bir {
  width: 200px;
  height: 200px;
  border: 1px solid #353d3f;
  margin-top: 50px;
  margin-left: 70px;
}
.orumcek_ilk_kutucuk_bir {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 20px;
  margin-top: 50px;
}
.orumcek_ilk_kutu_baslik_bir {
  color: #707070;
  text-decoration: none;
}
.orumcek_ozellik_baslik_bir {
  font-weight: bold;
  color: #db6a32;
}
.devamini_göster_bir {
  color: #707070;
  text-decoration: none;
  margin-left: 20px;
}
/*Örümcek PLatformlar Bitiş*/

/* Forklift Başlangıç*/
.forklift_urun_kapsayici {
  display: flex;
}
#forklift_urunler {
  width: 100%;
}
#right_forklift_urunler_menu {
  width: 300px;
  height: 400px;
  margin: 50px 10px 50px 50px;
  padding-left: 20px;
  border: 1px solid black;
  background-color: #bfbbbb4f;
  line-height: 50px;
}
.forklift_urun_kategoriler li a {
  color: #db6a32;
  width: 250px;
  text-decoration: none;
}
.forklift_urun_baslik {
  width: 250px;
  color: #908d8d;
  padding-top: 30px;
}

.on_akulu_forklift_bir {
  width: max-content;
  height: 320px;
  display: flex;
  border-bottom: 1px solid #db6a32;
}
#icerik_urunler_bir {
  width: 50%;
  height: auto;
  background-color: #db6a32;
}
.forklift_bir {
  width: 200px;
  height: 200px;
  border: 1px solid #353d3f;
  margin-top: 50px;
  margin-left: 70px;
}
.forklift_ilk_kutucuk_bir {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  gap: 20px;
  margin-top: 50px;
}
.forklift_ilk_kutu_baslik_bir {
  color: #707070;
  text-decoration: none;
}
.forklift_ozellik_baslik_bir {
  font-weight: bold;
  color: #db6a32;
}
.devamini_göster_bir {
  color: #707070;
  text-decoration: none;
  margin-left: 20px;
}
/*Forklift  Bitiş*/

/*Galeri Başlangıç*/
.galeri1 {
  text-align: center;
  position: relative;
  z-index: -1;
}
/*Galeri Bitiş*/

/*İletişim Başlangıç*/
.iletisim_butun_yapi {
  display: flex;
  justify-content: center;
}
.iletisim_baslik1 {
  color: #db6a32;
  text-align: center;
  margin-top: 20px;
}
.iletisim_paragraf {
  width: 70%;
  height: 100px;
  margin: 0 auto;
  color: #908d8d;
  text-align: center;
  font-weight: 500;
  margin-top: 10px;
  line-height: 30px;
}
.ulasim {
  width: 350px;
  height: 240px;
  border: 1px solid #db6a32;
  margin: 50px 50px;
  line-height: 22px;
  text-align: left;
}
.ulasim_uc_baslik {
  color: black;
}
.iletisim_apartman {
  color: #5d5a5a;
  display: flex;
  gap: 10px;
  margin: 20px 15px;
  align-items: center;
}
.iletisim_e_posta {
  color: #5d5a5a;
  display: flex;
  gap: 10px;
  margin: 10px 15px;
  align-items: center;
}
.iletisim_number {
  color: #5d5a5a;
  display: flex;
  gap: 10px;
  margin: 20px 15px;
  align-items: center;
}
.iletisim_baslik2 {
  width: 500px;
  color: #db6a32;
  margin-top: 20px;
  margin-left: 10px;
}
.iletisim_form {
  width: 750px;
  height: 650px;
  margin-left: 50px;
}
.iletisim_satir {
  width: 250px;
  height: 35px;
  border: 1px solid #db6a32;
  margin-left: 10px;
  margin-top: 5px;
}
.iletisim_satir1 {
  width: 600px;
  height: 35px;
  border: 1px solid #db6a32;
  margin-left: 10px;
  margin-top: 5px;
}
.iletisim_satir2 {
  width: 600px;
  height: 300px;
  border: 1px solid #db6a32;
  margin-left: 10px;
  margin-top: 5px;
}
.iletisim_buton {
  width: 75px;
  height: 40px;
  border: 1px solid #db6a32;
  border-radius: 7px;
  color: white;
  background-color: #db6a32;
  margin-left: 10px;
  cursor: pointer;
}

/*İletişim Bitiş*/
