@media only screen and (max-width: 960px) {
    #general {
        width: 700px;
    }
    #turkish {
        width: 100px;
        height: 200px;
        float: left;
    }
    #turkish img {
        width: 125px;
        height: 125px;
    }
    #english {
        width: 100px;
        height: 200px;
        float: right;
    }
    #english img {
        width: 125px;
        height: 125px;
    }
}


/*body{
    background: #003153;
}*/

@media only screen and (min-width: 801px) and (max-width: 959px) {
    #general {}
}


/*5-5s*/

@media only screen and (min-width: 300px) and (max-width: 380px) {
    #general {
        width: 250px;
        margin-left: -12.555%;
        /*margin-top: 5px;*/
    }
    #turkish {
        width: 125px;
        height: 150px;
        float: left;
    }
    #turkish img {
        width: 125px;
        height: 100px;
    }
    #english {
        width: 125px;
        height: 150px;
        float: right;
    }
    #english img {
        width: 125px;
        height: 100px;
    }
    body {
        transform: scale(0.9);
    }
}


/*6-6s*/

@media only screen and (min-width: 375px) and (max-width: 375px) {
    #general {
        margin-left: -3.555%;
    }
    #turkish {
        width: 125px;
        height: 150px;
        float: left;
    }
    #turkish img {
        width: 125px;
        height: 100px;
    }
    #english {
        width: 125px;
        height: 150px;
        float: right;
    }
    #english img {
        width: 125px;
        height: 100px;
    }
}


/*s5*/

@media only screen and (min-width: 360px) and (max-width: 360px) {
    #general {
        margin-left: -5.555%;
    }
    #turkish {
        width: 125px;
        height: 150px;
        float: left;
    }
    #turkish img {
        width: 125px;
        height: 100px;
    }
    #english {
        width: 125px;
        height: 150px;
        float: right;
    }
    #english img {
        width: 125px;
        height: 100px;
    }
}

@media only screen and (max-width: 800px) {
    #general {}
}

@media only screen and (min-width: 480px) and (max-width: 759px) {
    #general {
        width: 480px;
    }
    #turkish {
        width: 100px;
        height: 200px;
        float: left;
    }
    #turkish img {
        width: 100px;
        height: 100px;
    }
    #english {
        width: 100px;
        height: 200px;
        float: right;
    }
    #english img {
        width: 100px;
        height: 100px;
    }
}

@media only screen and (max-width: 479px) {
    #general {
        width: 400px;
    }
    #turkish {
        width: 100px;
        height: 100px;
        float: left;
    }
    #turkish img {
        width: 80px;
        height: 80px;
    }
    #english {
        width: 100px;
        height: 100px;
        float: right;
    }
    #english img {
        width: 80px;
        height: 80px;
    }
}