@media screen and (max-width : 1240px) {
	.wrapper {width: 100%;}
	#footer .wrapper {padding: 0 20px;}
	
	.site-logo a {background-image: url(../images/logo-tablet.png);}
	
	.site-logo-mobile {left: 10px;}

	#promo-tickets-discount .info {width: unset; flex: 1;}
	#promo-tickets-discount .gallery {flex: unset; width: 630px;}
}

@media screen and (max-width : 1199px) {
	#header-date {left: 240px;}
	
	#header-kulturno-sybitie {left: 350px;}
	
	.site-logo-mobile a {width: 85px;}
	
	.site-logo-footer {margin: 38px 0 0 -25px;}
	#footer {height: 230px;}
	#footer .content {width: calc(100% - 220px);}

	#header-vsichkohubavo {left: 250px;}
}

@media screen and (max-width : 1140px) {
	#main-menu .menu-item-home {display: none;}
	.fixed #main-menu .menu-item-home {display: inline-block;}
	
	#single-article-left {display: none;}
	#single-article-right {width: 100%;}
	
	#row-dont-miss .title-line:before, #row-dont-miss .title-line:after {width: 100%;}
	.box-dont-miss {width: 50%;}
	.box-dont-miss:nth-child(3) {display: none;}
	
	.article-list .box-image {width: 320px; height: 230px;}
	.article-list .content {width: calc(100% - 335px); height: 230px;}
	
	.title-line.line-420::before, .title-line.line-420::after {width: 320px;}
	
	.article-list .excerpt {height: 122px;}
	
	#banner-sofiaphilharmonic .logo {width: 120px; padding: 0 20px;}
	#banner-sofiaphilharmonic .content {width: calc(100% - 120px);}
	
	#footer {height: auto;}
	#footer .content {margin: 60px 0 20px 0;}
	#footer-menu {width: 100%;}
	#footer-socials {width: 100%; margin: 15px 0 0 0;}

	.after-article-vsichkohubavo .box-vsichkohubavo {display: grid;}

	.full-width-vsichkohubavo .box-vsichkohubavo .teatar a {font-size: 1.125em;}

	.full-width-vsichkohubavo.v3 .events ul {grid-template-columns: unset;}
	.full-width-vsichkohubavo.v3 .events .image {width: 100px;}
	.full-width-vsichkohubavo.v3 .events .title {flex: 1;}
}

@media screen and (max-width : 999px) {
	.site-logo, #header-date, #header-socials, #header-search, #header-ploshtad, #main-menu, #main-menu-dropdown, #header-radio {display: none;}
	#header {height: 80px;}
	.fixed #main-menu {top: -10px;}
	.fixed #main-menu-dropdown {top: 60px;}
	.site-logo-mobile {opacity: 1; pointer-events: auto;}
	
	.site-logo-mobile a {width: 170px;}
	
	#page-content {padding: 95px 15px 50px 15px;}
	
	#mobile-menu-toggle {display: block;}
	
	#graffiti-banner {margin-top: -15px;}
	
	#graffiti-banner .link {width: 70%;}
	#graffiti-banner .image {left: auto; right: 0;}
	
	#banner-operata .logo {width: 170px;}
	#banner-operata .content {width: calc(100% - 170px);}
	
	#header-kulturno-sybitie {width: 80px; height: 70px;}
	
	#header-kulturno-sybitie {left: 240px;}

	.fixed #header-vsichkohubavo {display: block;}
	#header-vsichkohubavo {left: 180px; width: 160px;}
	#header-vsichkohubavo a {margin-top: 8px;}

	#header-ctas {right: 80px;}
}

@media screen and (max-width : 899px) {
	#footer {margin: -50px 0 0 0;}
	#footer-menu .level-0 + .level-0 {margin: 0 0 0 15px;}
	
	#single-article {width: 100%;}
	#page-sidebar-before {width: 100%;}
	#page-sidebar {width: 100%;}
	
	.box-dont-miss {width: 33.333333333333333%;}
	.box-dont-miss:nth-child(3) {display: block;}
	
	.on-desktop-only {display: none;}
	/*.on-mobile-only {display: block;}*/
	
	#sidebar-row-1, #sidebar-row-2, #sidebar-row-2-2, #sidebar-row-3, #sidebar-row-4 {width: 50%;} 

	#promo-tickets-discount {display: block; height: unset; overflow: unset;}
	#promo-tickets-discount .gallery {width: calc(100% + 15px); margin: 15px 0 0 -15px;}
	#promo-tickets-discount .info {padding-right: 42px;}
}

