/* ===========================
   BERAT CELIK – RESPONSIVE
   Base: 1920px (style.css)
   =========================== */

@media (max-width: 575.98px){
  .fs-64{font-size: 32px;line-height: 40px;}
  .fs-54{font-size: 28px;line-height: 35px;}
  .fs-48{font-size: 25px;line-height: 31px;}
  .fs-40{font-size: 20px;line-height: 26px;}
  .fs-30{font-size: 17px;line-height: 24px;}
  .fs-24{font-size: 15px;line-height: 20px;}
  .fs-19{font-size: 13px;line-height: 17px;}
  .fs-16{font-size: 12px;line-height: 18px;}
  .fs-12{font-size: 11px;}
  .fs-title{font-size: 10px;line-height: 12px;letter-spacing: 3.5px;}

  /* Button */
  .button-one { height: 32px; min-width: 115px; max-width: 115px; padding-left: 10px; font-size: 10px; }
  .one-circle { width: 32px; height: 32px; }
  .circle { width: 32px; height: 32px; border-radius: 16px; }
  .owl-btn { width: 32px; height: 32px;}
  /* Button End */

  /* Menu */
  .navbar {height: 100px;}
  .nav-bg{height: 160px;}
  .sub-nav-bg{height: 100px;}
  .header-margin{margin-top: 100px;}
  .navbar-brand .logo {width: 100px;}
  .nav-item-btn {padding: 2px;}
  .nav-item-btn .btn-content {padding: 2px 10px; width: 100%;}
  /* Menu End */

  /* Slider */
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 50vw}
  .slide-count {font-size: 68px; left: 5%;}
  .slider-text-box{width: 80%; }
  .slider-text-box .fs-64{font-size: 20px;line-height: 26px;}
  .sld-btn{left: 5%;right: 5%;height: 50px; width: 90%;padding: 10px 40px;}
  /* Slider End */

  /* Counter */
  .counter-bg{padding: 20px;}
  .counter-border{border-right: 0; border-bottom: 1px solid #F7A30027; padding-bottom: 20px; padding-top: 10px;}
  /* Counter End */
  
  /* Media */
  .news img{border-radius: 12px; height: 250px; object-fit: cover;}
  /* Media End */
}

@media (min-width: 576px) and (max-width: 767.98px){
  .fs-64{font-size: 40px;line-height: 50px;}
  .fs-54{font-size: 34px;line-height: 43px;}
  .fs-48{font-size: 30px;line-height: 37px;}
  .fs-40{font-size: 24px;line-height: 32px;}
  .fs-30{font-size: 19px;line-height: 26px;}
  .fs-24{font-size: 16px;line-height: 22px;}
  .fs-19{font-size: 14px;line-height: 18px;}
  .fs-16{font-size: 13px;line-height: 20px;}
  .fs-12{font-size: 11px;}
  .fs-title{font-size: 10px;line-height: 14px;letter-spacing: 4px;}

  /* Button */
  .button-one { height: 36px; min-width: 105px; max-width: 130px; padding-left: 12px; font-size: 11px; }
  .one-circle { width: 36px; height: 36px; }
  .circle { width: 36px; height: 36px; border-radius: 18px; }
  .owl-btn { width: 36px; height: 36px;}
  /* Button End */

  /* Menu */
  .navbar {height: 100px;}
  .nav-bg{height: 160px;}
  .sub-nav-bg{height: 100px;}
  .header-margin{margin-top: 100px;}
  .navbar-brand .logo {width: 100px;}
  .nav-item-btn {padding: 2px;}
  .nav-item-btn .btn-content {padding: 2px 10px; width: 100%;}
  /* Menu End */

  /* Slider */
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 50vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 50vw}
  .slide-count {font-size: 68px; left: 5%;}
  .slider-text-box{width: 80%; }
  .slider-text-box .fs-64{font-size: 20px;line-height: 26px;}
  .sld-btn{left: 5%;right: 5%;height: 50px; width: 90%;padding: 10px 40px;}
  /* Slider End */

  /* Counter */
  .counter-bg{padding: 20px;}
  .counter-border{border-right: 0; border-bottom: 1px solid #F7A30027; padding-bottom: 20px; padding-top: 10px;}
  /* Counter End */
}


