@media (max-width: 767px) {
        header.main-header { 
        height: 75px;
    }
    .mobilmenubtn {
        display: flex;
        align-items: center;
        justify-content: center;      
        width: 32px;  
        padding: 0;
    }
    .mobilmenubtn .navs {
        display: inline-block;       
        vertical-align: middle;
    }
    .mobilmenubtn .navs:hover {
        cursor: pointer;
    }
    .mobilmenubtn .navs span {
        display: block;
       
        width: 32px;
        height: 2px;
    }
    .mobilmenubtn .navs span:nth-child(1) {
        width: 23px;
         background: var(--primary);
    }
    .mobilmenubtn .navs span:nth-child(2) {
        margin: 8px 0;
         background: var(--r5);
    }
    .mobilmenubtn .navs span:nth-child(3) {
        width: 15px;
         background: var(--r1);
    }
    .main { 
        margin-top: 74px;
    }
    .homeSwiper { 
        height: 55vh; 
    }
    .homeSwiper .hero-item .title { 
        font-size: 36px;
        line-height: 50px; 
    } 
    .slider-bottom {
        height: auto; 
    }

.renkler .renk {
     height:100px; 
     border-radius:15px;
}

    .footer-menu li {
        margin: 8px 17px;
    }
}