Не применяются все медиа запросы(если это так называется),кроме
@media screen and (min-width: 1300px)
,расположены в самом конце единственного css файла.
@media screen (min-width: 320px) {
.content-wrapper{
position: fixed;
}
.footer{
display: none;
}
.music{
display: none;
}
}
@media screen (min-width: 1024px) {
.music{
position: absolute;
left: 82%;
top: 3%;
}
button#dark-btn{
position: absolute;
left: 78%;
}
.center{
position: absolute;
right: 30%;
bottom: 1%;
}
}
@media screen and (min-width: 1300px) {
.menu {
float: right;
margin-right: -1%;
}
.audiojs {
margin-top: 1%;
margin-right: -2%;
}
.btn {
background: url(/local/img/lamp1.svg);
height: 22px;
width: 25px;
border: none;
position: absolute;
cursor: pointer;
right: 11%;
top: 2%;
}
.center {
position: absolute;
right: 43%;
bottom: 1%;
}
.bg-wrapper {
position: fixed;
top: -20px;
left: -34px;
z-index: 1;
width: 100vw;
height: 100vh;
}
.mega{
position: absolute;
height: 40%;
left: 59%;
top: 141%;
}
.post{
position: absolute;
height: 50%;
top: 151%;
left: 45%;
}
a.start{
float: left;
margin-left: 38%;
margin-top: 27%;
cursor: pointer;
}
img.foto{position: absolute;
width: 300px;
height: 300px;
left: 25%;
}
img.foto1{
position: absolute;
width: 300px;
height: 300px;
top: 3%;
left: 52%;
}
.mus_obl{
margin-left: 26%;
margin-top: 10%;
}
img.pen{
width: 150px;
height: 500px;
}
.pen{
position: absolute;
top: 11%;
right: 8%;
}
p.form1{
margin-top: 7%;
margin-left: -33%;
}
.contact_form input
{
width: 42%;
}
.contact_form textarea
{
width: 42%;
}
.com{
overflow: hidden auto;
height: 280px;
}
img.air{
border-style: none;
width: 350px;
height: 350px;
position: absolute;
top: 40%;
right: -38%;
}
#ex2{
background: url(/local/img/back.png);
box-shadow: none;
text-align: center;
height: 57%;
}
#ex1{
background: url(/local/img/back.png);
box-shadow: none;
text-align: center;
height: 60%;
}
.comment{
padding: 5px;
}
#ex3{
height: 78%;
}
}
Заранее всем спасибо за ответы!
p.s. это все еще работает через битрикс, но вроде кеш везде очистила, не должно влиять