@media (min-width: 768px) and (max-width: 991.98px){
  .fs-64{font-size: 45px;line-height: 55px;}
  .fs-54{font-size: 38px;line-height: 48px;}
  .fs-48{font-size: 34px;line-height: 41px;}
  .fs-40{font-size: 27px;line-height: 35px;}
  .fs-30{font-size: 21px;line-height: 28px;}
  .fs-24{font-size: 18px;line-height: 24px;}
  .fs-19{font-size: 14px;line-height: 18px;}
  .fs-16{font-size: 13px;line-height: 22px;}
  .fs-12{font-size: 11px;}
  .fs-title{font-size: 11px;line-height: 15px;letter-spacing: 4.5px;}

  /* Button */
  .button-one { height: 40px; min-width: 115px; max-width: 140px; padding-left: 14px; font-size: 11px; }
  .one-circle { width: 40px; height: 40px; }
  .circle { width: 40px; height: 40px; border-radius: 20px; }
  .owl-btn { width: 40px; height: 40px; }
  /* Button End */

  /* Menu */
  .navbar {height: 150px;}
  .nav-bg{height: 240px;}
  .sub-nav-bg{height: 150px;}
  .header-margin{margin-top: 150px;}
  .navbar-brand .logo {width: 100px;}
  .nav-item-btn {padding: 2px;}
  .nav-item-btn .btn-content {padding: 2px 10px; width: 100%;}
  /* Menu End */

  /* Slider */
  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 70vh; overflow: hidden;}
  .slider-item video{ object-fit: cover; object-position: center center; width: 70vw}
  .slide-count {font-size: 120px; left: 5%;}
  .slider-text-box{width: 80%; }
  /* Slider End */

  /* Counter */
  .counter-bg{padding: 20px;}
  .counter-border{border-right: 0; border-bottom: 1px solid #F7A30027; padding-bottom: 20px; padding-top: 10px;}
  /* Counter End */

  /* Media */
  .news img{border-radius: 12px; height: 250px; object-fit: cover;}
  .news-card, .media-card{height: 250px; border-radius: 12px;}
  /* Media End */
}


@media (min-width: 992px) and (max-width: 1199.98px){
  .fs-64{font-size: 50px;line-height: 61px;}
  .fs-54{font-size: 42px;line-height: 53px;}
  .fs-48{font-size: 38px;line-height: 44px;}
  .fs-40{font-size: 30px;line-height: 38px;}
  .fs-30{font-size: 23px;line-height: 31px;}
  .fs-24{font-size: 19px;line-height: 25px;}
  .fs-19{font-size: 15px;line-height: 19px;}
  .fs-16{font-size: 13px;line-height: 24px;}
  .fs-12{font-size: 11px;}
  .fs-title{font-size: 12px;line-height: 16px;letter-spacing: 5.5px;}

  .button-one { height: 44px; min-width: 125px; max-width: 150px; padding-left: 15px; font-size: 12px; }
  .one-circle { width: 44px; height: 44px; }
  .circle { width: 44px; height: 44px; border-radius: 22px; }
  .owl-btn { width: 44px; height: 44px; }
}


@media (min-width: 1200px) and (max-width: 1399.98px){
  .fs-64{font-size: 54px;line-height: 66px;}
  .fs-54{font-size: 45px;line-height: 56px;}
  .fs-48{font-size: 40px;line-height: 47px;}
  .fs-40{font-size: 33px;line-height: 41px;}
  .fs-30{font-size: 25px;line-height: 33px;}
  .fs-24{font-size: 20px;line-height: 27px;}
  .fs-19{font-size: 16px;line-height: 20px;}
  .fs-16{font-size: 14px;line-height: 26px;}
  .fs-12{font-size: 11px;}
  .fs-title{font-size: 13px;line-height: 17px;letter-spacing: 6px;}

  .button-one { height: 47px; min-width: 135px; max-width: 165px; padding-left: 16px; font-size: 12px; }
  .one-circle { width: 47px; height: 47px; }
  .circle { width: 47px; height: 47px; border-radius: 23.5px; }
  .owl-btn { width: 47px; height: 47px; }
}


@media (min-width: 1400px) and (max-width: 1919.98px){
  .fs-64{font-size: 58px;line-height: 70px;}
  .fs-54{font-size: 49px;line-height: 60px;}
  .fs-48{font-size: 43px;line-height: 50px;}
  .fs-40{font-size: 36px;line-height: 44px;}
  .fs-30{font-size: 27px;line-height: 35px;}
  .fs-24{font-size: 22px;line-height: 29px;}
  .fs-19{font-size: 17px;line-height: 21px;}
  .fs-16{font-size: 15px;line-height: 28px;}
  .fs-12{font-size: 11px;}
  .fs-title{font-size: 14px;line-height: 18px;letter-spacing: 6.5px;}

  .button-one { height: 50px; min-width: 145px; max-width: 180px; padding-left: 18px; font-size: 13px; }
  .one-circle { width: 50px; height: 50px; }
  .circle { width: 50px; height: 50px; border-radius: 25px; }
  .owl-btn { width: 50px; height: 50px; }
  .media-image-area .one-circle, .media-video-area .one-circle{width: 40px !important; height: 40px !important;}
  .media-image-area .fs-30, .media-video-area .fs-30{font-size: 24px; line-height: 30px;}
}