@media only screen and (max-width: 768px) {

    .ard3 {
        display: none;
    }

    .ard7 {
        margin-top: 21px;
    }

        .ard7 h1 {
            font-size: 21px;
        }

    .ard8 {
        height: auto;
    }

    .ard7 a {
        padding: 7px 12px;
        margin: 5px 0px;
        font-size: 14px;
    }
    .ard12{
        padding:35px;
    }
    .ard12 span {
        font-size: 14px;
    }

    .ard12 h2 {
        font-size: 25px;
    }

    .ard12 p {
        margin-top: 18px;
    }

    .ard11 {
        height: 50vh;
    }

    .ard14 {
        right: 0%;
        width: 177px;
        height: 176px;
    }

    .ard18 {
        /* display: flex; */
        padding: 35px;
        background-color: #F2F6F9;
        background-image: url(/upload/hakkimizda/arkaplan.png);
        background-position: right;
        height: 75vh;
    }

    .ard17 p {
        color: #000;
    }
    .ard17 h3{
        font-size:25px;
    }
    .ard16 {
        min-height: 50vh;
    }

    .ard45 {
        padding: 35px;
    }

    .ard22 {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #fff;
        margin: 25px 0px;
    }

    .ard40 {
        text-align: center;
    }

    .ard43 {
        text-align: center;
    }

    .ard21 h1 {
        margin-bottom: 0px;
    }
    .ard6 video{
        width:100vw;
    }
    .ard44 h3{
        font-size:25px;
    }
    .ard20 {
        background: linear-gradient(121deg,#3f5d84 0%, rgb(88 119 162) 13%,#6381ac 19%,#bfcbd2 78%,#fff 100%);
    }
    .ard37 h3 {
        font-size: 25px;
    }
    .ard38 h4{
        font-size:21px;
    }
    .ard48 {
        padding: 25px 12px;
    }
    
    
    }