@media (min-width: 320px) and (max-width: 480.98px) {
  .navbar-block.is-active {
    background: #fff;
    z-index: 999999999;
    padding: 0;
    margin: 0;
    margin-top: 0.5rem;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }

  .social-icon-bar {
    display: none;
  }

  .fixed-header {
    padding: 1rem 0;
    height: 6rem;
    padding-bottom: 0rem;
  }

  .menu {
    padding: 0;
    padding: 1rem;
    z-index: 999999999;
  }

  .logo {
    width: 7rem;
  }

  #splide-full h1 {
    font-size: 1.7rem;
  }

  #splide-full p {
    font-size: 1rem;
  }

  #splide-full .splide__arrows.splide__arrows--ltr {
    bottom: 1.2rem;
  }

  #splide-full .splide__arrow--next {
    right: 0;
  }

  #splide-full .splide__slide img {
    /*display: none;*/
  }
  .slide-img {
    min-height: auto !important;
  }
  .slider-area,
  .bagis-area,
  .faaliyet-area,
  .proje-area,
  .news-area,
  .map-area,
  .support-area {
    margin-top: 5rem;
  }

  .splide__pagination {
    display: none;
  }

  .drop-area-city #communityInput {
    width: 100%;
  }

  .dropdown-show .dropdown-content {
    background-color: #fff !important;
  }

  .dropdown-show .dropdown-content {
    background-color: #fff !important;
    padding: 1rem 0;
  }

  .menu-item-m {
    margin-bottom: 1rem;
  }

  .bagis-area {
    background: #fff;
    padding: 3rem 0;
  }

  .bagis-area span {
    background-color: var(--mainColor);
    color: #fff;
  }

  .bagis-area h1,
  .bagis-area p {
    color: #292929;
  }

  #splide-bagis h2,
  #splide-bagis h2 b {
    text-align: start;
    float: inline-start;
    width: 100%;
  }

  .bagis-area p,
  .faaliyet-area p {
    font-size: 1rem;
    margin-top: 1.2rem;
    text-align: left;
  }

  .btn-m3 {
    margin-top: 1rem;
  }

  #splide-bagis,
  #splide-faaliyet {
    margin-top: 2rem;
  }

  .bagis-area .splide__slide,
  #splide-faaliyet .splide__slide {
    padding: 0rem 0.4rem;
  }

  .proje-area h1,
  #splide-bagis h2,
  #splide-bagis h2 b,
  .faaliyet-area h1,
  .news-area h1,
  .map-area h1,
  .support-area h1 {
    width: 100%;
    font-size: 1.7rem;
  }

  .product-slider__item.swiper-slide-active .product-slider__content {
    font-size: 0.9rem !important;
  }

  .proje-area .prev {
    left: 0 !important;
    top: -2.5rem;
  }

  .proje-area .next {
    top: -2.5rem;
    right: 0 !important;
  }

  .proje-area .prev i,
  .proje-area .next i {
    font-size: 0.9rem;
  }

  .product-slider {
    width: 95%;
  }

  .product-slider__content {
    margin-top: 24rem;
    padding: 0.3rem;
  }

  .product-slider__item .product-slider__title {
    font-size: 2.5rem;
    margin: 2rem 0;
  }

  .bg-shape {
    display: none;
  }

  .wrapper {
    padding-top: 0;
  }

  .product-img {
    width: 100%;
    display: flex;
  }

  #splide-haber .splide__slide {
    margin: 0;
    padding: 0rem 0.5rem;
    width: 100%;
  }

  #cityModal .modal-dialog {
    max-width: 320px;
    width: 100%;
  }
  .eCityModal .modal-dialog {
    max-width: 320px;
    width: 100%;
  }

  footer .bulten {
    display: none;
  }

  footer {
    padding: 4rem 0;
    padding-bottom: 1rem;
  }

  .copyright {
    font-size: 0.7rem;
    width: 100%;
    justify-content: start;
  }

  .sub-footer .social-area {
    display: none;
  }

  .sub-footer .acik-area img {
    width: 5rem;
  }

  footer .logo-footer {
    width: 10rem;
  }
  .burger {
    display: block !important;
    visibility: visible !important;
    cursor: pointer;
    z-index: 1100;
  }
}
@media (min-width: 320px) and (max-width: 480.98px) {
  .sub-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .sub-footer .social-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
  }

  .sub-footer .copyright,
  .sub-footer .acik-area {
    width: 50%;
  }

  .sub-footer .copyright {
    justify-content: flex-start;
    font-size: 0.7rem;
    position: absolute;
    bottom: 30px;
  }

  .sub-footer .acik-area {
    justify-content: flex-end;
    width: auto;
  }

  .sub-footer .copyright,
  .sub-footer .acik-area {
    display: flex;
    align-items: center;
  }
  .burger {
    display: block !important;
    visibility: visible !important;
    cursor: pointer;
    z-index: 1100;
  }
}
@media (min-width: 481px) and (max-width: 575.98px) {
  .navbar-block.is-active {
    background: #fff;
    /*        z-index: 999999999;
*/
    padding: 0;
    margin: 0;
    margin-top: 2rem;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
  .burger {
    display: block !important;
    visibility: visible !important;
    cursor: pointer;
    z-index: 1100;
  }
  .social-icon-bar {
    display: none;
  }

  .menu {
    padding: 0;
    padding: 3rem;
    z-index: 999999999;
  }

  .logo {
    width: 9rem;
  }

  #splide-full h1 {
    font-size: 1.7rem;
  }

  #splide-full p {
    font-size: 1rem;
  }

  #splide-full .splide__arrows.splide__arrows--ltr {
    bottom: 1.2rem;
  }

  #splide-full .splide__arrow--next {
    right: 0;
  }

  #splide-full .splide__slide img {
    /*display: none;*/
  }
  .slide-img {
    min-height: auto !important;
  }
  .slider-area,
  .bagis-area,
  .faaliyet-area,
  .proje-area,
  .news-area,
  .map-area,
  .support-area {
    margin-top: 3.5rem;
  }

  .splide__pagination {
    display: none;
  }

  .drop-area-city #communityInput {
    width: 100%;
  }

  .dropdown-show .dropdown-content {
    background-color: #fff !important;
  }

  .dropdown-show .dropdown-content {
    background-color: #fff !important;
    padding: 1rem 0;
  }

  .menu-item-m {
    margin-bottom: 1rem;
  }

  .bagis-area {
    background: #fff;
    padding: 3rem 0;
  }

  .bagis-area span {
    background-color: var(--mainColor);
    color: #fff;
  }

  .bagis-area h1,
  .bagis-area p {
    color: #292929;
  }

  #splide-bagis h2,
  #splide-bagis h2 b {
    text-align: start;
    float: inline-start;
    width: 100%;
  }

  .btn-m3 {
    margin-top: 1rem;
  }

  #splide-bagis,
  #splide-faaliyet {
    margin-top: 2rem;
  }

  .bagis-area .splide__slide,
  #splide-faaliyet .splide__slide {
    padding: 0rem 0.4rem;
  }

  .proje-area h1,
  #splide-bagis h2,
  #splide-bagis h2 b,
  .faaliyet-area h1,
  .news-area h1,
  .map-area h1,
  .support-area h1 {
    width: 100%;
    font-size: 1.7rem;
  }

  .product-slider__item.swiper-slide-active .product-slider__content {
    font-size: 0.9rem !important;
  }

  .proje-area .prev {
    left: 0 !important;
    top: -2.5rem;
  }

  .proje-area .next {
    top: -2.5rem;
    right: 0 !important;
  }

  .proje-area .prev i,
  .proje-area .next i {
    font-size: 0.9rem;
  }

  .product-slider {
    width: 95%;
  }

  .product-slider__content {
    margin-top: 24rem;
    padding: 0.3rem;
  }

  .product-slider__item .product-slider__title {
    font-size: 2.5rem;
    margin: 2rem 0;
  }

  .bg-shape {
    display: none;
  }

  .wrapper {
    padding-top: 0;
  }

  .product-img {
    width: 100%;
    display: flex;
  }

  #splide-haber .splide__slide {
    margin: 0;
    padding: 0rem 0.5rem;
    width: 100%;
  }

  #cityModal .modal-dialog {
    max-width: 320px;
    width: 100%;
  }

  .eCityModal .modal-dialog {
    max-width: 320px;
    width: 100%;
  }

  footer .bulten {
    display: none;
  }

  footer {
    margin-top: 6rem;
    padding: 4rem 0;
    padding-bottom: 1rem;
  }

  .copyright {
    width: 100%;
    justify-content: start;
  }

  .sub-footer .social-area {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .navbar-block.is-active {
    background: #fff;
    z-index: 999999999;
    padding: 0;
    margin: 0;
    margin-top: 2rem;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }

  .social-icon-bar {
    display: none;
  }

  .menu {
    padding: 0;
    padding: 3rem;
    z-index: 999999999;
  }

  .logo {
    width: 9rem;
  }

  #splide-full h1 {
    font-size: 1.7rem;
  }

  #splide-full p {
    font-size: 1rem;
  }

  #splide-full .splide__arrows.splide__arrows--ltr {
    bottom: 1.2rem;
  }

  #splide-full .splide__arrow--next {
    right: 0;
  }

  #splide-full .splide__slide img {
    /*display: none;*/
  }
  .slide-img {
    min-height: auto !important;
  }
  .slider-area,
  .bagis-area,
  .faaliyet-area,
  .proje-area,
  .news-area,
  .map-area,
  .support-area {
    margin-top: 3.5rem;
  }

  .splide__pagination {
    display: none;
  }

  .drop-area-city #communityInput {
    width: 100%;
  }

  .dropdown-show .dropdown-content {
    background-color: #fff !important;
  }

  .dropdown-show .dropdown-content {
    background-color: #fff !important;
    padding: 1rem 0;
  }

  .menu-item-m {
    margin-bottom: 1rem;
  }

  .bagis-area {
    background: #fff;
    padding: 3rem 0;
  }

  .bagis-area span {
    background-color: var(--mainColor);
    color: #fff;
  }

  .bagis-area h1,
  .bagis-area p {
    color: #292929;
  }

  #splide-bagis h2,
  #splide-bagis h2 b {
    text-align: start;
    float: inline-start;
    width: 100%;
  }

  .btn-m3 {
    margin-top: 1rem;
  }

  #splide-bagis,
  #splide-faaliyet {
    margin-top: 2rem;
  }

  .bagis-area .splide__slide,
  #splide-faaliyet .splide__slide {
    padding: 0rem 0.4rem;
  }

  .proje-area h1,
  #splide-bagis h2,
  #splide-bagis h2 b,
  .faaliyet-area h1,
  .news-area h1,
  .map-area h1,
  .support-area h1 {
    width: 100%;
    font-size: 1.7rem;
  }

  #splide-haber .splide__slide {
    margin: 0;
    padding: 0rem 0.5rem;
    width: 100%;
  }

  #cityModal .modal-dialog {
    max-width: 320px;
    width: 100%;
  }

  .eCityModal .modal-dialog {
    max-width: 320px;
    width: 100%;
  }

  footer .bulten {
    display: none;
  }

  footer {
    padding: 4rem 0;
    padding-bottom: 1rem;
  }

  .copyright {
    width: 100%;
    justify-content: start;
  }

  .sub-footer .social-area {
    display: none;
  }

  .content {
    margin-top: 2rem;
  }

  .product-slider__content {
    margin-top: 8rem;
  }

  .bg-shape {
    display: none;
  }

  .proje-area .prev {
    top: -4rem !important;
    left: 20rem !important;
  }

  .proje-area .next {
    top: -4rem !important;
    right: 0 !important;
  }

  .burger {
    display: block !important;
    visibility: visible !important;
    cursor: pointer;
    z-index: 1100;
  }
}

