/*
Cern Gezisi-Responsive 2019-Mehmet Çetinkaya
Mobil-Responsive Alanı
*/

@media only screen and (max-width: 1160px) {
    .container{
      
        width: 960px;
    }
    .nav-sol > i > span,a{
        font: 400 13px roboto;
    }
    .nav-sag > i > a{
        font: 400 13px roboto;
    }
    .menu >ul> li> a.cernegitmek{
        font:500 13px roboto;
        line-height: 75px;
        padding-right: 0;
        margin-right: 0;
        width: 120px;
    }
    .menu{
        width: auto;
    }
    .nav-sag i {
        margin-right: 0;
    }
    .logo a {
        margin: 0;
    }
    .footer .container .fbox{
        width: 230px;
    }
    .fbox .fyazi{
        width: 230px;
    }
    .fbox ul.fhizmetler{
        width: 230px;
    }
    .fbox ul.filetisim{
        width: 230px;
    }
    .bg{
        height: 400px;
        background:url('../img/slider-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    .content{
        max-width: 960px;
    }
    .a-resim{
        margin-left: 0;
    }
}
@media (min-width: 991px) {
    .res-menu{
        display: none !important;
    }
}
@media only screen and (max-width: 991px) {
    .container{
        padding: 0 20px;
        width: 960px;
    }
    .navbar{
        display: none;
    }
    .res-nav{
        display: block;
    }
    .res-nav a {
        color: #ffffff;
        font: 500 14px roboto;
        line-height: 30px;
        text-align: center;
        display: block;
    }
    .res-nav a i {
        margin-right: 10px;
    }
    .header{
        display: none;
    }
    .res-header{
        display: block;
    }
    .menu{
        display: none;
    }
    .menuAc{
        display: block;
    }
    .res-menu{
        display: none;
    }
    .bg{
        height: 400px;
        background:url('../img/slider-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    }
    .footer .container .fbox{
        display: none;
    }
    .footer .container .res-fbox{
        display: block;
        padding-left: 10px;
        position: relative;
    }
    .a-yazi{
        max-width: 100%;
    }
    .a-hizmet{
        max-width: 100%;
        margin-top: 300px;
    }
    .i-bilgiler{
        float: none;
        max-width: 80%;
    }
    .form{
        border-right: 0;
        float: none;
        max-width: 80%;
    }
}
@media only screen and (max-width: 767px) {
    .footer .container .res-fbox{
        float: none;
        border-bottom: 1px solid #464646;
        border-right: 0;
    }
    .cerngezisi{
        display: none;
    }
    .copy{
        padding-left: 10px;
    }
    .a-hizmet>a>.a-link{
        display: block;
        margin-left: 40%;
    }
    h3{
        font: 500 18px roboto;
        line-height: 40px;
    }
    .metin{
        border: 0 !important;
        padding: 0;
        margin: 0 auto;
    }
    .mresim img{
        margin: 0 auto;
    }
    .metin img{
        margin: 0 auto;
    }
    .a-hizmet{
        max-width: 100%;
        margin: 0 auto;
    }
    .content-bg{
        margin: 0;
    }
    .a-yazi2{
        max-width: 100%;
        margin: 0 auto;
    }
}