@media screen and (min-width: 1366px) {

::-webkit-scrollbar-button {
display: none;
height: 15px;
border-radius: 50px;
background-color: #343432;
} 

::-webkit-scrollbar-button:hover {
background-color: #343432;
}

::-webkit-scrollbar-thumb {
background-color: #343432;
border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
background-color: #343432ü;
border-radius: 0px;
}

::-webkit-scrollbar-track {
background-color: #cccccc;
}

::-webkit-scrollbar-track:hover {
background-color: #cccccc;
}

::-webkit-scrollbar {
width: 15px;
}

::-moz-selection {
    background: #627542;
    color: #ffffff;
}
::selection {
    background: #627542;
    color: #ffffff;

}

body {

font-family: 'Open Sans Condensed', sans-serif;
padding: 0px;
margin-right: 5px;
font-size: 85%;
vertical-align: bottom;

}

a {

text-decoration: none;
color: #4A4A49;

}

a:visited {

text-decoration: none;
color: #4A4A49;

}

a:hover {

text-decoration: line-through;
color: #000000;

}

a:active {

text-decoration: line-through;
color: #000000;

}

img {

margin: 5px;
padding: 0px;
float: right;
border: 8px #e6e6e6 solid;
opacity: 0.90;
vertical-align: bottom;
height: 216px;
width: 386px;
}

img:hover {

opacity: 1;
border: 8px #cccccc solid;

}

iframe {

margin: 5px;
padding: 0px;
float: right;
border: 8px #e6e6e6 solid;
opacity: 0.90;
vertical-align: bottom;
height: 216px;
width: 386px;

}

iframe:hover {

opacity: 1;
border: 8px #cccccc solid;

}

.oynat {

position: relative;
top:15px;
margin-bottom: 20px;

}

span {

position: absolute;
bottom: 0px;
right: 0px;

}

}

@media screen and (min-width: 960px) and (max-width: 1365px) {

::-webkit-scrollbar-button {
display: none;
height: 15px;
border-radius: 50px;
background-color: #343432;
} 

::-webkit-scrollbar-button:hover {
background-color: #343432;
}

::-webkit-scrollbar-thumb {
background-color: #343432;
border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
background-color: #343432ü;
border-radius: 0px;
}

::-webkit-scrollbar-track {
background-color: #cccccc;
}

::-webkit-scrollbar-track:hover {
background-color: #cccccc;
}

::-webkit-scrollbar {
width: 15px;
}

::-moz-selection {
    background: #627542;
    color: #ffffff;
}
::selection {
    background: #627542;
    color: #ffffff;

}

body {

font-family: 'Open Sans Condensed', sans-serif;
padding: 0px;
margin-right: 5px;
font-size: 85%;
vertical-align: bottom;

}

a {

text-decoration: none;
color: #4A4A49;

}

a:visited {

text-decoration: none;
color: #4A4A49;

}

a:hover {

text-decoration: line-through;
color: #000000;

}

a:active {

text-decoration: line-through;
color: #000000;

}

img {

margin: 5px;
padding: 0px;
float: right;
border: 8px #e6e6e6 solid;
opacity: 0.90;
vertical-align: bottom;
height: 216px;
width: 386px;
}

img:hover {

opacity: 1;
border: 8px #cccccc solid;

}

iframe {

margin: 5px;
padding: 0px;
float: right;
border: 8px #e6e6e6 solid;
opacity: 0.90;
vertical-align: bottom;
height: 216px;
width: 386px;

}

iframe:hover {

opacity: 1;
border: 8px #cccccc solid;

}

.oynat {

position: relative;
top:15px;
margin-bottom: 20px;

}

span {

position: absolute;
bottom: 0px;
right: 0px;

}

}

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

::-webkit-scrollbar-button {
display: none;
height: 15px;
border-radius: 50px;
background-color: #343432;
} 

::-webkit-scrollbar-button:hover {
background-color: #343432;
}

::-webkit-scrollbar-thumb {
background-color: #343432;
border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
background-color: #343432ü;
border-radius: 0px;
}

::-webkit-scrollbar-track {
background-color: #cccccc;
}

::-webkit-scrollbar-track:hover {
background-color: #cccccc;
}

::-webkit-scrollbar {
width: 15px;
}

::-moz-selection {
    background: #627542;
    color: #ffffff;
}
::selection {
    background: #627542;
    color: #ffffff;

}

body {

font-family: 'Open Sans Condensed', sans-serif;
padding: 0px;
margin-right: 5px;
font-size: 85%;
vertical-align: bottom;

}

a {

text-decoration: none;
color: #4A4A49;

}

a:visited {

text-decoration: none;
color: #4A4A49;

}

a:hover {

text-decoration: line-through;
color: #000000;

}

a:active {

text-decoration: line-through;
color: #000000;

}

img {

margin: 3px;
padding: 0px;
float: right;
border: 5px #e6e6e6 solid;
opacity: 0.90;
vertical-align: bottom;
height: 108px;
width: 193px;
}

img:hover {

opacity: 1;
border: 5px #cccccc solid;

}

iframe {

margin: 3px;
padding: 0px;
float: right;
border: 5px #e6e6e6 solid;
opacity: 0.90;
vertical-align: bottom;
height: 108px;
width: 193px;

}

iframe:hover {

opacity: 1;
border: 5px #cccccc solid;

}

.oynat {

position: relative;
top:15px;
margin-bottom: 20px;

}

span {

position: absolute;
bottom: 0px;
right: 0px;

}

}