@media (max-width: 576px) {


    header nav .dil{position: absolute;right: 94px;color: var(--renk1);top:35px;}
    header .katalog{position: absolute;right: 13px;bottom: -50px;}
    #geriBtn { 
    bottom: 15px;box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    left: auto;
    right: 15px;
    transform: translateX(0%);background-color: var(--renk1);     
    padding: 12px 18px; 
    border-radius: 999px;  }
    #pageUp{bottom: 100px;}
    #pageDown{display: none;}

    .banner {height: 350px;background: var(--renk1);background-position: bottom;}


    #homeGroups .homeGroupsTitle { font-size: 18px;padding: 0 10px;}
    #homeGroups .homeGroupsTitle svg{display: none;}
     
    

    #homeGroups .groupContainer {     gap: 15px;    padding: 0 15px;overflow-x: auto;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;}
    #homeGroups .groupContainer .group { 
            padding: 8px;
        flex: 0 0 150px;
        margin-bottom: 10px;
        border: 1px solid #ececec;
        display: flex;
        align-items: center;
        justify-content: start;
        flex-direction: column;}

    #homeGroups .groupContainer .group h2 {font-size: 15px; }
    

    #pageMedia p {min-height: auto;}

    #homeCatalog {padding: 110px 0 15px;position: relative;text-align: center;}
    #homeCatalog img {bottom: 114px;right: 0;}
    #homeCatalog .button1.black {margin:auto;}

    #homeOzellikler .links a:nth-child(1),
    #homeOzellikler .links a:nth-child(2){display: none;}


    footer .links {    display: grid;     grid-template-columns: repeat(2, 1fr);}
    footer .links .full{grid-column: 1 / -1;}

    footer {padding-bottom: 50px;}
    

    #pageContact #personList {
    gap: 10px;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);}





}