body{
    font-family: "Trebuchet MS";
}
a:hover{
    text-decoration: none;
}
#index-slider img{
    width:100%;
}
.p-50{
    padding:50px;
}
.p-l-50{
    padding:0 0 0 50px;
}
.hakkimizda{
    margin-bottom:20px;
}
.hakkimizda p{
    font-weight: 600;
    color: rgba(104, 102, 102, 0.90);
}
.footer{
    width:100%;
    min-height:125px;
    background-color: #F8F8F8;
}
.footer small{
    text-align: center;
}
.footer-logo{
    width:40%;
    margin:25px auto;
}
.footer-menu{
    margin-top: 70px;
    display: block;
    text-align: -webkit-center;
}
.footer-menu a{
    text-align: center;
    padding:0 7.5px 0 7.5px;
    color:#444151;
}
.footer-iletisim{
    font-size:13px;
    margin-top:15px;
}
.sosyal{
    color:white;
    padding:10px 12.5px 10px 12.5px;
}
.footer-i-bilgi{
    margin-top:20px;
    text-align: right;
}
.facebook{
    background-color: #5E86C3;
}
.twitter{
    background-color: #62CCF1;
}
.instagram{
    background-color: #6E3822;
}
.youtube{
    background-color: #EE6B52;
}
.footer-f-bilgi{
    float:right;
}
.logo{
    height: 97px;
    /* width: 180px; */
}
.bg-cizgi{
    background-image: url('../images/bg.png');
}
.gruplar{
    width:100%;
    background-image: url('../images/groups-bg.png');
    padding:20px 0px 20px 0px;
}
.content{
    min-height:250px;
    width:100%;
    background-image: url('../images/groups-bg.png');
    padding:20px 100px 20px 100px;
}
.grup{
    margin:10px 0px 10px 0px;
}
.grup img{
    width: 255px;
    height:150px;
}
.iletisim-baslik{
    border-top:3px solid #B5B5B5;
    font-weight: 600;
    width: 80%;
}
.map{
    border:1px solid;
    margin-top:20px;
}
.iletisim-input{
    border-radius: 0px;
    background-color: #E1E1E1;
}
.sirketler{
    background-color: rgba(181, 181, 181, 0.57);
    padding: 30px;
}
.sirket{
    height:150px;
}
.gallery-item{
    margin-bottom: 30px;
}
.modal-footer{
    text-align: center;
}
.pagination{
    margin: 0;
}
.devami{
    float:right;
    position: relative;
    right:20px;
}
.proje{
    text-align: center;
    margin-top:10px;
}
.proje img{
    width:100%;
    height:200px;
}
/* ### RESPONSÄ°VE  */
@media (max-width: 1200px){
    .footer-f-bilgi{
        display: block;
        text-align: -webkit-center;
        float:none;
    }
    .footer-i-bilgi{
        display: block;
        text-align: -webkit-center;
        float:none;
    }
    .footer-logo{
        padding-top: 25px;
    }
    .footer-menu{
        display: block;
        text-align: -webkit-center;
        padding-top: 10px;
        margin-top: 0px;
    }
}
@media (max-width: 768px){
    .logo{
        width:25%;
    }
    .navbar-brand {
        float: left;
        /* height: 50px; */
        /* padding: 15px 15px; */
        /* font-size: 18px; */
        margin-top: -40px;
        /* line-height: 20px; */
    }
    .p-50{
        padding:25px;
    }
    .p-l-50{
        padding:0 0 0 0;
    }
    .footer-logo{
        padding-top: 25px;
    }
    .footer-menu{
        margin-top: 0px;
        display: block;
        text-align: -webkit-center;
        padding-top: 10px;
    }
    .footer-menu a{
        color:#444151;
        text-align: left;
    }
}