@media screen and (max-width : 767px) {
	#header {background-position: -400px center;}
	#footer {background: #333;}
	.site-logo-footer {margin-top: 20px;}
	#footer .content {margin-top: 40px;}
	
	#single-article-facebook-box .label {width: calc(100% - 280px - 15px);}
	#single-article-facebook-box .fb {width: 280px;}
	
	.box-dont-miss {width: 50%;}
	.box-dont-miss:nth-child(3) {display: none;}
	
	#sidebar-row-1 {padding: 0 15px 0 0;}
	#sidebar-row-4 {padding: 0 0 0 15px;}
	
	#banner-sofiaphilharmonic .content {line-height: 100%; margin: 20px 0;}
	#banner-sofiaphilharmonic .link {margin: 0;}
	#banner-sofiaphilharmonic .title {width: 100%; padding: 0 0 10px 0;}
	#banner-sofiaphilharmonic .date {width: calc(100% - 130px);}
	
	#banner-operata .content {line-height: 100%; margin: 20px 0;}
	#banner-operata .link {margin: 0;}
	#banner-operata .title {width: 100%; padding: 0 0 10px 0;}
	#banner-operata .date {width: calc(100% - 130px); top: auto;}
	
	#go-top-top {top: auto; right: auto; left: 0; bottom: 20px;}
	
	.article-share {text-align: center;}
	
	#banner-musictheatre {padding: 0 20px;}
	#banner-musictheatre .logo-1 {width: 100%; line-height: 100%; margin: 20px 0; text-align: center;}
	#banner-musictheatre .logo-2 {width: 100%; line-height: 100%; margin: 0 0 20px 0; text-align: center;}
	#banner-musictheatre .align {width: 100%; line-height: 100%; margin: 0 0 20px 0; text-align: center;}
	#banner-musictheatre .ob {text-align: center;}

	.full-width-vsichkohubavo.v1 .logos {grid-column: span 2;}
	.full-width-vsichkohubavo.v1 .teatar {grid-column: span 4;}
	.full-width-vsichkohubavo.v1 .events ul {grid-template-columns: unset;}
	.full-width-vsichkohubavo.v1 .events .image {width: 100px;}
	.full-width-vsichkohubavo.v1 .events .title {flex: 1;}

	.full-width-vsichkohubavo.v2 .box-vsichkohubavo {grid-template-columns: repeat(3, 1fr);}
	.full-width-vsichkohubavo.v2 .box-vsichkohubavo .koncerti a, .full-width-vsichkohubavo.v2 .box-vsichkohubavo .opera-i-balet a {font-size: 1em;}

	.full-width-vsichkohubavo.v3 .logos {grid-column: span 2;}
	.full-width-vsichkohubavo.v3 .teatar {grid-column: span 4;}
	.full-width-vsichkohubavo.v3 .vhod-svoboden, .full-width-vsichkohubavo.v3 .zaedno-s-decata {grid-column: span 2;}
	.full-width-vsichkohubavo.v3 .events {grid-column: span 4;}

	#header-ctas .register-login .login {display: none;}

	.page-membership-info .the-content {columns: unset;}
	.page-membership-info .plans-grid {grid-template-columns: unset;}
	.page-membership-info .benefits-cols {gap: unset;}
	.page-membership-info .benefits-cols .col {flex: 100%;}

	#promo-tickets-discount .info .title {font-size: 1.25rem; line-height: 130%;}
	#promo-tickets-discount .info .cta {font-size: 1.125rem;}
}

@media screen and (max-width : 620px) {
	#graffiti-banner {height: 60px;}

	#header-ctas {display: none;}
}

@media screen and (max-width : 599px) {
	#footer {text-align: center;}
	.site-logo-footer {}
	#footer .content {width: 100%; margin-top: 0; margin-bottom: 30px;}
	
	.article-title {font-size: 2.25em;}
	
	.article-author-box {margin: 0 0 20px 0;}
	.article-author-box .image {width: 90px;}
	.article-author-box .image + .align {margin: 0 0 0 106px;}
	.article-author-box .share {position: relative; right: auto; top: auto; margin: 5px 0 0 0;}
	
	#single-article-facebook-box {text-align: left;}
	#single-article-facebook-box .label {width: 100%; margin: 0 0 15px 0;}
	#single-article-facebook-box .fb {width: 100%;}
	
	#row-article-read-more .col-275 {width: 100%;}
	#row-article-read-more .col-275:not(:last-child) {margin: 0;}
	#row-article-read-more .title-empty {display: none;}
	
	.box-dont-miss {width: 100%;}
	.box-dont-miss:nth-child(3) {display: block;}
	.box-dont-miss + .box-dont-miss {margin: 15px 0 0 0;}
	
	#sidebar-row-1, #sidebar-row-2, #sidebar-row-2-2, #sidebar-row-3, #sidebar-row-4 {width: 100%; padding: 0;}
	
	#home-top-10 .col-420 {width: 100%;}
	#home-top-10 .title-line.title-empty {height: 0;}
	#home-top-10 .title-line:not(.title-empty) {overflow: hidden;}
	#home-top-10 .title-line:not(.title-empty) span {display: none;}
	#home-top-10 .home-top-10-content {height: auto;}
	
	#single-afish-fantastiko .single-event .image {width: 200px;}
	#single-afish-fantastiko .single-event .align {width: calc(100% - 200px); padding: 0 0 0 20px;}
	#single-afish-fantastiko .single-event .title {font-size: 1.75em; margin-top: -3px;}
	
	#go-top-top {left: auto; bottom: auto; right: 0; top: 30px;}
}