@media (min-width: 320px) and (max-width: 767.98px) {
  .social-icon-bar {
    width: 100%;
    display: inline-block;
    flex-direction: column;
    align-items: center;
  }

  /* Sosyal linkler satırda yan yana */
  .social-icon-bar .social-link {
    display: inline-flex;
    margin: 0 0.8rem;
    font-size: 1.2rem;
  }

  /* Aradaki çizgi (|) hizalansın */
  .social-icon-bar > span {
    margin: 0.5rem 0;
  }

  /* search-bar full width ve alt satırda */
  .social-icon-bar .search-bar {
    display: inline-flex;
    justify-content: left;
    gap: 0.5rem;
    width: 100%;
    margin-top: 1rem;
    margin-left: 5px;
  }

  .social-icon-bar .search-bar .menu-link-m {
    font-size: 0.94rem;
  }

  .social-icon-bar .search-bar .g-btn,
  .social-icon-bar .search-bar .b-btn {
    padding: 0.4rem 0.6rem !important;
  }
  .social-icon-bar > span {
    display: none;
  }
  .burger {
    display: block !important;
    visibility: visible !important;
    cursor: pointer;
    z-index: 1100;
  }
}

@media (max-width: 480px) {
  .navbar-block.is-active {
    background: #fff;
    z-index: 999999999;
    padding: 0;
    /*  margin: 8px;*/
    padding-top: 1rem;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .navbar-block.is-active {
    background: #fff;
    z-index: 999999999;
    padding: 0;
    /*  margin: 8px;*/
    padding-top: 1rem;
    margin-top: 1.1rem !important;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}

@media (max-width: 999.98px) {
  .navbar-block.is-active {
    background: #fff;
    z-index: 999999999;
    padding: 0;
    /*  margin: 8px;*/
    padding-top: 1rem;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
  }

  .burger {
    display: block !important;
    visibility: visible !important;
    cursor: pointer;
    z-index: 1100;
  }

  .menu-link-m {
    font-size: 1rem;
    font-weight: 500;
    color: #292929;
    transition: color 0.3s ease;
    text-decoration: none !important;
  }

  .g-btn {
    border: 0.1rem solid var(--mainColor);
    padding: 0.3rem 0.6rem !important;
  }

  .b-btn {
    padding: 0.3rem 0.6rem !important;
  }
  .bagis-area {
    position: relative;
    margin-top: 5rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 0;
  }
  .faaliyet-area {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    margin-top: 5rem;
  }
}

@media (max-width: 768px) {
  .navbar-block.is-active {
    background: #fff;
    z-index: 999999999;
    padding: 0;
    /*  margin: 8px;*/
    height: 100vh;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 0;
  }
}

/* @media (min-width: 1101px) and (max-width: 1200px) {
  .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    padding: 1rem 0 !important;
  }

  .burger {
    display: none !important;
  }

  .menu-link-m {
    font-size: 0.9rem;
    padding: 0.3rem 0.6rem;
  }

  .navbar-block {
    background: none;
    height: auto;
    position: static;
  }

  .g-btn {
    border: 0.1rem solid var(--mainColor);
    padding: 0.3rem 0.6rem !important;
  }
  .b-btn {
    padding: 0.3rem 0.6rem !important;
  }
} */

@media (min-width: 1400px) /*and (max-width: 1400px) */ {
  .navbar-m {
    display: flex;
    justify-content: space-between;
  }

  .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    /* padding: 1rem 0 !important;*/
  }

  .burger {
    display: none !important;
    /*        visibility: hidden !important;
*/
  }

  .navbar-block {
    position: initial;
    height: initial;
    opacity: 1;
    pointer-events: visible;
    background: none;
  }

  .menu-link-m {
    font-size: 1rem;
    font-weight: 500;
    color: #292929;
    transition: color 0.3s ease;
    text-decoration: none !important;
  }

  img {
    max-width: 100%;
  }

  .g-btn {
    border: 0.1rem solid var(--mainColor);
    padding: 0.4rem 0.5rem !important;
    border-radius: 30rem;
    color: var(--mainColor);
    transition: all 0.4s ease;
    color: #292929;
  }

  .b-btn {
    background-color: var(--mainColor);
    padding: 0.4rem 0.5rem !important;
    border-radius: 30rem;
    padding-top: 30rem;
    transition: all 0.4s ease;
  }

  .g-btn img {
    height: 1rem;
    margin-left: 0.4rem;
  }
}
@media (max-width: 1399px) and (min-width: 1199px) {
  .navbar-m {
    display: flex;
    justify-content: space-between;
  }

  .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    /* padding: 1rem 0 !important;*/
  }

  .burger {
    display: none !important;
    /*        visibility: hidden !important;
*/
  }

  .navbar-block {
    position: initial;
    height: initial;
    opacity: 1;
    pointer-events: visible;
    background: none;
  }

  .menu-link-m {
    font-size: 0.8rem;
    font-weight: 500;
    color: #292929;
    transition: color 0.3s ease;
    text-decoration: none !important;
  }

  img {
    max-width: 100%;
  }

  .g-btn {
    border: 0.1rem solid var(--mainColor);
    padding: 0.3rem 0.2rem !important;
    border-radius: 30rem;
    color: var(--mainColor);
    transition: all 0.4s ease;
    color: #292929;
  }

  .b-btn {
    background-color: var(--mainColor);
    padding: 0.3rem 0.2rem !important;
    border-radius: 30rem;
    padding-top: 30rem;
    transition: all 0.4s ease;
  }

  .g-btn img {
    height: 1rem;
    margin-left: 0.4rem;
  }
}
@media (max-width: 1201px) and (min-width: 1000px) {
  .navbar-m {
    display: flex;
    justify-content: space-between;
  }

  .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 100%;
    /* padding: 1rem 0 !important;*/
  }

  .burger {
    display: none !important;
    /*        visibility: hidden !important;
*/
  }

  .navbar-block {
    position: initial;
    height: initial;
    opacity: 1;
    pointer-events: visible;
    background: none;
  }

  .menu-link-m {
    font-size: 0.8rem;
    font-weight: 500;
    color: #292929;
    transition: color 0.3s ease;
    text-decoration: none !important;
  }

  img {
    max-width: 100%;
  }

  .g-btn {
    border: 0.1rem solid var(--mainColor);
    padding: 0.3rem 0.2rem !important;
    border-radius: 30rem;
    color: var(--mainColor);
    transition: all 0.4s ease;
    color: #292929;
  }

  .b-btn {
    background-color: var(--mainColor);
    padding: 0.3rem 0.2rem !important;
    border-radius: 30rem;
    padding-top: 30rem;
    transition: all 0.4s ease;
  }

  .g-btn img {
    height: 1rem;
    margin-left: 0.4rem;
  }
  .bagis-area {
    position: relative;
    margin-top: 3rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 6rem 0;
  }
}