@media only screen and (max-width: 1024px) {
    body{
        overflow-x: hidden;
    }
    html {
        scroll-behavior: smooth;
    }
    header {
        height:80px;
    }
    header ul{
        display: none !important;
    }
    body{
        padding-top: 80px;
    }
    header #logo{
        height:50px;
        margin-top:14px;
        object-position: center left;
    }
    #hamburger {
    position: absolute;
display: flex;
align-items: center;
justify-content: center;
    background: rgba(0, 0, 0, 0.1);
    top: 0;
    right: 0;
    transition: .5s all linear;
    cursor: pointer;
}
    #hamburger{
        width:80px;
        height:80px;
    }
    #menu-overlay{
        overflow-y: scroll;
    }
    #menu-overlay-content{
        left:0;
        top:220px;
        padding:30px;
        width:100%;
    }
    #menu-overlay-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 210px;
    }
    img {
        max-width: 100%;
    }

    #breadcrumb {
        padding-bottom: 40px;
    }

    #home-sectors .row {
        flex-direction: column;
    }

    .inner-title {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 20px;
    }

    #inner-title {
        flex-direction: column;
        gap: 20px;
        padding-bottom: 20px;
    }
    .sub-title-wrapper{
        padding-top: 40px;
    }
    .two-col-wrapper .row {
        flex-direction: column;
        gap: 20px
    }

    #about-wrapper .row {
        flex-direction: column;
    }

    #about-wrapper .row .two-col {
        padding-top: 0px;
    }

    #about-wrapper .row .two-col p.big {
        font-size: 34px;
        line-height: 1.3;
        width: 100%;
    }

    #inner-title p {
        font-size: 34px;
        line-height: 1.3;
    }

    .inner-title p {
        font-size: 34px;
        line-height: 1.3;
    }

    .two-col-wrapper {
        padding: 20px 0;
    }

    .degerlerimiz-wrapper .row {
        flex-direction: column;
        gap: 20px
    }

    .degerlerimiz-wrapper .row .two-col span {
        margin-bottom: 20px;
    }

    .degerlerimiz-wrapper .row .two-col h2 {
        margin-bottom: 20px;
    }

    #home-sectors {
        padding: 0;
    }

    .one-col-wrapper {
        padding: 0;
    }

    #media #home-sectors {
        margin-top: 60px;
    }

    #footer-top .row {
        flex-direction: column;
        gap: 40px
    }

    #footer-mid .container {
        flex-direction: column;
        gap: 40px
    }

    #footer-top .row .col ul {
        gap: 18px;
    }

    #footer-bottom .container {
        flex-direction: column;
        gap: 30px
    }

    .footer-bottom-right ul {
        float: left;
        width: 100%;
    }

    .footer-bottom-right ul li {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .footer-mid-right ul {
        float: left;
    }

    #footer-mid {
        padding-bottom: 20px;
    }

    .footer-mid-left p {
        font-size: 26px;
    }

    #marquee-box-overlay p {
        font-size: 64px;
    }

    footer {
        padding-top: 60px;
    }

    #marquee-box {
        margin-bottom: 40px;
    }

    #blog-filter {
        height: auto;
        flex-direction: column;
    }

    .logo-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    #table-press tr {
        display: flex;
        flex-direction: column;
    }

    #table-press tr td {
        flex: 1;
    }

    #table-press th,
    #table-press td {
        padding: 10px;
    }
    #table-press th{
        display:none;
    }

    .link-download {
        float: left;
    }
    .thumb-image{
        width:100%;
        margin-right: 0;
    }
    .thumb-image img{
        width:100%;
        margin-right: 0;
    }
    #table-press tr{
        padding: 20px 0;
    }
    .two-col-wrapper .row .col p.big{
        font-size:24px;
        line-height: 1.3;
    }
    .two-col-wrapper .row .col p{
        margin-bottom: 20px;
    }

    .sub-title-wrapper h2{
        padding-bottom: 40px;
    }

    #menu-overlay-content ul li.big{
        font-size:30px;
    }
    #menu-overlay-content ul li.big span{
        top:4px;
    }

    .proje-wrapper{
        grid-template-columns: repeat(1, 1fr);
    }

    #gallery-frame .row{
        flex-direction: column;
    }
    #gallery-frame .row .col img{
        height:200px;
        width: calc(100vw - 40px);
    }
    #gallery{
        height:auto;
        padding:20px;
        width:100vw;
        box-sizing: border-box;
    }
    #gallery-frame{
        position: relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
    }
    #kunye .row{
        flex-direction: column;
        width:100%;
    }

    #kunye p.big{
        font-size: 34px;
        line-height: 1.3;
        width: 100%;
    }
    #proje-promo .row{
        flex-direction: column;
        gap:20px
    }
    .project-info .motto{
        font-size:40px;
        line-height: 1.2;
    }

    #red-square{
        width:180px;
        height:180px;
        position: relative;
        top:auto;
        left:auto;
        transform: none;
    }
    #gallery-frame{
        width:calc(100vw - 40px);   
    }
    #gallery-frame .row{
        width:calc(100vw - 40px);
    }
    #proje-promo-left .project-info{
        margin-top: 100px;
    }
    #kunye{
        padding:40px 0
    }
    #kunye .row .col label{
        margin-bottom: 6px;
    }
    #kunye .row .col p{
        font-size:30px
    }
    #red-square-1{display:none;}
    #red-square-2{display:none;}
    #red-square-3{display:none;}

    .project-info .motto{font-size:34px; line-height: 1.2;}
    #video-promo .motto{font-size:34px; line-height: 1.2;}
    #video-promo .row{flex-direction: column;}

    #proje-promo-left{
        display:block;
    }
    #video-promo .motto{
        margin-top:50vh
    }
    .home-project-secondary{
        display:none;
    }
}