@media screen and (max-width : 567px) {
	.article-list .box-image {width: 100%; height: 200px;}
	.article-list .content {width: 100%; padding: 10px 10px 0 10px;}
	
	.title-line::before, .title-line::after {width: 100% !important;}
	/*.title-line.line-420::before, .title-line.line-420::after {width: 100%;}*/
	
	.pagination .current {font-size: 1.25em; padding: 0 10px;}
	
	#banner-sofiaphilharmonic .logo {line-height: 140px;}
	#banner-sofiaphilharmonic .title, #banner-sofiaphilharmonic .date {font-size: 1.5rem;}
	#banner-sofiaphilharmonic .date .small, #banner-sofiaphilharmonic .button {font-size: 1rem;}
	#banner-sofiaphilharmonic .date {width: calc(100% - 100px);}
	#banner-sofiaphilharmonic .button {width: 100px; line-height: 32px;}
	
	#banner-operata .logo {width: 120px; line-height: 140px;}
	#banner-operata .title, #banner-operata .date {font-size: 1.5rem;}
	#banner-operata .date .small, #banner-operata .button {font-size: 1rem;}
	#banner-operata .date {width: calc(100% - 100px);}
	#banner-operata .button {width: 100px; line-height: 32px;}
	#banner-operata .content {width: calc(100% - 120px);}

	#banner-ploshtad {margin: 0 0 20px 0; height: 160px;}
}

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

}

@media screen and (max-width : 413px) {
	/*.article-author-box .share {float: left; width: 100%; margin: 15px 0 20px 0;}*/
	
	.pagination .current {font-size: 1.125em;}
	.pagination a {font-size: 0.875em;}
	
	#footer-menu .level-0 {margin-bottom: 10px !important;}
	
	#graffiti-banner {height: 50px;}
	
	#single-afish-fantastiko .single-event .image {width: 140px;}
	#single-afish-fantastiko .single-event .align {width: calc(100% - 140px);}
	
	#cookies-bar {width: 100%;}
	
	#banner-sofiaphilharmonic {position: relative;}
	#banner-sofiaphilharmonic .slogan {left: 20px; width: calc(100% - 40px); background-position: center calc(50% + 30px);}
	#banner-sofiaphilharmonic .content {position: static;}
	#banner-sofiaphilharmonic .date {width: 100%;}
	#banner-sofiaphilharmonic .button {width: 100%; margin: 10px 0 0 0;}
	
	#banner-operata {position: relative;}
	#banner-operata .logo {margin: 60px 0 0 0;}
	#banner-operata .slogan {left: 20px; width: calc(100% - 40px); background-position: center 10px;}
	#banner-operata .content {position: static;}
	#banner-operata .date {width: 100%;}
	#banner-operata .button {width: 100%; margin: 10px 0 0 0;}
	
	#header-kulturno-sybitie {left: 200px;}

	#header-vsichkohubavo {width: 140px;}
}

@media screen and (max-width : 374px) {
	.site-logo-mobile a {width: 85px;}
	#footer-socials .social {width: 100%;}
	#footer-socials .social + .social {margin: 15px 0 0 0;}
	
	.pagination .arrow:first-child {margin: 0 15px 0 0;}
	.pagination .current {display: none;}
	
	#single-afish-fantastiko .single-event .image {width: 100%;}
	#single-afish-fantastiko .single-event .align {width: 100%; padding: 20px 0 0 0;}
	
	#header-kulturno-sybitie {left: 120px;}

	#header-vsichkohubavo {left: 100px;}

	.full-width-vsichkohubavo.v1 .events .image {width: 70px;}

	.full-width-vsichkohubavo.v3 .events .image {width: 70px;}
}