@media(min-width: 1270px){

  .container{width: 1110px ; padding: 0}

   .carousel-control-next, .carousel-control-prev{visibility: visible;}

  #beratKolejDetayCarousel .carousel-caption {

    top: 237px !important;

  }



}

@media (min-width: 1400px) and (max-width: 1500px){

.carousel-control-next{right:9%;}

.carousel-control-prev{left:9%;}



}

@media (min-width: 1270px) and (max-width: 1400px){

  .kurumsal .cd-nav-trigger{top:40px;}

.carousel-control-next{right:4%;}

.carousel-control-prev{left:4%;}

 .menu{padding: 10px 7%; margin-top:10px;}

.kurumsal{background-position: 40% top;}

}

@media (min-width: 992px) and (max-width: 1270px){



   .kurumsal .cd-nav-trigger{top:40px;}

    .menu{padding: 10px 7%; margin-top:10px;}

  #beratKolejCarousel{height: 580px;}

  .carousel-caption h5,.carousel-caption p{text-align: center;}

   #projeler{ width:100%;}

   .container{    width: 100% !important; max-width: 100% !important;}

   .projeKutu{width: 100%;}

   .kutular{margin: -80px 60px 0px 60px; }

/*.kutular {    margin: -80px 0px 0px 0px; }*/

.projeKutu {margin-bottom: 40px !important;    overflow: hidden;}

.kutuLeft{left:0; right: initial;}

.kutuRight{left:initial; right: 0;}

 .kutu{width: 100%; margin-right: 0px;   background-size: cover;}

 .kutular a {width: auto;
    margin-left: 14px;
    padding: 2px 11px;
    height: auto;}

 .menu{padding: 10px 7%;}

 .cd-nav-trigger{right: 10%;}

  .carousel-caption {display: inline-table; top: initial !important; bottom: 30%; right: 0; width: 100%;} 

   .carousel-control-next, .carousel-control-prev{visibility: hidden;}

}

@media(max-width: 992px){



  .slogan1{margin-top:10px;}

  #beratKolejDetayCarousel .carousel-caption h5{font-size:25px !important;}

    #beratKolejCarousel{height: 580px;}

   .carousel-caption h5,.carousel-caption p{text-align: center;}

  .container{    width: 100% !important; max-width: 100% !important;}

.projeKutu{width: 100%;}

.kutular {    margin: -80px 0px 0px 0px; }

.projeKutu {margin-bottom: 40px !important;}

.kutuLeft{left:0; right: initial;}

.kutuRight{left:initial; right: 0;}

.menu{padding: 10px 30px;}

 .kutu{ margin-right: 5px; margin-left: 2%; width: 30%; background-size: cover;}

 .cd-nav-trigger{right: 30px;}

 .carousel-caption {display: inline-table; top: initial !important; bottom: 220px; right: 0; width: 100%;} 

 .carousel-control-next, .carousel-control-prev{visibility: hidden;}

 #projeler{ width:100%;}

}

@media(max-width: 768px){

  .ozelUzunluk{width: 100% !important;}

    .slogan1{margin-top:10px;}

   .carousel-caption h5,.carousel-caption p{text-align: center;}

  .mobilTablo{width: 100%; overflow-x: auto;}

   #projeler{

  width:100%;

 }

 .shadowed{

    

 }

 .kutular a{width: 100%;}

 ul.footerMenu li{font-size:15px;}

 .berat_logo img{width: 150px !important;}

 .siradisi_logo img{width: 150px; margin-top: 10px;}

 .hiddenMenu ul li a span{font-size:16px;}

 .hiddenMenu ul li{margin:0;}

  .carousel-control-next, .carousel-control-prev{visibility: hidden;}

  .container{    width: 100% !important; max-width: 100% !important; }

  .logo{    left: 10px;}

  #beratKolejCarousel{height: 500px;}

  .carousel-inner,.carousel-item {height: 100%;}

  .carousel-item img{width: 100%; height: 100%; object-fit: cover;}

  .carousel-caption {display: inline-table; top: initial !important; bottom: 100px; right: 0; width: 100%;}    

  .carousel-caption p{font-size:25px !important;}   

  .carousel-caption h5{font-size:18px  !important;}

  .kutu{margin-bottom: 10px; margin-left:0; padding-right: 0 !important; width: 100%; height: 100px; margin-right: 0; background-size: cover;}

  .kutuIci p{font-size: 18px;    padding-top: 5px; line-height: 18px;} 

  .kutuIci img{width: 50px; height: 50px; margin:auto 0; object-fit: contain;}    

  .kutular {    margin: -80px 0px 0px 0px; }

  .kutuLeft{top:35%; width: 100%; padding: 10px;  padding-top: 20px;   border: 1px solid #2d295c; background: none;}

  .kutuRight{top:35%; width: 100%;  padding: 10px ;  padding-top: 20px;   border: 1px solid #2d295c; background: none;}

  .px-10{ padding: 0 40px; }

  .kutularim .px-10{padding: 0 20px;}

  .iletisim .px-10{padding: 0 10px;}

  .iletisim .pr-1{padding: 0 !important;}

  ul.footerMenu {margin:0;padding:0;}

  ul.footerMenu li{text-align: center; width: 100%;}

  .iletisim{text-align: center;}

  footer{height: 350px;}

  .menu{margin-top:9px;}

.cd-nav-trigger{right: 30px;}

.projeKutu,.iletisimOzel{width: 100%;}

.projeKutu{height: auto;}

.projeKutu  .detayButon{left:0; position: initial; padding: 10px;}

.kutuLeft{left:0;    position: initial; right: initial;}

.kutuRight{left:initial;     position: initial;right: 0;}

#iletisim{    height: 1100px;    background-size: cover;}

input[type=text]{width: 100% !important; }

.kutuIci {  width: 80%;  margin: 20px auto 0px auto;   }

  /**************************** KURUMSAL ****************************************/



  .kurumsalHeader{margin-top:0 !important;}

  .kurumsal .cd-nav-trigger{top:16px;}

  .kurumsal .gizliLogo {top: 25px;   left: 30px;  ;}

.kurumsal .logo{ left:0px; top:0px;}

.kurumsal .logo img{   top: 0;  object-fit: contain;  height: 100%; }

.kucukKutuAlan , .kucukKutuAlan .kucukKutu{width: 100%;}

.kucukKutuAlan .kucukKutu img{width: 50px;}

table.acikpozisyonlar tbody tr td{width: 150px;}

.iletisimForm{width: 100%;}

.iletisimForm .pr-1{padding-right: 0 !important;}



  /**************************** KURUMSAL ****************************************/







  /**************************** DETAY    ****************************************/



#BlogSlider{height: 186px;}

.sagPanelDetay{margin-top: 0px;}

  /**************************** DETAY    ****************************************/















}