@media (min-width: 300px) {
#ADs-left {
width: 0px;
height: 100vh;
position: absolute;
top: 0px;
left: 0px;
transition: .3s;
overflow: hidden;
}
}

@media (min-width: 1700px) {
#ADs-left {
width: 0px;
height: 100vh;
position: fixed;
top: 0px;
left: 0px;
transition: .3s;
overflow: hidden;
z-index: 9999;
}
}


@media (min-width: 300px) {
#ADs-right {
width: 0px;
height: 100vh;
position: absolute;
top: 0px;
right: 0px;
transition: .3s;
overflow: hidden;
}
}

@media (min-width: 1700px) {
#ADs-right {
width: 0px;
height: 100vh;
position: fixed;
top: 0px;
right: 0px;
transition: .3s;
overflow: hidden;
z-index: 9999;
}
}


.skywraper {
width: 160px;
height: 600px;
background-color: transparent;
margin-top: 200px;
position: relative;
}

.btn-closed-sky {
/*width: 12px;*/
/*height: 20px;*/
background-color: rgba(255, 255, 255, .5);
padding: 3px 12px;
color: red;
cursor: pointer;
position: absolute;
opacity: 0;
}

.btn-closet-left {
position: absolute;
right: 0px;
}

.skywraper-ads {
width: 160px;
height: 600px;
overflow: hidden;
position: absolute;
}

.position-right {
right: 0px;
position: absolute;
}

.position-left {
left: 0px;
position: absolute;
}