@media screen and (max-width: 1400px) {
    .contact {
        max-width: 1200px;
        height: 400px;
    }

    #map-canvas {
        height: 350px;
    }
}

@media screen and (max-width: 1100px) {
    .formdiv {
        max-width: 500px;
    }

    .adamdiv {
        left: -48px;
        width: 250px;
    }

    .offer {
        width: 312px;
    }

    #yoltarifiAl {
        background-position: center right 2px;
    }
}

@media screen and (max-width: 980px) {
    .offer {
        width: 200px;
    }

    .adamdiv {
        left: 0;
        width: 100%;
        position: relative;
        float: left;
        height: initial;
    }

        .adamdiv .randevu {
            margin-top: 30px;
        }

    .contact {
        height: initial;
        width: 100%;
    }

    .contactLeft {
        width: 100%;
        height: initial;
    }

    .contactRight {
        width: 100%;
        float: left;
        height: 100%;
        display: block;
        justify-content: initial;
        align-items: initial;
        padding: 0;
        margin-top: 16px;
        padding: 1%;
    }

    .r2 {
        padding: 1%;
    }

    .roadLocation select {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    #yoltarifiAl {
        width: 98%;
        margin-left: 1%;
        margin-top: 1%;
    }

    .contactInfo {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .contactInfo br {
            display: none;
        }

        .contactInfo strong {
            font-size: 23px;
        }
}

@media screen and (max-width: 860px) {
    js-videoWrapper {
        width: 700px;
        height: 394px;
    }
}

@media screen and (max-width:770px) {
    .js-videoWrapper {
        width: 560px;
        height: 315px;
    }
}

@media screen and (max-width: 600px) {
    .js-videoWrapper {
        width: 320px;
        height: 180px;
        margin-bottom: 25px;
    }

    .offer {
        width: 292px;
        top: -10px;
    }

    .ticarilogo {
        left: 6px;
        width: 103px;
    }

    .camlilogo {
        display: none;
    }

    .camlilogomobil {
        display: block;
        right: initial;
        bottom: 8px;
        top: initial;
        left: 113px;
        width: 44px;
    }

    .header {
        height: initial;
        background-image: none !important;
    }

        .header:before {
        }

    .mobilheader {
        display: block;
    }

    .adamilk {
        max-width: 222px;
    }

    .boxes .box {
        width: 45%;
        height: 108px;
        padding-left: 10px;
    }

        .boxes .box:nth-child(2) {
            border-right: 0;
        }

        .boxes .box:nth-child(6) {
            border-right: 0;
            /* border-bottom: 1px solid #c7c7c7; */
        }

        .boxes .box:nth-child(5) {
            /* border-bottom: 1px solid #c7c7c7; */
        }

        .boxes .box p {
            font-size: 13px;
            padding-left: 66px;
            padding-top: 0;
            line-height: 17px;
        }

        .boxes .box span {
            font-size: 13px;
        }

    .inputbox2 {
        width: 98%;
    }

    .div1 {
        height: initial;
        /* display: none; */
    }

    .adamdiv {
        display: none;
    }

    .div1 .p1 {
        margin-top: 0;
        border-top: 5px solid #1d5b8a;
        padding-top: 20px;
    }

    .r1 {
        margin-top: 15px;
        border: 0;
    }

    .div2 {
        margin-top: 20px;
    }

        .div2 .p1 {
            font-size: 18px;
            margin-bottom: 0;
            line-height: 20px;
            padding-left: 2%;
            padding-right: 2%;
        }

        .div2 ul {
            width: 80%;
            margin-left: 10%;
        }

        .div2 .p2 {
            padding-left: 2%;
            padding-right: 2%;
        }

    .lokasyonyazi {
        margin-top: 17px;
        max-width: 200px;
    }

    .leftFooter {
        width: 100%;
        text-align: center;
    }

    .rightFooter {
        float: left;
        width: 100%;
        text-align: center;
    }

    .rightFooter {
        float: left;
        width: 100%;
        text-align: center;
    }

        .rightFooter a {
            display: block;
            float: none;
            margin: 0;
            position: relative;
            top: auto;
            margin-top: 10px;
        }

    .footeric {
        height: 100px;
    }

        .footeric .left img {
            width: 87px;
        }

        .footeric .right img {
            float: right;
            width: 116px;
        }

    .formonay p {
        font-size: 15px;
        padding-left: 2%;
        padding-right: 2%;
    }

    .div2 ul {
        width: 98%;
        margin-left: 1%;
    }

    .roadLocation select {
        border-radius: 0;
        background-color: rgba(13, 97, 136,1) !important;
        background-repeat: no-repeat;
        background-position: right center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='#fff' width='24px' height='24px' viewBox='-261 145.2 24 24' style='enable-background:new -261 145.2 24 24;' xml:space='preserve'%3e%3cpath d='M-245.3,156.1l-3.6-6.5l-3.7,6.5 M-252.7,159l3.7,6.5l3.6-6.5'/%3e%3c/svg%3e");
    }

    .sketchdiv img {
        width: 100%;
    }

    .bizsizegelelim_img {
        width: 41px;
    }

    .boxes {
        margin-top: 25px;
    }

    .header2 {
        margin-top: 0;
    }

    .yasaluyari {
        margin-top: 8px;
        margin-bottom: 14px;
    }

    .whatsappicon {
        margin-bottom: 15px;
    }

    .boxes .box img {
        height: initial !important;
        width: 49px;
    }
}