@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
    
}


@media (max-width: 768px){
    .tarih{
        font-size:15px !important;
    }
    .telefon{
        font-size:15px !important;
    }
    .tarih img {
     display: none;
 }
 .telefon img {
    display: none;
}
 .resim{
    background-size: cover !important;
}
.resimalt{
    padding: 10px;
}
.resimalt h2 {
    font-size: 12px !important;
}
.resimalt h1 {
    font-size: 20px !important;
}
.icor{
    font-size: 13px;
}
.altresimyan h3{
    font-size:20px !important;
}
.altresimyan h4{
    font-size: 15px !important;
}
.altresimyan h5{
    font-size: 12px !important;
}
.altresim{
    border-radius: 0 0 0 0 !important;
}
.altresimyan{
    border-radius: 0 0 0 0 !important;
    margin-top:-20px;
    padding:5px;
    height: auto;
}
.altresimyan hr{
    margin:0;
}
 }
 @media (max-width: 480px){
    /*.anamenu{
        top: 98px !important;
    }*/
    /*.burger{
        font-size:25px;
    }*/
    .diller{
        /*font-size: 15px;
        border-radius: 0px;
        top: 5px;*/
    }
    .header-logo{
        max-width: 150px !important;
    }
    .mobilkaldir{
        padding: 0 !important;
    }
}

@media (min-width: 481px) and (max-width: 768px){
 /*.anamenu{
    top: 108px !important;
}*/
.diller{
    font-size: 30px;
    border-radius: 0px;
    /*top: 5px;*/
}
.header-logo{
    max-width: 160px !important;
}
.burger{
    font-size:40px;
}
.mobilkaldir{
    padding: 0 !important;
}
}

@media (min-width: 320px) and (max-width: 767px) {

  .todaybg{
    margin-top:0px !important;
}
.tarih i{
    display: none !important;
}
.telefon i{
    display: none !important;
}

}

@media only screen and (min-width: 992px){
    .resimalt{
       padding: 20px;
       margin:0;

       bottom: 0 !important;
   }
   .resim:hover{
       /*height: 505px;*/
   }
}


@media (max-width:768px){
    .test{
        position:relative!important;
    }
    body{
        padding-top:0!important;
    }
    .secenekler {
        padding: 0 5px;
        margin-bottom:10px;
    }
    .secenekler>div{
        min-height:75px;
        padding-top:20%;
    }
    .diller,.burgermenu{
        font-size:26px;
    }
    .header{
        padding:10px 0;
    }
    /*.text-xs-right{
        text-align:right;
    }
    .colf-xs-offset-4 {
        margin-left: 33.33333333%;
    }*/

}

@media (min-width: 992px) {
    .esnek {
        display: flex;
        flex-wrap: wrap;
        margin: 0 !important;
    }
    
}
@media (min-width:1200px){
    .header-logo{
        max-width: 135px;
        width: auto;
        position: absolute;
        left: 0;
        top: 0;
        max-height:none!important;
    }
}
@media (max-width:1199px){
    .header-logo{
        max-width: 141px;
        width: 110px;
        position: absolute;
        left: 8%;
        top: 0;
    }
}