body { padding: 0; margin: 0; color: #223542; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; overflow-x: hidden; background: url(../images/bg.jpg) no-repeat top; background-size: 100% 100%; }
.loading { position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; z-index: 99999999; }

h1 { font-weight: 700; font-size: 34px; margin-bottom: 25px; }
h2 { font-weight: 600; font-size: 24px; }
h3 { font-weight: 600; font-size: 16px; }
h4 { font-weight: 600; font-size: 14px; }
.heading { position: relative; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px; }
  .heading:after { content: ''; display: block; width: 90px; height: 4px; background: #0097ff; position: absolute; bottom: 0px; }
b { font-weight: 600; }

a, a:hover, a:focus, button:focus, input:focus, textarea:focus { outline: none !important; text-decoration: none; color: currentColor; }
.clear { clear: both; }
.banner img { width: 100%; }


::-webkit-scrollbar { width: 9px; }
::-webkit-scrollbar-track { background: #eee; }
::-webkit-scrollbar-thumb { background: #0097ff; }
  ::-webkit-scrollbar-thumb:hover { background: #0079cd; }

/* ABSOLUTE MENU */

.absolute-menu { width: 300px; position: absolute; margin-top: 30px; margin-left: 30px; z-index: 9; padding: 10px 30px 10px 30px; background: #fff; border-radius: 20px; box-shadow: 0px 5px 30px rgba(0,0,0,0.05); }
.absolute-menu a { display: block; font-size: 13px; }
.absolute-menu ul { list-style: none; padding: 0; margin: 0; }
.absolute-menu ul li { padding: 5px 0; }
.absolute-menu ul ul li a:hover { color: #0097ff }
.absolute-menu > ul > li > a { font-weight: 600; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; }
.absolute-menu > ul > li > a i { transition: 0.2s; font-size: 20px; }
.absolute-menu > ul > li > a.active i { transform: rotate(-90deg); }
.absolute-menu ul ul {  }

@media(max-width: 1600px) {
    .absolute-menu ul li { padding: 3px 0; }
}
@media(max-width: 1500px) {
    .absolute-menu a { font-size: 12px; }
}

/* HEADER */
header { background: #fff; padding: 10px 0; }
.headertop { padding: 4px 0; margin-bottom: 15px; }
  .headertop .row { align-items: center; justify-content: flex-end; padding: 0 30px; }

  .headertop .search { position: relative; justify-content: flex-start; }
    .headertop .search input[type=text] { width: 100%; border: none; padding: 10px; outline: none; padding-left: 30px; }
      .headertop .search input[type=text]::-webkit-input-placeholder { color: #223542; }
      .headertop .search input[type=text]:-ms-input-placeholder { color: #223542; }
      .headertop .search input[type=text]::placeholder { color: #b5c2cb; }

    .headertop .search a { position: absolute; border: 0; outline: none; width: 43px; height: 43px; left: 0; top: 0; background: url(../images/search.svg) no-repeat center; background-size: 24px; }

    .headertop .ekatalog { padding: 0; }
    .headertop .ekatalog a { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; color: #0097ff; font-weight: 800; }
    .headertop .ekatalog a img { height: 26px; width: auto; margin-right: 10px; }

  .headertop .lang { display: flex; justify-content: flex-end; align-items: center; position: relative; }
    .headertop .lang .select { position: relative; }
      .headertop .lang .select a { display: block; }
      .headertop .lang .select > a { background: url(../images/down.svg) no-repeat right center; background-size: 8px auto; padding-right: 15px; }

    .headertop .lang a img { width: 26px; margin-right: 5px; }
    .headertop .lang .select > .otherlang { background: #fff; position: absolute; top: 34px; z-index: 9; display: none; width: 100%; box-shadow: 0 5px 5px #dedede; }
      .headertop .lang .select > .otherlang a { margin-bottom: 8px; }
        .headertop .lang .select > .otherlang a img { }

    .headertop .lang select { width: 60px; height: 40px; font-weight: 800; outline: none; border: none; background: #e67817; color: #fff; text-align: center; border-radius: 8px; }


.headerbottom .col-12 { display: flex; align-items: center; justify-content: flex-end; padding: 0 30px; }
.headerbottom .logo { position: absolute; left: 30px; bottom: -13px; display: flex; align-items: center; padding:5px 0; }
  .headerbottom .logo a { display: block; }
    .headerbottom .logo a img { max-width: 414px; width: 100%; }

/*.top-menu { position: relative; }
  .top-menu ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-end; }
    .top-menu ul li { position: relative; width: auto; padding: 20px; }
      .top-menu ul li a { color: #223542; text-decoration: none; display: block; position: relative; transition: all .2s; }
  .top-menu > ul > li:last-child { padding: 25px 0 25px 30px; }

  .top-menu ul li a:hover { color: #0198ff; font-weight: 800; border-bottom: solid 3px #0198ff; }
  .top-menu ul li.active a { color: #0198ff; font-weight: 800; }
  .top-menu ul li a i { color: #0198ff; }
  .top-menu > ul { }
    .top-menu > ul ul { list-style: none; margin: 0; position: absolute; margin-top: -1px; padding: 10px; width: 300px; background: #fff; display: none; z-index: 2; box-shadow: 0 0 5px rgba(0,0,0, .2); }
      .top-menu > ul ul.opened { display: block; animation: 0.2s fadeIn; }
      .top-menu > ul ul ul { left: 100%; top: 0; display: none; }
        .top-menu > ul ul ul.opened { display: block; }
      .top-menu > ul ul a { border: 0 !important; padding: 10px; }*/


.desktop-menu { position: relative; }
.desktop-menu::before { content: ""; position: absolute; max-width: 350px; width: 100%; height: 1px; background: #ddd; top: 0; right: 0; }
  .desktop-menu ul { list-style: none; padding: 0; margin: 0; }
    .desktop-menu ul li { transition: 0.3s; width: auto; padding: 15px; }
      .desktop-menu ul li a { color: #223542; text-decoration: none; display: block; position: relative; transition: all .2s; }
  .desktop-menu > ul > li:last-child { padding: 25px 0 25px 30px; }

  .desktop-menu > ul > li:hover > a { color: #0198ff; font-weight: 800; border-bottom: solid 3px #0198ff; }

  .desktop-menu > ul { display: flex; align-items: center; justify-content: flex-end; }
    .desktop-menu > ul > li { }
        .desktop-menu > ul > li > a { text-align: center; font-size: 14px; font-weight: 600; }

  .desktop-menu .sub-ul { transition: 0.3s; visibility: hidden; opacity: 0; left: -10px; box-shadow: 0px 10px 20px rgba(0,0,0,0.2); text-align: left; width: 100%; padding: 0; position: absolute; z-index: 3; list-style: none; padding: 20px; margin: 0; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; }
    .desktop-menu .sub-ul.opened { visibility: visible; opacity: 1; left: 0; }
    .desktop-menu .sub-ul li { display: block; border-bottom: 1px #eee solid; padding: 0; padding: 5px 15px; margin: 0; width: 33%; }
      .desktop-menu .sub-ul li:last-child { border-bottom: none; }
      .desktop-menu .sub-ul li a { }
        .desktop-menu .sub-ul li a:hover { color: #0198ff; }



.mobile-menu { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9; transition: 0.3s; background: #fff; overflow: auto; padding: 0 10%; }
  .mobile-menu.opened { left: 0; }
  .mobile-menu ul { width: 100%; height: calc(100% - 110px); top: 0; z-index: 3; padding: 30px 0; margin: 0; list-style: none; }
    .mobile-menu ul li { position: relative; border-top: 1px solid #ebebeb; }
      .mobile-menu ul li:last-child, .mobile-menu ul li:first-child { border-bottom: none; }
      .mobile-menu ul li a { text-decoration: none; color: currentColor; font-size: 14px; font-weight: 500; display: block; letter-spacing: 1px; padding: 10px 15px; text-align: center; }
  .mobile-menu > ul { display: block; left: 0; }
    .mobile-menu > ul ul { position: fixed; background: #fff; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s; padding: 85px 10% 0 10%; overflow-y:auto; }
      .mobile-menu > ul ul.opened { left: 0; opacity: 1; visibility: visible; height:100%; }
      .mobile-menu > ul ul ul { position: fixed; left: 0; top: 0; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s; }
        .mobile-menu > ul ul ul.opened { left: 0; opacity: 1; visibility: visible; }
  .mobile-menu .back-icon, .mobile-menu .back-icon2 { width: 40px; height: 40px; position: absolute; right: 18px; top: 18px; display: flex; align-items: center; justify-content: center; z-index: 2; color: #0097ff; font-size: 30px; }
  .mobile-menu .sub-icon { width: 100%; height: 40px; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: flex-end; z-index: 2; color: #0097ff; }

.menu-btn { position: absolute; right: 10px; width: 40px; height: 40px; color: #0097ff; font-size: 24px; display: none; align-items: center; justify-content: center; }

.mobile-menu .mlang { }
  .mobile-menu .mlang > a { display: none; }
  .mobile-menu .mlang .otherlang { width: 100%; position: relative; display: flex; justify-content: space-around; align-items: center; }
    .mobile-menu .mlang .otherlang a { padding: 5px; }
      .mobile-menu .mlang .otherlang a img { width: 26px; margin-right: 5px; }

.mobile-menu .mekatalog a { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; color: #0097ff; font-weight: 800; }
  .mobile-menu .mekatalog a img { height: 26px; width: auto; margin-right: 10px; }

.mobile-menu .msearch { position: relative; justify-content: center; margin: 15px 30px; }
  .mobile-menu .msearch input[type=text] { width: 100%; border: none; padding: 10px; outline: none; padding-left: 40px; border: solid 1px #eee; }
  .mobile-menu .msearch a { position: absolute; border: 0; outline: none; width: 43px; height: 43px; left: 0; top: 0; background: url(../images/search.svg) no-repeat center; background-size: 24px; }


/*FOOTER*/
footer { background: #fff; }
.footer { width: 100%; height: 100%; position: relative; z-index: 2; padding-top: 50px; padding-bottom: 50px; text-align: left; border-bottom: solid 1px #dde2e4; }

.f-item { width: 100%; position: relative; z-index: 2; }
  .f-item img { width: 350px; max-width: 100%; }
  .f-item ul { list-style: none; padding: 0; margin: 0; columns: 2; }
    .f-item ul li { display: block; margin-bottom: 5px; }
      .f-item ul li a { width: 100%; display: inline-block; text-decoration: none; font-weight: 500; }
  .f-item p b { color: #0198ff; }


.sosyal-medya { display: flex; }
  .sosyal-medya .facebook { background-image: url(../images/social/facebook.svg); }
  .sosyal-medya .twitter { background-image: url(../images/social/twitter.svg); }
  .sosyal-medya .instagram { background-image: url(../images/social/instagram.svg); }
  .sosyal-medya .youtube { background-image: url(../images/social/youtube.svg); }
  .sosyal-medya .linkedin { background-image: url(../images/social/linkedin.svg); }
  .sosyal-medya a { display: inline-block; width: 46px; height: 46px; margin-right: 10px; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; background-size: 30px auto; padding: 15px; border: solid 1px #0198ff; border-radius: 100%; }

.footer-alt { width: 100%; padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 2; bottom: 0; }
  .footer-alt .copyright { text-align: right; font-size: 14px; }
  .footer-alt .design { text-align: left; font-size: 14px; }
    .footer-alt .design a { text-decoration: none; font-size: 14px; }


/* GO TO TOP */
#go-to-top { display: inline-block; background-color: #0097ff; color: #fff; border: 0; width: 50px; height: 50px; text-align: center; position: fixed; bottom: 45px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; text-decoration: none; outline: none; font-size: 14px; font-weight: 300; text-align: center; }
  #go-to-top:hover { }
  #go-to-top:active { }
  #go-to-top.show { opacity: 1; visibility: visible; }
  #go-to-top i { font-size: 24px; }




/*ANA SLİDER*/
.slider { width: 100%; margin-bottom: 100px; }
  .slider img { width: 100%; }

  /*.slider .swiper-pagination { width: 22px; right: 0; left: unset; top: 50%; bottom: unset; }*/
  .slider .swiper-pagination-bullet { width: 16px; height: 16px; background: transparent; opacity: .8; border: solid 1px #888; border-radius: 10px; }
  .slider .swiper-pagination-bullet-active { background: transparent; border: solid 1px #0097ff; width: 50px; height: 16px; }

/*BANNER*/
.banner { width: 100%; position: relative; margin-bottom: 100px; }
  .banner img { margin-bottom: -100px; }

.breadcrumb { margin-top: -20px; margin-bottom: 30px; background: none; text-transform: uppercase; }
  .breadcrumb a { text-decoration: none; color: currentColor; }
  .breadcrumb span { padding-left: 15px; padding-right: 15px; }



/* anaysafa ürün kategorileri*/
.productcat-container { margin-bottom: 50px; }
.productcat-carou {  padding-bottom: 20px; }
  .productcat-carou a { display: block; display: flex; flex-wrap: wrap; justify-content: center; }
    .productcat-carou a img { width: 100%; margin-bottom: 15px; }
    .productcat-carou a h3 { font-size: 13px; width: 150px; text-align: center; }

  .productcat-carou .swiper-button-next { }
  .productcat-carou .swiper-button-prev { }
  .productcat-carou .swiper-button-next, .productcat-carou .swiper-button-prev { background: #fff; border-radius: 100%; width: 50px; height: 50px; }
    .productcat-carou .swiper-button-next:after, .productcat-carou .swiper-button-prev:after { font-size: 22px; color: #223541; font-weight: 900; }
.productcat-carou .swiper-pagination { bottom: 0; }
.productcat-carou .swiper-pagination span { height: 4px; }

/*anasayfa ürünler vitrin*/
.products-container { margin-bottom: 80px; }
.product { margin-bottom: 30px; }
  .product a { display: block; background: #fff; border-radius: 20px; height: 100%; }
    .product a .image { width: 100%; height: 271px; display: flex; justify-content: center; align-items: center; padding: 15px; }
      .product a .image img { max-width: 100%; max-height: 100%; }
    .product a .content { padding: 30px; text-align: center; }


/*anasayfa hakkimizda*/
.about-container { margin-bottom: 80px; }
  .about-container a.btn { background: #0097ff; color: #fff; padding: 10px 20px; border-radius: 10px; font-size: 13px; }
  .about-container img { }




/*anasayfa referasnlar*/
.ref-carou { padding-bottom: 50px; padding-top: 50px; margin-bottom: 80px; height: 530px; }

  .ref-carou .swiper-slide { height: 180px; }
  .ref-carou .swiper-pagination-bullet { width: 16px; height: 16px; background: transparent; opacity: .8; border: solid 1px #888; border-radius: 10px; }
  .ref-carou .swiper-pagination-bullet-active { background: transparent; border: solid 1px #0097ff; width: 50px; height: 16px; }


/*anasayfa ikonlar*/
.icons-container { margin-bottom: 80px; }
  .icons-container .icon { padding: 0 40px; }
    .icons-container .icon a { border: solid 1px #bec1c6; height: 100%; padding: 25px 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; }
      .icons-container .icon a img { margin-bottom: 10px; }
      .icons-container .icon a h3 { width: 100%; margin-bottom: 15px; }
      .icons-container .icon a p { width: 100%; margin-bottom: 0; }



.gallery ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
  .gallery ul li { width: calc(25% - 20px); float: left; margin-right: 20px; margin-bottom: 20px; }
    .gallery ul li a { text-decoration: none; color: currentColor; display: inline-block; width: 100%; text-align: center; }
      .gallery ul li a img { max-width: 100%; max-height: 100%; object-fit: cover; margin-bottom: 20px; }
      .gallery ul li a h1 { text-align: center !important; font-size: 18px; }



/* PRODUCTS */
#sayfalamadiv { width: 100%; text-align: right; justify-content: flex-end; margin-bottom: 50px; }
  #sayfalamadiv a { display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; margin: 0 5px; }
    #sayfalamadiv a.active { border: solid 1px #0198ff; color: #0198ff; font-weight: 800; }

    #sayfalamadiv a.solbtn { background: url(../images/lefts.svg) no-repeat center; background-size: 16px auto; }
    #sayfalamadiv a.sagbtn { background: url(../images/rights.svg) no-repeat center; background-size: 16px auto; }

.side-filter ul { list-style: none; padding: 0; margin: 0; max-height: 230px; overflow: auto; overflow-x: hidden; }
.side-filter ul li { padding: 5px 0; }
  .side-filter ul li *{ cursor:pointer; }
  .side-filter ul li label { display: flex; align-items: center; }
    .side-filter ul li label span { margin-left: 10px; }





/*PRODUCT DETAIL*/
.product-detail { background: #fff; border-radius: 30px; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

.product-gallery { width: 49%; margin: 0; padding-bottom: 50px; }
  .product-gallery a { display: block; }
    .product-gallery a img { width: 100%; }

  .product-gallery .swiper-pagination-bullet { width: 16px; height: 16px; background: transparent; opacity: .8; border: solid 1px #888; border-radius: 10px; }
  .product-gallery .swiper-pagination-bullet-active { background: transparent; border: solid 1px #0097ff; width: 50px; height: 16px; }

.product-detail .content { width: 49%; }
  .product-detail .content #hypDokuman { background: #0097ff; display: inline-block; margin-top: 20px; color: #fff; padding: 10px 20px; border-radius: 10px; font-size: 13px; }




/* FAQ */
.faq { width: 100%; }
  .faq .faqitem .question { padding: 10px; color: #111; border: 1px #111 solid; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
    .faq .faqitem .question i { font-size: 20px; color: #38c1d4; }
    .faq .faqitem .question h4 { margin: 0; font-size: 14px; font-weight: bold; }
    .faq .faqitem .question .las.la-caret-down { display: none; }
  .faq .faqitem.jquery-accordion-active .las.la-caret-down { display: block; }
  .faq .faqitem.jquery-accordion-active .las.la-caret-right { display: none; }
  .faq .faqitem .answer { padding: 15px; font-size: 14px; display: none; margin-bottom: 10px; }

/* CONTACT */
.contact .map { margin-bottom: 30px; }
  .contact .map iframe { width: 100%; height: 300px; }

.contact .contact-info { margin-bottom: 30px; }
  .contact .contact-info h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
  .contact .contact-info ul { list-style: none; padding: 0; margin: 0; }
    .contact .contact-info ul li { margin-bottom: 5px; }
      .contact .contact-info ul li a { text-decoration: none; color: currentColor; }

.contact .contact-form { }
  .contact .contact-form h1 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
  .contact .contact-form ul { list-style: none; padding: 0; margin: 0; }
    .contact .contact-form ul li { }
      .contact .contact-form ul li input[type=text] { outline: none; transition: 0.3s; width: 100%; height: 40px; border: 1px #eee solid; background: #eee; padding: 10px; outline: none; }
        .contact .contact-form ul li input[type=text]:focus { background: #fff; border: 1px #ccc solid; }
      .contact .contact-form ul li textarea { outline: none; transition: 0.3s; width: 100%; border: 1px #eee solid; background: #eee; padding: 10px; padding-top: 5px; height: 140px; outline: none; }
        .contact .contact-form ul li textarea:focus { background: #fff; border: 1px #ccc solid; }
      .contact .contact-form ul li:nth-child(4) { padding-right: 15px; }

      .contact .contact-form ul li .btn-secondary { border-radius: 0; font-size: 14px; padding: 30px; padding-top: 10px; padding-bottom: 10px; }




/* OTHERS */

.fixed-item { position: fixed; z-index: 2; right: 0; top: 30%; right: 0; transform: translate(0%, -50%); }
  .fixed-item a { text-decoration: none; color: #fff; font-size: 24px; display: block; }
    .fixed-item a i { display: inline-block; margin-right: 5px; }
  .fixed-item .phone { background: rgba(0,147,244,0.5); padding: 10px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-weight: 900; }
  .fixed-item .wp { background: rgba(76,216,63,0.5); padding: 10px; font-family: 'Montserrat', sans-serif; font-weight: 900; }
  
  .fixed-btns{ max-width: 240px; width: 100%; position: fixed; right: 0; bottom: 20%; z-index: 2;}
.fixed-btns a{ width: 100%; text-decoration: none; color: #fff; display: block; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); font-size: 18px; position: relative; text-align: center; margin: 10px 0; border-radius: 30px 0 0 30px;}
.fixed-btns a.whatsapp-btn{ background-color: #82e49a; line-height: 1.2; padding: 10px 0; padding-left: 40px; background: url(../images/whatsapp.svg) #26c44d no-repeat center left 20px; background-size: 32px;}
.fixed-btns a.whatsapp-btn span{ display: block;}
.fixed-btns a.whatsapp-btn b{ display: block;}
.fixed-btns a.offer-btn{ background-color: #688eff; padding: 5px 0; padding-left: 40px; background: url(../images/document.png) #0d3dcc no-repeat center left 20px; background-size: 32px;}
.fixed-btns a.offer-btn span{ display: block;}

.form-gonder-button { min-height: 72px; }

#linkResim img { width: 100%; }

.sss h1 { font-size: 24px; margin-bottom: 20px; }

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: relative; height: 400px; }

.mobileBtn { display: none; }

.katMenu { display: none; }

/* FOR MOBILE */


  @media(max-width: 1200px) {
    .ref-carou { padding-bottom: 20px; padding-top: 30px; margin-bottom: 50px; height: 400px; }
      .ref-carou .swiper-slide { height: 100px; }

    .icons-container .icon { padding: 0 10px; }
  }

  @media(max-width: 991px) {

    .banner { margin-bottom: 10px; }
      .banner img { margin-bottom: 0; }

    .breadcrumb { margin-top: 0px; margin-bottom: 0px; }
      .breadcrumb a { font-size: 12px; }

    .headertop { display: none; }

    .menu-btn { display: flex; order: 3; }
    .desktop-menu { display: none; }

    .footer-alt .copyright { text-align: center; }
    .footer-alt .design { text-align: center; }

    .headerbottom .col-12 { justify-content: space-between; padding: 0 15px; }
    .headerbottom .logo { position: relative; left: unset; bottom: unset; }
    .headerbottom .logo a img { max-width: 210px; }

    .absolute-menu { display: none; }
	
	  .fixed-btns{ width: 150px; bottom: 5%;}
    .fixed-btns a.offer-btn{ font-size: 14px;}
    .fixed-btns a.whatsapp-btn{ font-size: 14px; padding: 18px 0 18px 40px; font-weight: bolder;}
    .fixed-btns a.whatsapp-btn b{ display: none;}
  }

  @media(max-width: 767px) {

    .ref-carou { height: unset; padding-bottom: 50px; padding-top: 0; margin-bottom: 50px; }
      .ref-carou .swiper-slide { height: unset; }

    .icons-container .icon { margin-bottom: 15px; }


    .slider .swiper-pagination { width: 100%; right: 0; left: 0; top: unset; bottom: 10px; }
    .slider .swiper-pagination-bullet-active { background: #393a39; border: none; width: 40px; height: 11px; }
  }

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

  @media(max-width: 576px) {

    .about-container .content { order: 2; }
    .about-container .image { order: 1; }
  }

  @media(max-width: 500px) {

    .gallery ul li { width: calc(33.3% - 20px); float: left; margin-right: 20px; margin-bottom: 20px; }
      .gallery ul li h4 { font-size: 10px; }


    .sosyal-medya { justify-content: center; }
    .f-item { text-align: center; }
      .f-item ul { columns: 1; }
  }

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

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