/**---------------------------------------header---------------------------------------*/

.header__logo--tp {
  top: -110px;
}

.header__logo--wd {
  width: 600px;
}

.bg-gradient-dark-transparent {
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
}

.header__logo {
  display: none;
}

.tp-static-layers {
  position: absolute;
  top: 0;
  left: 0;
}

.slider-bg {
  -webkit-clip-path: ellipse(110% 90% at 50% 0%);
  clip-path: ellipse(110% 90% at 50% 0%);
}

a.navbar-brand {
  width: 9%;
}

header .navbar-brand img {
  max-height: 100%;
}

.slider-bg {
  -webkit-clip-path: ellipse(110% 90% at 50% 0%);
  clip-path: ellipse(110% 90% at 50% 0%);
}

header .navbar [class*="col-"] {
  display: flex;
  align-items: center;
}

.header__menu--color {
  color: #000 !important;
}

.slider__bg--color {
  background-color: #f2f2f2;
}

.header__ds--none {
  display: none !important;
}

.menu__logo {
  height: 180px;
}

/**---------------------------------------footer---------------------------------------*/

.bluenight__color:hover {
  color: #bd4800 !important;
}

.align-items-center {
  align-items: center !important;
  justify-content: center;
}

/**---------------------------------------Qr-menü---------------------------------------*/

.qr-menu__list--gr {
  display: grid;
  grid-template-columns: repeat(3, 2fr);
  gap: 30px;
}

.qr-menu__list--text-color {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 0 !important;
  text-align: center;
}

.qr-menu__list--bg-color {
  background-color: #021933;
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.menu__list--gr {
  display: grid;
  grid-template-columns: repeat(3, 2fr);
  gap: 30px;
}

.qrmenu__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.qrmenu__about--center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__img--wd {
  max-height: 100% !important;
}

.footer__df {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__bg--color {
  background-color: #ffff !important;
}

.social-icon-style-09 ul.light li a span {
  background-color: #c2540b;
}

/**---------------------------------------responsive---------------------------------------*/

/*?---------------------------------------1455px---------------------------------------*/

@media (max-width: 1455px) {
  .responsive__contact--df {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .center-logo .navbar-brand {
    position: absolute;
    left: 51%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: none;
  }

  a.navbar-brand {
    width: 13%;
  }

  .header__logo--tp {
    top: -90px;
  }

  .header__logo--wd {
    width: 550px;
  }
}

/*?---------------------------------------1230px---------------------------------------*/

@media (max-width: 1230px) {
  .center-logo .navbar-brand {
    position: absolute;
    left: 51.5%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: none;
  }
}

/*?---------------------------------------1090px---------------------------------------*/

@media (max-width: 1090px) {
  a.navbar-brand {
    width: 11%;
  }

  header .navbar [class*="col-"] {
    padding: 0 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .qr-menu__list--gr {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 30px;
  }

  .menu__list--gr {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 30px;
  }
}

/*?---------------------------------------991px---------------------------------------*/

@media (max-width: 991px) {
  a.navbar-brand {
    width: 18%;
  }

  header .navbar-brand {
    padding: 0 0;
  }

  .mobile__slider--logo {
    display: none;
  }

  .about__description--df {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
  }

  .mobile__blog--df {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
  }
}

/*?---------------------------------------768px---------------------------------------*/

@media (max-width: 768px) {
  a.navbar-brand {
    width: 24%;
  }

  .menu__icon--gr {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 30px;
  }

  .menu__list--gr {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 30px;
  }

  .qr-menu__list--gr {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 30px;
  }

  .menu__list--gr {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 30px;
  }
}

/*?---------------------------------------650px---------------------------------------*/

@media (max-width: 650px) {
  .footer-bg {
    -webkit-clip-path: ellipse(100% 100% at 50% 100%);
    clip-path: ellipse(100% 100% at 50% 85%);
  }

  .header__logo--tp {
    top: -75px;
  }

  .header__logo--wd {
    width: 425px;
  }
}

/*?---------------------------------------550px---------------------------------------*/

@media (max-width: 550px) {
  a.navbar-brand {
    width: 35%;
  }

  .qr-menu__logo--tp {
    top: 45px !important;
    padding: 0 !important;
    position: relative !important;
    left: 17.5% !important;
  }

  .qr-menu__list--pd {
    padding: 50px 0 !important;
  }

  .qr-menu__slider--pd {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .qr-menu__list--gr {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 50px;
  }

  .qr-menu__list--bg-color {
    background-color: #021933;
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
  }

  .qr-menu__list--text-color {
    color: #fff;
    margin-bottom: 0 !important;
  }

  .qr-menu--detail--gr {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
  }

  .qr-menu__pizza--size {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
  }

  .pizza__small {
    display: flex;
    flex-direction: column;
  }

  .center-logo .navbar-toggler {
    margin: 31px;
  }

  .qr-menu__header--bg-color {
    background-color: #db122257;
  }

  .qr-menu__list--df {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .qr-menu__list--img {
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: 100%;
  }

  .menu__icon--gr {
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 30px;
  }

  .menu__list--gr {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 30px;
  }
}

/*?---------------------------------------431px---------------------------------------*/

@media (max-width: 431px) {
  a.navbar-brand {
    width: 45%;
  }

  .qr-menu__logo--tp {
    top: 45px !important;
    padding: 0 !important;
    position: relative !important;
    left: 22.5% !important;
  }

  .header__logo--tp {
    top: -70px;
  }

  .header__logo--wd {
    width: 700px !important;
  }
}

/*?---------------------------------------375px---------------------------------------*/

@media (max-width: 375px) {
  .qr-menu__list--text-color {
    color: #fff;
    margin-bottom: 0 !important;
    font-size: 28px;
  }

  .menu__icon--gr {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 30px;
  }

  .header__logo--tp {
    top: -75px;
  }

  .header__logo--wd {
    width: 700px;
  }
}