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

}

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


}

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

.body { padding:0 1rem;}

header .body { padding:0;}
.logo { padding:0 0 0 1rem;}
.page .body { padding:3rem 1rem; }
.page-inner .body { padding:2rem 1rem;}

}

@media only screen and (max-width: 1024px) {
.login { right:1rem; top:4px; }
.login a { padding:8px 25px; border-radius:20px; }

nav ul li a { margin:0;}
nav ul li a:hover,
nav ul li a:hover, nav ul li a.active {
  background: rgba(13, 59, 102, 0.8);
  color: #ffffff; text-decoration:none; border-radius:0;
}

.logo img { margin:4px 0 0 0rem; width:100%; max-width:100px;}
.license { width:180px;}
.plyr-block { width:calc(100% - 180px); margin-right:15px; float:left;}
.hello-name{padding:0; margin:0; width:auto; position:absolute; top:0; left:13rem;}
.select {width:30%;}
}


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

}

@media only screen and (max-width:800px) {
.license-page { display:inherit; padding-top:3rem; margin-bottom:3rem;}
.license-page .album-row { width:100%; flex-wrap:wrap; padding:0; border:none; }
.license-page .contacts { width:100%; }
.album-cover img { width:100%;}
}

@media only screen and (max-width:768px) {
.login-reg { flex-wrap:wrap;}
.reg-part, .login-part { width:100%;}
.form-reg, .form-login { padding:5% 5% 5% 5%; }
.syncmusic { width:100%; padding:50px 0; }
.login-reg { flex-direction:column-reverse; }
.form-login input.send-btn { width:100%; max-width:none;}

.contacts { flex-wrap:wrap; }
.contacts-info { width:100%; padding-bottom:1rem; }
.contact-form { width:100%; }

.katalog-col { width:100%; margin-right:0;}
.katalog-col img { max-width:150px;}

.bottom-nav { flex-wrap:wrap; }
.bottom-nav-col { width:100%; padding-bottom:2rem;}
.reg-btn{ width:100%;}

}

@media only screen and (max-width:680px) {
.album-row { flex-wrap:wrap; }
.album-cover { width:100%; padding:0;}
.album-list { width:100%;}
.plyr-block { width:100%; float:left;}
.column.add-bottom { position:relative; display:inline;}
.license {float:left; display:inline-block; padding:0; margin:1rem 0.5rem 0 0; width:auto;}
.album-list h2 { padding:1.25rem 0 0 0; }
.album-row {padding:2rem 0; margin-bottom:2rem; }
}

@media only screen and (max-width:650px) {
.select {width:40%;}
}

@media only screen and (max-width: 600px) {
.reg-row { flex-wrap:wrap;}
.reg-i { width:100%; margin-right:0; }

.welcome { padding:0;}
.welcome-info { width:80%; }
.hello-name{padding:0.5rem 0 0 0; margin:1.5rem 1rem 0 1rem; width:100%; float:left; border-top:1px solid #e6ebef; position:relative; top:0; left:0;}
.filter-box-btn{margin:1rem 0 0 0;}
.licence-block {flex-direction:column;}
.licence-item {width: 100%; margin: 1rem 0; text-align: left; padding: 0 0 0 3rem;}
}

@media only screen and (max-width: 450px) {
.filter-column{padding:0; margin:0; float:left; width:100%; font-size:0.85rem;}
.select {width:60%;}
}

@media only screen and (max-width: 360px) {
.licence-item {padding: 0 0 0 1rem;}
}