body{
  margin:0;
    padding:0;
    color: black;
    font-family: Prompt-Regular;
    /* background-color: #00B0F0; */
    /* background-image: url('../img/1.jpg');  */
    background-color: #5e5d5d;
    } 
  
    p, .alert{
      text-align:justify;
    }
    @font-face {
      font-family: Prompt-Medium;
      src: url(../font/Prompt-Medium.ttf);
      }
      @font-face {
      font-family: Prompt-Regular;
      src: url(../font/Prompt-Regular.ttf);
      }
      @font-face {
        font-family: Century-Gothic-Regular;
        src: url(../font/Century-Gothic-Regular.ttf);

        }
      @font-face{
        font-family: 'CenturyGothicBold';
        src: url('../font/CenturyGothicBold.ttf');
        font-weight: 700;
        font-style: normal;
    }

    /* reklam başlık*/

  .x{
    height:30px;
    line-height:30px;
    position: relative;
    text-align: center;
    color: #ccc;
  }
  .x hr{    
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: +1px;
    left: 0;
    z-index: -2; 
    border-color: #ccc;

  }
  .x p{

    margin: 0;
    padding:0;
  }
  p.hr{    
    font-family:  'Century-Gothic-Regular';
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    background-color:#5e5d5d;
    z-index: -1;
    position: relative;
    font-size:0.6em;
    color: #ccc;
  }
    .btn-dark{
      color:#f4f4f4;
      background: #000;
    }
    .bg-orange{
      background-color: orange;
    }
    .fa-chevron-circle-left{
      color: #ffc107;
     font-size: 3em;
    }
    .fa-chevron-circle-right{
      color:  #ffc107;
      font-size: 3em;
    }

    .bg-menu{
      background-color: rgb(30, 55,68);
      font-family:CenturyGothicBold;
  }
  .fa-info-circle{
    font-size: 1.5em;
    color: dodgerblue;
  }

.footer-copyright{
  font-size: 0.75em;
}
.logo{
  margin: 0;
  padding:0;
  font-size:2.3em;
  font-family: Prompt-Medium ;
 
}
.test-buton{
  width: 100%;
  background-color: #06031e;


}

#sorular{
 height: auto;
}

h3, h6, h5, h4{
  font-family: CenturyGothicBold;
}

li{
  font-size: 1em;
}
.font-11{

font-size: 0.75em;

}
.font-icon{
  font-size: 1.2em;
}

hr{
  margin: 3px;
  padding: 2px;
    }
@media (min-width:240px) and (max-width:1024px){
  #sorular{
    min-height: 300px;
  }
  .logo{
    margin: 0;
    padding:0;
    font-size:2.0em;
    font-family: Prompt-Medium ;
   
  }
  .font-11{
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 999;
  }
  .ust_buton{
    position: -webkit-sticky;
    position: sticky;
    top: 95px;
    z-index: 999;
    
  }
  .harita{
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 999;
  }
  .gizle {
    overflow:hidden; 
    width:0; 
    height:0;
    visibility: hidden;
  }
  /* th{
    overflow:hidden; 
    width:0; 
    height:0;
    visibility: hidden;

  } */

  button{
    padding: 0;
  }
  th{
    font-size: 0.90em;
  }
  td{
    font-size: 0.85em;

  }
  .rakam{
    font-size: 1em;
    font-weight: 600;
  }
  li{
    font-size: 0.9em;
  }

 
  /* h3{
  font-size: 1.1em;
 
  } */
  a, p,{
    font-size: 0.9em;
  }
  /* h6{
    font-size: 0.95em;
    font-weight: 500;
  } */
  .alert{
    font-size: 0.88em;
  }
  video {
    width: 100%;
    height: auto;
  }
  footer{
    font-size: 0.95em;
   }
   .alert{
    margin:5px 0 5px 0;
  }
   form{
    width:100%;
    padding:6px;
    margin-top:10px;
    }
    .buton-2{
      width: 100%;
      margin: 5px 0 5px 0;
    }
    form input{
      margin: 6px 0 6px 0;
    }
    form select{
      margin: 6px 0 6px 0;
    }

  .btn{

    padding: 6px 11px;
    font-size: 1em;
  }
  form .btn{
    padding: 7px 12px;
    font-size: 1em;
    color: #fff;
    border: none;
    
  }  
}
@media (min-width:1024px) and (max-width:2560px){

  .w-80{
    max-width: 85%;
    height: auto;   
  }
  .w-90{
    max-width: 90%;
    height: auto;   
  }
  .w-70{
    max-width: 70%;
    height: auto;   
  }
  .rakam{
    font-size: 2em;
    font-weight: 600;
  }
  .font-11{
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 998;
    
  }
  .ust_buton{
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
    z-index: 999;
    
  }
  .harita{
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 999;
  }
  /* h3{
    font-size: 1.4em;
  } */
  li{
    font-size: 1em;
   
   
  }
  a{
    font-size: 1.05em;
  
  }
  .alert{
    font-size: 1em;
  } 

  /* h6{
    font-size: 1.1em;
    font-weight: 400;
  } */
  video {
    width: 100%;
    height: auto;
  }
  footer{
    font-size: 0.95em;
  }

  form{
  width:80%;
  padding:6px;
  margin-top:10px;
  }

  .buton-2{
    width: 100%;
    margin: 5px 0 5px 0;
  }
  .alert{
    margin:5px 0 5px 0;
  }
  form input{
    margin: 6px 0 6px 0;
  }
  form select{
    margin: 6px 0 6px 0;
  }
  .btn{
    /* padding: 4px 10px; */
    font-size: 1em;
    
  }

  .form .btn{
    border: none;
    color: #fff;
    
  }  
a, p, td, .alert,th{
  font-size: 0.9em;
}

  }