@media only screen and (max-height: 650px) {
a.logo{top: 50px;}
}

@media only screen and (max-width: 1750px) {
.progress {width: calc(50% - 201px);}
.videoArea .time{border: none !important;}
}

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

.videoArea .time {margin-top: 1.7% !important;}
.volume {margin: 0 6px;}
}
@media only screen and (max-width: 1380px) {
.progress {width:40%;}
}

@media only screen and (max-width: 1300px) {
.progress {width: 35%;}
.volume {margin: 0 5px!important; padding: 0 25px!important;}
a.arrow{font-size: 14px;}
}
@media only screen and (max-width: 1200px) {
.footer a.fatura {display: block; position: absolute; top: -65px;  left: 10%;  border-radius: 100px; width: 197px; height: 197px;}
.footer a.defter {display: block;position: absolute; top: -66px; left: 70%; border-radius: 100px; width: 197px; height: 197px;}
.footer a.arsiv{left: 40%;}
.videoArea .time {margin-top: 2.1% !important;}
a.arrow{line-height: 18px!important;}
}
@media only screen and (max-width: 1024px) {
a.logo{ top: 100px;}
.videoArea .time { margin-top: 2.4% !important;}
.gelenKutusu {bottom: 22px!important;}
.videoOptions {margin-left: 19.5%!important;}
.volume {margin: 0 -13px!important;}
}
@media only screen and (max-width: 768px) {
.footer a.fatura { display: block; position: absolute; top: -65px;  left: 5%; border-radius: 100px; width: 197px; height: 197px;}
.footer a.fatura img {width:100%;}
.footer a.arsiv img {width:100%;}
.footer a.defter img {width:100%;}
.footer a.arsiv {display: block; position: absolute; top: -90px; left: 38%; border-radius: 100px; width: 197px; height: 197px;}
.footer a.defter {display: block; position: absolute; top: -66px; left: 70%; border-radius: 100px; width: 197px; height: 197px;}

}
@media only screen and (max-width: 736px) {
.wrapper { margin-bottom: -85px;}
}
@media only screen and (max-width: 667px) {
.footer a.fatura {top: -100px; left: 38%;}
.footer a.arsiv {top: 120px;left: 38%;}
.footer a.defter {top: 335px; left: 38%;}
.footer .footerArea {background-color: #f8f8f8; position: relative; top: 382px; height: 260px; display:block;}
.wrapper { margin-bottom: -35px;}
}

@media only screen and (max-width: 416px) {
.footer a.fatura img {width:100%;}
.footer a.fatura { display: block; position: absolute;top: -100px; left: 28%; border-radius: 100px; width: 197px; height: 197px;}
.footer a.arsiv img {width:100%;}
.footer a.arsiv { display: block; position: absolute;top: 110px; left: 28%; border-radius: 100px; width: 197px; height: 197px;}
.footer a.defter img {width:100%;}
.footer a.defter { display: block; position: absolute;top: 320px; left: 28%; border-radius: 100px; width: 197px; height: 197px;}
a.logo{top: 90px;}
.wrapper {margin-bottom: -335px;}
}

@media only screen and (max-width: 375px) {
a.logo{top: 40px;}
.wrapper {margin-bottom: -355px;}
}
@media only screen and (max-width: 320px) {
.footer{top: 100px;}
.footer a.fatura{left: 20%;}
.footer a.arsiv{left: 20%;}
.footer a.defter{left: 20%;}
}