@charset "utf-8";
/* CSS Document */
 
@import '../fonts/fonts.css';
@import '../font-awesome/css/font-awesome.css';
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;}


html,body{ padding:0px; margin:0px;height:100%;min-height:100%; }
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video,hr
{margin: 0; padding: 0; border: 0; }
button{cursor: pointer;}


body{min-width:1064px; }

.pull-left{float: left !important;}
.pull-right{float: right !important;}
.row {    width: 100%;    min-height: 5px}

.container {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 1064px;}

.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}


a{text-decoration: none;}

ul{padding: 0px; margin: 0px;}
hr{border: 0;}

a,a:hover{text-decoration: none;}
*:focus {
    outline: none;
	outline: 0;
}

#page{}

 /************************/
.body-bg{background:url("../pageFile/sayfaBg.jpg") repeat;}


.pirlanta-box{max-width: 960px; float: none; display: table; margin: 0 auto;}
.pirlanta-aciklama{font: 24px 'Gilroy-Regular'; color: #754040;text-align: center;margin-bottom:24px;}
.pirlanta-aciklama span{font-family: 'Gilroy-Bold';}

.ust-str{height: 100px; background: url("../pageFile/logo.svg") no-repeat center; padding: 50px 0; background-size: 210px;}
 
.katilim-sart-aciklama{font: 18px 'Gilroy-Regular'; color: #754040;text-align: left;margin-bottom:24px;}
.katilim-sart-aciklama span{font-family: 'Gilroy-Bold';}

.gonderi-bilgi-str{display: flex; justify-content: space-between;  font: 18px 'Gilroy-Regular'; color: #754040; text-align: center;  }
.gonderi-bilgi-str a{color: #fff;}
.gonderi-bilgi-str span{font-family: 'Gilroy-Bold';}

.gonderi-bilgi-sol-stn{padding: 16px; border: 1px solid  #754040;background-color: #644f43;
    font: 18px 'Gilroy-Regular';
    padding: 13px;
    color: #fff;}
.gonderi-bilgi-sag-stn{padding: 16px; border: 1px solid  #754040;background-color: #644f43;
    font: 18px 'Gilroy-Regular';
    padding: 13px;
    color: #fff;}





.gonderi-instagram-str{display: flex; justify-content:center;  font: 18px 'Gilroy-Regular'; color: #754040; text-align: center; margin-bottom: 60px;margin-top: 30px; }
.gonderi-instagram-str a{color: #fff;}
.gonderi-instagram-str span{font-family: 'Gilroy-Bold';}

.gonderi-instagram-sol-stn{padding: 16px; border: 1px solid  #754040;background-color: #644f43;
    font: 18px 'Gilroy-Regular';
    padding: 13px;
    color: #fff;}
.gonderi-instagram-sag-stn{padding: 16px; border: 1px solid  #754040;background-color: #644f43;
    font: 18px 'Gilroy-Regular';
    padding: 13px;
    color: #fff;}








.ara-cizgi-str{background: url("../pageFile/elmas-img.svg") no-repeat center; height:92px;  padding: 0; margin: 0; }
.ara-cizgi-str {
  overflow: hidden;
  text-align: center;
}

.ara-cizgi-str:before,
.ara-cizgi-str:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.ara-cizgi-str:before {
  right: 3em;top: 30px;
  margin-left: -50%;
}

.ara-cizgi-str:after {
  left: 3em;top: 30px;
  margin-right: -50%;
}

.video-box{border: 6px solid #644f43;margin: 64px 0;}

.soru-title{font: 92px 'Smythe';color: #634e42;text-align: center;}

.soru-str{margin: 36px 0 64px;}
.soru-box{background-color: #644f43; color: #fff; font: 18px 'Gilroy-Regular';padding: 14px 14px;}






.cevap-dis-box{margin-top: 36px; }
.cevap-stn{width: 100%; margin-right: 24px; display: flex; justify-content: space-between;  }
.cevap-box{margin-bottom: 12px; flex-basis: 24%;}

.cevap-box input{ 
	display: none;
}

.cevap-box label{padding: 6px 0;width: 100%;
	position: relative;padding: 14px;
	color: #242424;
	background-color: #af9b6e;
	font: 18px 'Gilroy-Bold';
	text-align: center;
	height: auto;
	line-height: 26px;
	display: block;
	cursor: pointer;
 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cevap-box input:checked +   label {
	border: 0px solid #333;
	   background: rgb(201,168,81);
 
}

 

.katilimci-title{font: 92px 'Smythe';color: #634e42;text-align: center;margin-bottom: 54px;}

.label-form{background-color: #644f43;font: 18px 'Gilroy-Regular';padding: 13px; color: #fff;}





.form-bolum-bg{min-height: 608px; background: url("../pageFile/form-satir-bg.jpg") no-repeat center; background-size: cover;}

.form-bolum-stn{ float: none; display: table;margin: 0 auto 24px;max-width: 960px; }
 

.form-btn-stn{float: none;display: table; margin: 0 auto;width: 100%; max-width: 210px; }

 




























.tarih-box{width: 314px;height: 66px;margin-top: 66px;}
.kirk-yil-img{max-width: 268px;height:196px;  }


.form-randevu-str{margin:  0 0 24px;}
.form-randevu-stn{float: none;display: table; margin: 0 auto;}


.hayal-slogan{width: 100%;max-width: 402px;height: auto;float: none; display: table;margin:0 auto;}

.resim-aciklama{font: 14px 'Gilroy-Regular';}

.form-randevu-btn{padding: 7px 24px; background-color: #38bbe5; border: 1px solid  #38bbe5;font: 24px 'Montserrat-ExtraBold';color: #fff;text-align: center;border-radius: 21.5px;-webkit-border-radius: 21.5px;-moz-border-radius: 21.5px;-webkit-transition: all .2s ease;    transition: all .2s ease}
.form-randevu-btn:hover{ background-color: #fff; color: #38bbe5;-webkit-transition: all .2s ease;    transition: all .2s ease }


.hayal-video-str{max-width: 450px;float: none;display: table; margin: 0 auto 24px; }
.hayal-video-str iframe{border-radius: 15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.form-gonder-btn{padding: 12px 24px;width: 100%; background-color: #644f43;font:20px 'Gilroy-Regular';color: #fff;text-align: center; -webkit-transition: all .2s ease;    transition: all .2s ease; border: 1px solid #644f43; }
.form-gonder-btn:hover{  background-color: #fff; color: #644f43; -webkit-transition: all .2s ease;    transition: all .2s ease}


.form-blok-aciklama{font: 14px 'Gilroy-Regular'; color: #666665;text-align: center;padding-bottom: 12px;}

.form-answer-aciklama{padding: 64px 0; font: 24px 'Gilroy-Regular'; color: #fff;text-align: center}
.geri-link{font: 24px 'Gilroy-Regular'; color: #fff;text-align: center;text-decoration: underline;}
.alt-dortlu-str{}
.alt-dortlu-img{width: 100%;height: auto;}
.alt-dortlu-box{width: calc(25% - 38px); margin-right: 50px;}
.alt-dortlu-box:nth-child(4n){margin-right: 0;}
/**************/
.custom-checkbox { cursor: pointer; display:block;   line-height: 26px; margin: 0 0 20px; padding: 0 0 0 40px; position: relative; font: 14px 'Gilroy-Regular'; color: #000;}

.custom-checkbox input[type="checkbox"] { display: none; }

.custom-checkbox span.checkbox { background-color: #fff; border: solid 1px #cccccc;   cursor: pointer; display: block; height: 22px; margin: 0px; position: absolute; left: 0; top: 0px; width: 22px; }

.custom-checkbox input[type='checkbox']:checked + span.checkbox { background: #644f43; border-color: #38bbe5; text-align:center; }

.custom-checkbox input[type='checkbox']:checked + span.checkbox:before { content:"\f00c"; color:#fff; font: normal normal normal 16px/1 FontAwesome;position: absolute; left: 2px; top: 2px;}
 
.custom-checkbox a{color: #000;text-decoration: underline;}

.adres-text {height: 94px;}



.overlay,.overlay2,.overlay3,.overlay4,.overlay5,.overlay6,.overlay7,.overlay8 {
   height: 100%; 
     -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
  width: 100%;
  display: block;
  position: fixed;
  z-index: 99999999;overflow-y: auto;
  top: 0;
  left: 0;
 
  background-color: rgba(237,28,36,.87);
}
.overlay3{  background-color: rgba(209,11,36,.87);overflow-x: hidden;overflow-y: auto;}
.overlay-content,.overlay2-content,.overlay3-content,.overlay4-content,.overlay5-content,.overlay6-content,.overlay7-content,.overlay8-content,.overlay-uyari-content {
  position: relative;
  top: 38%;
  width: 40%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}
.overlay2-content{width: 62%; top: 20%;}
.overlay3-content{top:9%;}
.overlay4-content{width: 70%; top: 20%;}
.overlay5-content{top:18%;}
.overlay7-content{top:8%;}
.overlay .closebtn,.overlay2 .closebtn,.overlay3 .closebtn,.overlay4 .closebtn,.overlay5 .closebtn,.overlay6 .closebtn,.overlay7 .closebtn,.overlay8 .closebtn{
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay2 input.bosAlan,.overlay3 input.bosAlan,.overlay4 input.bosAlan,.overlay5 input.bosAlan,.overlay6 input.bosAlan,.overlay7 input.bosAlan,.overlay8 input.bosAlan{padding: 0 !important;margin: 0 !important;width: 0 !important; height: 0 !important;}
.overlay .closebtn:hover,.overlay2 .closebtn:hover,.overlay3 .closebtn:hover,.overlay4 .closebtn:hover,.overlay5 .closebtn:hover,.overlay6 .closebtn:hover ,.overlay7 .closebtn:hover ,.overlay8 .closebtn:hover{
  color: #ccc;
}

.overlay input[type=text],.overlay2 input[type=text],.overlay3 input[type=text]  {
 height:36px;
 
  border: none;
  float: left;font-family: 'Montserrat-Light';
  width: 86%;
  background: white;
}


.overlay2 input[type=text],.overlay3 input[type=text],.overlay4 input[type=text],.overlay5 input[type=text],overlay6 input[type=text]{width: 100%;height: 36px;}  
.overlay3 select{  padding: 15px;height: 36px;}
.overlay input[type=text]:hover,.overlay2 input[type=text]:hover,.overlay3 input[type=text]:hover {
  background: #f1f1f1;
}
 

.overlay button,.overlay2 button,.overlay3 button,.overlay4 button,.overlay5 button,.overlay6 button {
  float: left;
  width: auto;
  padding: 15px;
  background: #f1f1f1;
  font-size: 17px;
 
  cursor: pointer;
}

.overlay button:hover,.overlay2 button:hover,.overlay3 button:hover,.overlay4 button:hover,.overlay5 button:hover,.overlay6 button:hover {
  background: #bbb;
}


.overlay3-content{width: 100%;}
/*****************************************************************************/

.overlay-uyari{  height: 100%;    -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;  width: 100%;  display: block;
  position: fixed;  z-index: 900000;overflow-y: auto;  top: 0;  left: 0;  background-color: rgba(209,11,36,.50);}


.overlay-uyari .closebtn{  position: absolute;  top: -18px;  right: 6px;  font-size: 60px;  cursor: pointer;  color: #000000;}
.overlay-uyari-content{width: 500px; margin: 0 auto; background-color: #fff; padding: 32px; font: 15px 'Montserrat-Light';}

/*******************************/

textarea,select,input[type="text"]{width:100%;height:48px;border: 1px solid #eeeeee;padding-left: 24px; font: 15px 'Gilroy-Regular'; background-color: #fff;  color: #707070;border: 1px solid #d5cab2; }
select{height:48px;padding-right: 34px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
padding-right: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Gilroy-Regular';
    background: url(../pageFile/selectOk.svg) no-repeat 94% center, #fff;
    background-size: 12px;

}
label.iletisim-label{font:13px 'Montserrat-Regular'; color: #5a6771;    line-height: 36px;}
textarea{padding-top: 10px;}
 
select.iletisim{	background: url(../images/page/selectOk.svg) no-repeat 96% center,#fff;background-size: 16px 8px;}
 
label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute;left: 0;padding-left: 28px;width: 128px; height: 52px;background: url(../images/page/cvBtnBg.png) no-repeat;color:#fff;line-height: 52px;cursor: pointer;}
span.cvName{position: absolute;width:calc(100% - 158px);height: 52px; padding-left: 10px;font:13px 'GothamNarrow-Light'; line-height: 52px; background-color: #fff;color: #fff;left: 158px;background-color: transparent;}
 
button.gonder{position: absolute; right: 0; background: url(../images/page/gonderBtn-bg.png) no-repeat;color: #fff; width:142px; height: 52px;}

button.gonder-iletform{   background: url(../images/page/gonderBtn-bg.png) no-repeat;color: #fff; width:142px; height: 52px;}

.pull-left{float: left !important;}
.pull-right{float: right !important;}
.dis-tab{display: table !important;}
.ver-mid{display: table-cell !important;vertical-align: middle;}

.mb-36{margin-bottom: 36px !important;}
.mr-0{margin-right: 0 !important;}
.mt-134{margin-top: 134px !important;}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

 
 




* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 


.on_izleme_hata {
	position: absolute;
	font: 9pt Arial;
	min-width: 200px;
	height: auto;
	width: auto;
	padding: 0 10px;
	min-height: 30px;
	left: 30%;
	top: -35px;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: linear-gradient(180deg, #F70505 5%, #8F0808 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70505', endColorstr='#8F0808');
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 2px 10px 0 #616161;
	-moz-box-shadow: 0 2px 10px 0 #616161;
	box-shadow: 0 2px 10px 0 #616161;
	display: table
}



.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
    .google-maps {
        position: relative;
        padding-bottom: 75%;  
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.on_izleme_hata p {
	display: table-cell;
	vertical-align: middle
}
.on_izleme_hata:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	border-style: solid;
	border-width: 7px 9px 0;
	border-color: #8f0808 transparent;
	display: block;
	width: 0;
	z-index: 1
}

.shadow-menu{
-webkit-box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
}

 


.radius-5{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.radius-26{-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius:26px;}


.modal-form-text{font: 18px 'neubau-light';text-align: left;}
/***********************/
.row.modalbtn{margin-top: 15px;}
.modal-container{position: relative; float: left; width:100%; min-height: 450px; box-sizing: border-box;text-align: left;font: 18px 'neubau-light';}
.modal-logo{width: 100%; height: 90px; background: url(../images/page/modalLogo.svg)no-repeat center;margin-bottom: 24px;}
h2.modal {font: 36px 'neubau-bold';color: #262626; text-align: center;margin-bottom: 36px;}
h5.modal{font:18px 'neubau-bold';}

p.modal{font: 18px 'neubau-light'; }

ul.modal{list-style-type: none;}
ul.modal li.modal{padding-left: 0px;}

.ui-select{width: 100%}
/* This is to remove the arrow of select element in IE */
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
@-moz-document url-prefix(){
	.ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select { width: 110%; background-position: right 30px center !important; border: none !important;}
}
 
/**************************/
 



 
.container-modal{position: relative;min-width: 100%;height: auto;margin-left: auto;margin-right: auto;width:100%;}
 
.inputDiv{width: 100%;}
.inputDiv,.inputDiv-2{margin-bottom: 12px;}

.inputDiv-2{width: calc(50% - 7px); margin-right: 14px;}
.inputDiv-2:nth-child(2n){margin-right: 0;}
.w100{width: 100%;}
.imgBox{width: 100%;height: auto;}
.imgBox img{  display: block;}
 

.pageBg{background-color: #b3d5d7;}

 



/*********************************************************************************************************************/
  /* Preloader */
#preloader {display: none;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.58);
	z-index:99999; /* makes sure it stays on top */
}


.loading {position: relative;top: 50%; margin-top: -40px;
  display: flex;
  justify-content: center;
}
.loading div {
  width: 1rem;
  height: 1rem;
  margin: 2rem 0.3rem;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: 0.9s bounce infinite alternate;
          animation: 0.9s bounce infinite alternate;
}
.loading div:nth-child(2) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.loading div:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -1rem, 0);
  }
}

@keyframes bounce {
  to {
    opacity: 0.3;
    transform: translate3d(0, -1rem, 0);
  }
}

 
/*********************************************************************************************************************************************/


 

/****/
 .styled-checkbox.bulten-check {
display: none;
}
.styled-checkbox.bulten-check + label {
    position: relative;
}

label.checkbox.bulten-check{    margin: 0 8px 0 14px;
    line-height: 14px;font: 13px 'Montserrat-Light';color: #fff;
    content: '';
    display: inline-block;}
 

.styled-checkbox.bulten-check + label:before,
.lt-ie8 .checkbox-replacement {    content: '';position: absolute;    left:-10px; top: -4px;    width: 24px;    height: 22px;    margin: 0 8px 0 -12px;    line-height:24px;    text-align: center;
    /* Put checkbox styles here: */
    border: 1px solid #fff;-webkit-border-radius: 8px;    -moz-border-radius: 8px;    border-radius: 8px;}
.styled-checkbox:checked + label:before,
.lt-ie9 .styled-checkbox.checked + label:before {
    content: '✔';
	color: #fff;
 
}

input[type="text"].ebulten { height: 54px;-webkit-border-radius:27px;    -moz-border-radius: 27px;    border-radius: 27px;
    border: 1px solid #fff;
    background-color: #fff;
    font: 14px 'Montserrat-Light';
    color: #fff;
}

.btn-ebulten{height: 54px;-webkit-border-radius:27px;    -moz-border-radius: 27px;    border-radius: 27px;
 width: 100%;text-align: right; padding-right: 30px;
    background-color: #ed1c24;
    font: 14px 'Montserrat-Light';
    color: #fff; border: 1px solid #ed1c24;}
.transparent::-webkit-input-placeholder { color: #fff;}
.transparent::-moz-placeholder { color: #fff;}
.transparent:-ms-input-placeholder {  color: #fff;}
/************************************/


   

 


 

.clearfix{overflow: auto;}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}    
/**********************/
  
/*************************************************************************************************************/

.iframe-container {  overflow: hidden;  padding-top: 56.25%;  position: relative;} 
.iframe-container iframe {  position: absolute;  top: 0;  left: 0;  border: 0;  width: 100%;  height: 100%;}
/*************************************************************************************************************/
  
   


 
 
 


 

/*******************************************************************************/
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}

 
 
 

.box-shadow-serit{-webkit-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.45);
-moz-box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.45);
box-shadow: inset 0px 10px 20px 0px rgba(0,0,0,0.45);}
 
.radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
 



.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
 @media (min-width: 1281px)
{
  
     
       .mobil-header{display: none !important;}
 
}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{
       .mobil-header{display: none !important;}
 
 
    
}
 
@media (min-width: 871px) and (max-width: 1024px) 
{ body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    /*************/
    .ust-str{width: 100%; padding-left: 0;padding-right: 0;}
          .mobil-header{display: none !important;}
    .mobil-logo{display: none;}
    .form-bolum-stn{max-width: 450px;}
 
 
}

 
 

 

@media (min-width: 481px) and (max-width: 870px) 
{
     

body{min-width: 100%; }
 
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
 
    .inputDiv-2{width: 100%; margin-right: 0;}
        .ust-str{width: 100%; padding-left: 0;padding-right: 0;}
    .logo{float: none; display: table; margin: 0 auto 24px;}
    .kirk-yil-img{float: none; display: table; margin: 0 auto 24px;}
    .tarih-box{width: 100%;max-width: 364px; display: table; float: none; margin: 0 auto 24px;}
    .inputDiv-2{width: 100%; margin-right: 0;}
    
    .alt-dortlu-box{width: 80%;margin: 0 10% 0 10%}
    .form-bolum-stn{display: table;position: relative; float: none;width: 100%; max-width: 450px;margin: 0 auto;}

 
    
    .overlay2-content{width: 90%;  }
 
    
    .overlay2-content{width: 90%;  }
    
        /********************/
    #jcl-demo-hbr a.next.hbr{top:-80px !important;}
    #jcl-demo-hbr a.prev.hbr{top: -102px !important; }
    
 
    
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}

 
 
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%; }
 
    
    .cevap-stn{flex-direction: column;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
    .ust-str{width: 100%; padding-left: 0;padding-right: 0;}
    .logo{margin-top: 400px;}
    .kirk-yil-img{float: none; display: table; margin: 0 auto 24px;}
    .tarih-box{width: 100%;margin-bottom: 24px;margin-top: 0;}
    .inputDiv-2{width: 100%; margin-right: 0;}
    
    
    .gonderi-bilgi-str{flex-direction: column;}
    .gonderi-bilgi-sol-stn{margin-bottom: 24px;}
    
    .modal-content{padding:64px 24px 24px 24px !important;}
    
    
    .alt-dortlu-box{width: 80%;margin: 0 10% 0 10%}
    .form-bolum-stn{display: block;position: relative; float: left;width: 100%; max-width: 100%;}
    .form-bolum-stn::before{display: none;}
 .form-bolum-stn::after{display: none;}
 
    
    .overlay2-content{width: 90%;  }
    
        /********************/
    #jcl-demo-hbr a.next.hbr{top:-80px !important;}
    #jcl-demo-hbr a.prev.hbr{top: -102px !important; }
    
 
    
    
 
    .mobil-header{display: block !important;}
    .desk-header{display: none;}

 
 }