@media (max-width:320px){
  .b30{bottom:0px !important}
  .fs18-ptitle{font-size: 16px;}
  .sondetaybg{ padding:30px 30px 30px 30px}
  .detay-gradient-pad{padding:30px 30px 30px 30px;}
  .gradient .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .gradient .detay-slogan-1{font-size:34px; line-height:34px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:64px; line-height:64px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:24px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 100px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:100px 30px 30px 30px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:24px; line-height:28px; color:#fff;}
  .gradient .uk-position-bdetay{position: relative;  padding-top: 50px;}
  .gradient .fs18-baglanti{font-size: 16px;}
  .gradient .detaylogow{width: 100px;}
  .detaygorsel{position: absolute; top:50px; right:0px}
  .detaygorselw{width: 150px;}


  .detay-turuncu-bg{background:#e86d19; padding:30px 30px 30px 30px;}
  .postion-absolute-detay{position:relative;}
  .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .detay-slogan-1{font-size:34px; line-height:34px; color: rgba(236, 180, 142, 0.88); padding-top:50px}
  .detay-slogan-2{font-size:64px; line-height:64px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:24px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 100px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:100px 30px 30px 30px; position: relative; }
  .detay-lacivert-slogan{font-size:24px; line-height:28px; color:#fff;}
  .uk-position-bdetay{position: relative; padding-top: 50px;}
  .fs18-baglanti{font-size: 16px;}
  .detaylogow{width: 100px;}
}

@media (min-width:321px){ 
  .sondetaybg{ padding:30px 30px 30px 30px}
  .detay-gradient-pad{padding:50px 30px 50px 30px;}
  .gradient .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .gradient .detay-slogan-1{font-size:34px; line-height:34px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:64px; line-height:64px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:24px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 100px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:100px 30px 50px 30px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:24px; line-height:28px; color:#fff;}
  .gradient .uk-position-bdetay{position: relative;  padding-top: 50px;}
  .gradient .fs18-baglanti{font-size: 16px;}
  .gradient .detaylogow{width: 100px;}
  .detaygorsel{position: absolute; top:50px; right:0px}
  .detaygorselw{width: 150px;}


  .detay-turuncu-bg{background:#e86d19; padding:50px 30px 50px 30px;}
  .postion-absolute-detay{position:relative;}
  .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .detay-slogan-1{font-size:34px; line-height:34px; color: rgba(236, 180, 142, 0.88); padding-top:50px}
  .detay-slogan-2{font-size:64px; line-height:64px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:24px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 100px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:100px 30px 50px 30px; position: relative; }
  .detay-lacivert-slogan{font-size:24px; line-height:28px; color:#fff;}
  .uk-position-bdetay{position: relative; padding-top: 50px;}
  .fs18-baglanti{font-size: 16px;}
  .detaylogow{width: 100px;}
}

@media(min-width:640px){
  .sondetaybg{ padding:30px 50px 30px 50px}
  .detay-gradient-pad{padding:120px 50px 80px 50px;}
  .gradient .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .gradient .detay-slogan-1{font-size:40px; line-height:40px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:100px; line-height:100px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:30px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 100px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:135px 50px 80px 50px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:28px; line-height:30px; color:#fff;}
  .gradient .uk-position-bdetay{position: relative;  padding-top: 50px;}
  .gradient .fs18-baglanti{font-size: 18px;}
  .gradient .detaylogow{width: 150px;}
  .detaygorsel{position: absolute; top:50px; right:0px}
  .detaygorselw{width: 150px;}


  .detay-turuncu-bg{background:#e86d19; padding:120px 50px 80px 50px;}
  .postion-absolute-detay{position:relative;}
  .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .detay-slogan-1{font-size:40px; line-height:40px; color: rgba(236, 180, 142, 0.88); padding-top:15px}
  .detay-slogan-2{font-size:100px; line-height:100px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:30px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 100px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:135px 50px 80px 50px; position: relative; }
  .detay-lacivert-slogan{font-size:28px; line-height:30px; color:#fff;}
  .uk-position-bdetay{position: relative; padding-top: 50px;}
  .fs18-baglanti{font-size: 18px;}
  .detaylogow{width: 150px;}
}

@media(min-width:960px){
  .sondetaybg{ padding:30px 50px 30px 50px}
  .detay-pl100{padding-left: 50px !important;}
  .detay-gradient-pad{padding:180px 50px 80px 110px;}
  .gradient .detay-slogan{font-size:16px; line-height:20px; padding-right:50px}
  .gradient .detay-slogan-1{font-size:40px; line-height:40px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:100px; line-height:100px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:30px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 100px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:135px 50px 100px 50px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:28px; line-height:30px; color:#fff;}
  .gradient .uk-position-bdetay{position: absolute; bottom:80px}
  .gradient .fs18-baglanti{font-size: 18px;}
  .gradient .detaylogow{width: 150px;}
  .detaygorsel{position: absolute; top:140px; right:-100px}
  .detaygorselw{width: 230px;}


  .detay-turuncu-bg{background:#e86d19; padding:120px 50px 80px 50px;}
  .postion-absolute-detay{position:relative;}
  .detay-slogan{font-size:16px; line-height:20px; padding-right:0px}
  .detay-slogan-1{font-size:40px; line-height:40px; color: rgba(236, 180, 142, 0.88); padding-top:15px}
  .detay-slogan-2{font-size:100px; line-height:100px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:30px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 100px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:135px 50px 50px 50px; position: relative; }
  .detay-lacivert-slogan{font-size:28px; line-height:30px; color:#fff;}
  .uk-position-bdetay{position: absolute; bottom:80px}
  .fs18-baglanti{font-size: 18px;}
  .detaylogow{width: 150px;}
}

@media(min-width:1200px){
  .b30{bottom:20px}
  .fs18-ptitle{font-size: 18px;}
  .sondetaybg{ padding:30px 50px 30px 50px}
  .detay-pl100{padding-left: 50px !important;}
  .detay-gradient-pad{padding:180px 50px 80px 100px;}
  .gradient .detay-slogan{font-size:16px; line-height:20px; padding-right:50px}
  .gradient .detay-slogan-1{font-size:70px; line-height:70px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:144px; line-height:144px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:32px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 120px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:165px 50px 100px 50px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:30px; line-height:32px; color:#fff;}
  .gradient .uk-position-bdetay{position: absolute; bottom:80px}
  .gradient .fs18-baglanti{font-size: 18px;}
  .gradient .detaylogow{width: 150px;}
  .detaygorsel{position: absolute; top:100px; right:-100px}
  .detaygorselw{width: 280px;}


  .detay-turuncu-bg{background:#e86d19; padding:120px 50px 80px 50px;}
  .postion-absolute-detay{position:absolute;}
  .detay-slogan{font-size:16px; line-height:20px; padding-right:50px}
  .detay-slogan-1{font-size:70px; line-height:70px; color: rgba(236, 180, 142, 0.88); padding-top:15px}
  .detay-slogan-2{font-size:144px; line-height:144px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:32px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 100px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:135px 50px 50px 50px; position: relative; }
  .detay-lacivert-slogan{font-size:30px; line-height:32px; color:#fff;}
  .uk-position-bdetay{position: absolute; bottom:80px}
  .fs18-baglanti{font-size: 18px;}
  .detaylogow{width: 150px;}
}

@media(min-width:1400px){
  .sondetaybg{ padding:50px 100px 50px 100px}
  .detay-pl100{padding-left: 80px !important;}
  .detay-gradient-pad{padding:180px 80px 120px 160px;}
  .gradient .detay-slogan{font-size:18px; line-height:22px; padding-right:50px}
  .gradient .detay-slogan-1{font-size:80px; line-height:80px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:154px; line-height:154px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:42px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 120px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:165px 80px 100px 80px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:32px; line-height:36px; color:#fff;}
  .gradient .uk-position-bdetay{position: absolute; bottom:120px}
  .gradient .fs18-baglanti{font-size: 18px;}
  .gradient .detaylogow{width: 150px;}
  .detaygorsel{position: absolute; top:100px; right:-150px}
  .detaygorselw{width: 350px;}

  .detay-turuncu-bg{background:#e86d19; padding:150px 80px 100px 80px;}
  .postion-absolute-detay{position:absolute;}
  .detay-slogan{font-size:18px; line-height:22px; padding-right:50px}
  .detay-slogan-1{font-size:80px; line-height:80px; color: rgba(236, 180, 142, 0.88); padding-top:5px}
  .detay-slogan-2{font-size:154px; line-height:154px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:42px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 120px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:165px 100px 80px 100px; position: relative; }
  .detay-lacivert-slogan{font-size:32px; line-height:36px; color:#fff;}
  .uk-position-bdetay{position: absolute; bottom:100px}
  .fs18-baglanti{font-size: 18px;}
  .detaylogow{width: 150px;}
}

@media(min-width:1600px){
  .sondetaybg{ padding:50px 100px 50px 100px}
  .detay-pl100{padding-left: 100px !important;}
  .detay-gradient-pad{padding:180px 100px 120px 180px;}
  .gradient .detay-slogan{font-size:18px; line-height:22px; padding-right:100px}
  .gradient .detay-slogan-1{font-size:90px; line-height:90px; color: rgba(145, 145, 146, 0.88);  padding-top:5px}
  .gradient .detay-slogan-2{font-size:174px; line-height:174px; color: rgba(145, 145, 146, 0.30); }
  .gradient .detay-slogan-3{font-size:52px; line-height:5px; color: #023b7d;}
  .gradient .slogan-cizgi{width: 120px; height: 4px; background:#e86d19 ;}
  .gradient .detay-lacivert-bg{padding:165px 100px 100px 100px; position: relative; }
  .gradient .detay-lacivert-slogan{font-size:34px; line-height:38px; color:#fff;}
  .gradient .uk-position-bdetay{position: absolute; bottom:120px}
  .gradient .fs18-baglanti{font-size: 18px;}
  .gradient .detaylogow{width: 150px;}
  .detaygorsel{position: absolute; top:100px; right:-150px}
  .detaygorselw{width: 400px;}


  .detay-turuncu-bg{background:#e86d19; padding:150px 100px 100px 100px;}
  .postion-absolute-detay{position:absolute;}
  .detay-slogan{font-size:18px; line-height:22px; padding-right:80px}
  .detay-slogan-1{font-size:90px; line-height:90px; color: rgba(236, 180, 142, 0.88); padding-top:5px}
  .detay-slogan-2{font-size:174px; line-height:174px; color: rgba(255, 255, 255, 0.14);}
  .detay-slogan-3{font-size:52px; line-height:5px; color: rgba(236, 180, 142, 0.88);}
  .slogan-cizgi{width: 120px; height: 4px; background:#002959 ;}
  .detay-lacivert-bg{padding:165px 100px 100px 100px; position: relative; }
  .detay-lacivert-slogan{font-size:34px; line-height:38px; color:#fff;}
  .uk-position-bdetay{position: absolute; bottom:100px}
  .fs18-baglanti{font-size: 18px;}
  .detaylogow{width: 150px;}
}

.text-lac{color: #002959;}
.text-lac2{color: #023a7b;}
.gri-gradientbg{background: rgb(236,237,237);
  background: radial-gradient(circle at left, rgba(236,237,237,1) 0%, rgba(202,202,202,1) 53%);
  }
.fontpopins{font-family: 'Poppins' !important;}


/* poppins-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/poppins-v22-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts/poppins-v22-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/poppins-v22-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('/fonts/poppins-v22-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/poppins-v22-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/poppins-v22-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/poppins-v22-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/poppins-v22-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/poppins-v22-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/poppins-v22-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/poppins-v22-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/poppins-v22-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/poppins-v22-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/poppins-v22-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/poppins-v22-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/poppins-v22-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/poppins-v22-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/poppins-v22-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}