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

@media (min-width:851px) and (max-width:1100px) {
 

    .hizmet li::before {
        bottom: 20px;
    }

   

    .proje-header-img {
        width: 100%;
    }
}

@media only screen and (max-width: 850px) {
	.lang {
    right: initial;
    /*left: 4%;
    top: 11px;*/
    left: 3%;
    top: 4px;
    z-index: 10!important;
}



    .hizmet li {
        width: 21%;
        height: auto;
        margin: 1% 2%;
    }

    
    .hizmet li::before {
        display: none;
    }

    .hizmet li::after {
        display: none;
    }

   

    .hizmet li {
        width: 21%;
        height: auto;
        margin: 1% 2%;
    }

   

    .hizmet li::before {
        display: none;
    }

    .hizmet li::after {
        display: none;
    }

    .border {
        display: none;
    }

    .border-right {
        display: none;
    }

  
    .hizmet-img {
        margin: 0px;
        width: 100%;
    }

    .hizmet-border {
        left: 0px;
        margin-left: 1px;
    }

    .whitebox-list {
        margin: 10px 10px 0px 40px;
        width: 100%;
    }

    .whitebox-right {
        float: inherit;
        margin: 25px auto;
        display: table;
        width: 85%;
        padding: 0px 0px 20px;
    }

        .whitebox-right .hizmet-img {
            margin-right: 0px;
            width: 100%;
        }

        .whitebox-right .hizmet-title {
            position: relative;
            width: 100%;
            top: 0px;
        }

        .whitebox-right .whitebox-list {
            margin: 10px 10px 0px 40px;
            float: left;
        }

    .hizmet-title {
        top: 0px;
        position: relative;
        width: 100%;
        bottom: initial;
    }

    .whitebox-right .whitebox-list li {
        text-align: left;
    }

    .whitebox-right .whitebox-list li {
        float: left;
    }

    .list-border.wow.fadeInRight.animated {
        float: left;
        margin: 3px 10px 0px 0px;
    }

    .hizmet-title.fadeInRight.wow.animated {
        text-align: left;
        padding: 20px 30px;
    }

    .hizmet-img img {
        width: 100%;
    }

   
   
    .hizmet li {
        height: 282px;
        width: 29%;
        margin: 2.1%;
    }

    .hizmet-text {
        line-height: 17px;
        font-size: 13px;
        height: auto;
    }
   


    .hizmet-title {
        padding: 20px 15px;
        font-size: 18px;
    }

        .hizmet-title.fadeInRight.wow.animated {
            padding: 20px 15px;
            font-size: 18px;
        }

    .whitebox-right .whitebox-list {
        width: 100%;
    }

        .whitebox-right .whitebox-list li {
            margin-bottom: 5px;
            font-size: 13px;
            line-height: 17px;
        }

    
}