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

@media (min-width:321px){ 
  .banner{height: 390px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .bannerpd{padding-top: 200px;}
  .icbannerpd{padding-top: 230px;}
  .kurumsalbannerpd{padding-top: 250px;}
  .about-banner-height{min-height: 500px;}
  .kategoribaslik{background-color: #788f9d; color: white; padding: 20px 25px; border-radius: 20px 20px 0 0; min-height: 60px; margin-top: 20px;}
  .sayfabaslik{font-size: 20px; color:white;}
  .breadpd{margin-top:0px}
  .icerik{margin-top:-140px;}
  .destekfs{font-size: 20px;}
  .sectionbaslik{font-size: 30px; color: #000000;}
  .slogantitle{font-size: 22px; text-shadow: 2px 2px 4px rgba(255,255,255,0.5);}
  .slogantext{font-size: 16px; text-shadow: 2px 2px 4px rgba(255,255,255,0.6);}
  .menugolge{height:400px; background:linear-gradient(180deg, #0e5d7a 0%, transparent 100%);}
  .menugolgeurunler{height:400px; background:linear-gradient(180deg, #526069 0%, transparent 100%);}
  .kurumsalimagesleft{max-width: 700px; margin-left: 0; padding-right:15px; padding-left:15px; }
  .kurumsalimagesright{max-width: 700px; margin-right: 0; padding-right:15px; padding-left:15px; }
  .urundetaybg1{height: 100%;}
  .mobilmenumargin{margin-bottom:-180px !important}
  .uk-navbar-nav{gap: 20px !important;}
}

@media(min-width:640px){
  .banner{height: 390px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .bannerpd{padding-top: 200px;}
  .kategoribaslik{background-color: #788f9d; color: white; padding: 20px 25px; border-radius: 20px 20px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .icerik{margin-top:-140px;}
  .sectionbaslik{font-size: 35px;}
  .kurumsalimagesleft{max-width: 700px; margin-left: 0px; padding-right:30px; padding-left:30px; }
  .kurumsalimagesright{max-width: 700px; margin-right: 0px; padding-right:30px; padding-left:30px; }
  .uk-navbar-nav{gap: 20px !important;}
  .icbannerpd{padding-top: 200px;}
}

@media(min-width:960px){
  .banner{height: 390px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .bannerpd{padding-top: 200px;}
  .kurumsalbannerpd{padding-top: 400px;}
  .about-banner-height{min-height: 744px;}
  .kategoribaslik{background-color: #788f9d; color: white; padding: 20px 25px; border-radius: 20px 20px 0 0;  min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .icerik{margin-top:-140px;}
  .sectionbaslik{font-size: 40px;}
  .slogantitle{font-size: 25px;}
  .slogantext{font-size: 18px;}
  .kurumsalimagesleft{max-width: 700px; margin-left: 0px; padding-right:40px; padding-left:40px; }
  .kurumsalimagesright{max-width: 700px; margin-right: 0px; padding-right:40px; padding-left:40px; }
  .urundetaybg1{height: 430px;}
  .uk-navbar-nav{gap: 5px !important;}
  .destekhatti{display: none;}
  .icbannerpd{padding-top: 190px;}
}

@media(min-width:1200px){
  .banner{height: 440px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .bannerpd{padding-top: 290px;}
  .kurumsalbannerpd{padding-top: 380px;}
  .kategoribaslik{background-color: #788f9d; color: white; padding: 20px 25px; border-radius: 20px 20px 0 0;  min-height: 60px; margin-top: 0px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .breadpd{margin-top: 20px;}
  .icerik{margin-top:-140px;}
  .destekfs{font-size: 21px;}
  .sectionbaslik{font-size: 40px;}
  .slogantitle{font-size: 36px;}
  .slogantext{font-size: 24px;}
  .mobilmenumargin{margin-bottom:0px !important}
  .uk-navbar-nav{gap: 12px !important;}
  .icbannerpd{padding-top: 230px;}
}

@media(min-width:1400px){
  .banner{height: 440px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .bannerpd{padding-top: 290px;}
  .kategoribaslik{background-color: #788f9d; color: white; padding: 20px 25px; border-radius: 20px 20px 0 0;  min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .icerik{margin-top:-140px;}
  .destekfs{font-size: 30px;}
  .sectionbaslik{font-size: 44px;}
  .kurumsalimagesleft{max-width: 700px; margin-left: 0px; padding-right:40px; padding-left:40px; }
  .kurumsalimagesright{max-width: 700px; margin-right: 0px; padding-right:40px; padding-left:40px; }
  .uk-navbar-nav{gap: 7px !important;}
  .destekhatti{display: block;}
}

@media(min-width:1500px){
  .kurumsalimagesleft{max-width: 700px; margin-left: auto; padding-right:40px; padding-left:0px; }
  .kurumsalimagesright{max-width: 700px; margin-right: auto; padding-right:0px; padding-left:40px; }
}

@media(min-width:1600px){
  .banner{height: 440px; background:url('/images/banner.webp'); background-position: center; background-size: cover; background-repeat: no-repeat;}
  .bannerpd{padding-top: 290px;}
  .kategoribaslik{background-color: #788f9d; color: white; padding: 20px 25px; border-radius: 20px 20px 0 0; min-height: 60px;}
  .sayfabaslik{font-size: 30px; color:white;}
  .icerik{margin-top:-140px;}
  .uk-navbar-nav>li>a{ color: #fff; font-size: 18px; margin: 0px 5px;}
  .uk-navbar-nav{gap: 20px !important;}
  .sectionbaslik{font-size: 48px;}
  .kurumsalimagesleft{max-width: 700px; margin-left: auto; padding-right:40px; padding-left:0px }
  .kurumsalimagesright{max-width: 700px; margin-right: auto; padding-right:0px; padding-left:40px }
}


.preloader{
  background-color: #788f9d !important;
}

.icerik{
  border: 1px solid #96c23e;
}

.talepbtn:hover span[uk-icon="icon:arrow-right"] {
  transform: translateX(10px);
}
.talepbtn:hover {
  background: #fff;
  color: #788f9d !important;
}

.urundots>.uk-active>* {
  background-color: #fff !important;
}

.urundots>*>*:hover {
  background-color: #96c23e !important;
}

.urundotsmavi>.uk-active>* {
  background-color: #2c8ec4 !important;
}

.urundots>*>* {
  background-color: #b9c7cf !important;
  width: 50px;
  height: 10px;
  display: block;
  box-sizing: border-box;
  border-radius: 3px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(102, 102, 102, .4);
  transition: .2s ease-in-out;
  transition-property: background-color, border-color;
}


.ic-kutu{margin-top: -100px; margin-bottom: -150px;}
.h600{height: 600px;}


.responsive-fs10{font-size: clamp(6px, 1vw, 10px);}
.responsive-fs11{font-size: clamp(7px, 1.1vw, 11px);}
.responsive-fs12{font-size: clamp(8px, 1.2vw, 12px);}
.responsive-fs13{font-size: clamp(9px, 1.3vw, 13px);}
.responsive-fs14{font-size: clamp(10px, 1.4vw, 14px);}
.responsive-fs15{font-size: clamp(11px, 1.5vw, 15px);}
.responsive-fs16{font-size: clamp(12px, 1.6vw, 16px);}
.responsive-fs17{font-size: clamp(13px, 1.7vw, 17px);}
.responsive-fs18{font-size: clamp(14px, 1.8vw, 18px);}
.responsive-fs19{font-size: clamp(15px, 1.9vw, 19px);}
.responsive-fs20{font-size: clamp(15px, 2vw, 20px);}
.responsive-fs21{font-size: clamp(15px, 2.1vw, 21px);}
.responsive-fs22{font-size: clamp(15px, 2.2vw, 22px);}
.responsive-fs23{font-size: clamp(16px, 2.3vw, 23px);}
.responsive-fs24{font-size: clamp(16px, 2.4vw, 24px);}
.responsive-fs25{font-size: clamp(16px, 2.5vw, 25px);}
.responsive-fs26{font-size: clamp(16px, 2.6vw, 26px);}
.responsive-fs27{font-size: clamp(16px, 2.7vw, 27px);}
.responsive-fs28{font-size: clamp(17px, 2.8vw, 28px);}
.responsive-fs29{font-size: clamp(17px, 2.9vw, 29px);}
.responsive-fs30{font-size: clamp(17px, 3vw, 30px);}
.responsive-fs31{font-size: clamp(17px, 3.1vw, 31px);}
.responsive-fs32{font-size: clamp(18px, 3.2vw, 32px);}
.responsive-fs33{font-size: clamp(18px, 3.3vw, 33px);}
.responsive-fs34{font-size: clamp(18px, 3.4vw, 34px);}
.responsive-fs35{font-size: clamp(19px, 3.5vw, 35px);}
.responsive-fs36{font-size: clamp(19px, 3.6vw, 36px);}
.responsive-fs37{font-size: clamp(19px, 3.7vw, 37px);}
.responsive-fs38{font-size: clamp(20px, 3.8vw, 38px);}
.responsive-fs39{font-size: clamp(21px, 3.9vw, 39px);}
.responsive-fs40{font-size: clamp(22px, 4vw, 40px);}
.responsive-fs41{font-size: clamp(22px, 4.1vw, 41px);}
.responsive-fs42{font-size: clamp(23px, 4.2vw, 42px);}
.responsive-fs43{font-size: clamp(24px, 4.3vw, 43px);}
.responsive-fs44{font-size: clamp(25px, 4.4vw, 44px);}
.responsive-fs45{font-size: clamp(26px, 4.5vw, 45px);}
.responsive-fs46{font-size: clamp(27px, 4.6vw, 46px);}
.responsive-fs47{font-size: clamp(27px, 4.7vw, 47px);}
.responsive-fs48{font-size: clamp(28px, 4.8vw, 48px);}
.responsive-fs49{font-size: clamp(29px, 4.9vw, 49px);}
.responsive-fs50{font-size: clamp(30px, 5vw, 50px);}
.responsive-fs60{font-size: clamp(32px, 5vw, 60px);}
.responsive-fs65{font-size: clamp(35px, 5vw, 65px);}


.footerustbg{margin-bottom: -150px; background-color: white; border-radius: 50px;}

.haberbaslik{font-size: 22px;}

.istatistikbaslik{font-size: clamp(60px, 10vw, 100px); background: linear-gradient(180deg, #2c8ec4 0%, #96c23e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

@media(min-width: 1400px) {
  .haberbaslik{font-size: 30px;}
}


.uk-heading-bullet::before {
  content: "";
  display: inline-block;
  position: relative;
  top: calc(-.1* 1em);
  border-radius: 12px;
  vertical-align: middle;
  height: calc(10px + .7em);
  margin-right: calc(5px + .2em);
  border-left: calc(5px + .1em) solid #2c8ec4;
}

.uk-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 0;
  border-bottom: 0px solid #e5e5e5;
}



.social-icon{background: #ffffff99; color: #8fbe47}
.social-icon:hover{background: #fff; color: #2c8ec4}

.uk-text-white a {color: #fff !important}
.footerbg{background: linear-gradient(90deg, #96c23e 0%, #2c8ec4 100%);}

.accordion-border{
  border: solid 1px rgb(184, 184, 184);
  border-radius: 15px;
  padding: 15px 20px;
}

@media(min-width: 960px) {
  .accordion-border{
    padding: 30px 50px;
  }
}

.haberikon{background: #fff; width: 45px; height: 45px; line-height: 45px; padding: 0;}

.uk-accordion-title{
  font-size: 20px !important;
  font-weight: 300;
}


.gradient-button {
  background: linear-gradient(45deg, #2196F3, #4CAF50);
  color: white;
  padding: 15px 30px;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  background-size: 200% 200%;
  transition: all 0.5s ease;
}

.gradient-button:hover {
  background-position: right center;
  animation: gradient 1s ease infinite;
}
@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}


::selection {
  background: #8fbe47;
  color: #fff;
  text-shadow: none;
}


.uk-tab>*>a {
  text-transform: none;
}