@media only screen and (max-width: 1024px) {
    h1, .h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .magnet .yearbook .title {
        font-size: 15px;
        line-height: 17px;
    }

    .sidebar .widget .header {
        font-size: 14px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .header {
        font-size: 14px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .title {
        font-size: 13px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .subtitle {
        font-size: 13px;
        line-height: 17px;
    }

    .sidebar .widget .uppercase a {
        font-size: 10px;
    }

    .main .btntitle {
        font-size: 20px;
        line-height: 20px;
    }

    .main ul.itemsNet li.three-three .caption .title {
        font-size: 18px;
        line-height: 22px;
    }

    .main ul.itemsNet li.three-three .caption p {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.one-three .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.two-three .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.one-four .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.paginator li a {
        font-size: 15px;
        line-height: 15px;
        width: calc(100% - 10px);
        padding: 7px 5px;
    }

    .datesList ul.itemsNet li.full .caption .title {
        font-size: 16px;
        line-height: 21px;
    }

    .datesList ul.itemsNet li.full .dataNum .desc .title {
        font-size: 16px;
        line-height: 21px;
    }

    .ad_horizontal {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    h1, .h1 {
        font-size: 24px;
        line-height: 29px;
    }

    .mobile_only {
        display: inline-block;
    }

    .ad_block{
        margin: 10px 0;
    }

    .big_only {
        display: none;
    }

    .magnet .logo {
        width: 17%;
    }

    .magnet .yearbook .title {
        font-size: 14px;
        line-height: 17px;
    }

    .magnet .yearbook a.year {
        font-size: 10px;
        line-height: 10px;
    }

    .sidebar .widget .header {
        font-size: 11px;
        line-height: 15px;
    }

    .sidebar .widget .header .fa {
        right: 3px;
        top: 5px;
        font-size: 13px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .header {
        font-size: 12px;
        line-height: 19px;
    }

    .main .timeline ul.fortnite li .title {
        font-size: 12px;
        line-height: 15px;
    }

    .main .timeline ul.fortnite li .subtitle {
        font-size: 12px;
        line-height: 17px;
    }

    .sidebar .widget .uppercase a {
        font-size: 10px;
        line-height: 12px;
    }

    .main .btntitle {
        font-size: 18px;
        line-height: 18px;
    }

    .main ul.itemsNet li.three-three .caption .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.three-three .caption p {
        font-size: 12px;
        line-height: 17px;
    }

    .main ul.itemsNet li.one-three .title {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.two-three .title {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.one-four .title {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.paginator li {
        margin: 0 2px;
    }

    .main ul.paginator li a {
        font-size: 13px;
        line-height: 13px;
        width: calc(100% - 6px);
        padding: 5px 3px;
    }

    .datesList ul.itemsNet li.full .caption .title {
        font-size: 16px;
        line-height: 21px;
    }

    .datesList ul.itemsNet li.full .dataNum .desc .title {
        font-size: 16px;
        line-height: 21px;
    }

    .mainMenu ul.links li {
        margin: 0 20px 5px 0;
    }

    .mainMenu ul.links li a {
        font-size: 15px;
        line-height: 18px;
    }

    .sidebar .big {
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .customerCal .small, .customerCal .small.rights {
        width: 100%;
    }
}

@media only screen and (max-width: 1150px) {
    .rightSidebar {
        display: none;
    }

    .content {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 900px) {
    /* было 768px */
    .wrapper {
        padding: 40px 0 0;
        width: 100%;
    }

    .wrap {
        width: 96%;
    }

    .sidebar {
        display: none;
    }

    .main {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .magnet .yearbook {
        display: none;
    }

    .magnet .yearbook .title {
        font-size: 15px;
        line-height: 15px;
        margin: 0 auto 1px;
    }

    .magnet .yearbook a.year {
        font-size: 11px;
        line-height: 11px;
    }

    .sidebar .widget .header {
        font-size: 14px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .header {
        font-size: 12px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .title {
        font-size: 12px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .subtitle {
        font-size: 12px;
        line-height: 17px;
    }

    .sidebar .widget .uppercase a {
        font-size: 10px;
    }

    .main .btntitle {
        font-size: 20px;
        line-height: 20px;
    }

    .main ul.itemsNet li.three-three .caption .title {
        font-size: 18px;
        line-height: 22px;
    }

    .main ul.itemsNet li.three-three .caption p {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.one-three .title {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 3px;
    }

    .main ul.itemsNet li.two-three .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.one-four .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.two-three .caption p {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.paginator li a {
        font-size: 15px;
        line-height: 15px;
        width: calc(100% - 10px);
        padding: 7px 5px;
    }

    .datesList ul.itemsNet li.full .caption .title {
        font-size: 16px;
        line-height: 21px;
    }

    .datesList ul.itemsNet li.full .dataNum .desc .title {
        font-size: 16px;
        line-height: 21px;
    }

    .main ul.itemsNet li .image {
        height: 180px !important;
    }

    .main ul.itemsNet li .image, .main ul.itemsNet li:hover .image {
        background-size: cover !important;
    }

    .burger {
        display: inline-block;
    }

    .magnet .search {
        width: calc(78% - 300px);
        margin: 0 2%;
    }

    .flag-icon {
        width: 0.8em;
    }

    .main ul.itemsNet li .year {
        margin: 0;
    }

    .mainMenu {
        width: 96%;
        padding: 20px 2% 10px;
    }

    .footer {
        width: 96%;
        padding: 30px 2% 20px;
    }

    .content {
        width: 100%;
        margin: 0;
    }

}

@media only screen and (max-width: 568px) {
    .dateWidget, .shareWidget {
        display: none;
    }

    .wrapper {
        overflow: hidden;
    }

    h1, .h1 {
        font-size: 20px;
        line-height: 24px;
    }
    
    h2, .h2{
        font-size: 18px;
        line-height: 22px;
    }

    .magnet .logo {
        width: 22%;
    }

    .magnet .auth {
        width: 230px;
    }

    .magnet a.btn {
        font-size: 10px;
        line-height: 10px;
    }

    .sidebar .widget .header {
        font-size: 11px;
        line-height: 15px;
    }

    .sidebar .widget .header .fa {
        right: 3px;
        top: 5px;
        font-size: 13px;
        line-height: 17px;
    }

    .main .timeline {
        margin-bottom: 15px;
    }
    .main .timeline ul.fortnite li{
        width: 100%;
    }
/*    .main .timeline ul.fortnite li:nth-child(2), .main .timeline ul.fortnite li:nth-child(3){
        display: none;
    }*/
    .main .timeline ul.fortnite li .header {
        font-size: 10px;
        line-height: 19px;
        white-space: nowrap;
    }

    .main .timeline ul.fortnite li .title {
        font-size: 12px;
        line-height: 15px;
    }

    .main .timeline ul.fortnite li .subtitle {
        font-size: 12px;
        line-height: 17px;
    }

    .sidebar .widget .uppercase a {
        font-size: 10px;
        line-height: 12px;
    }

    .main .btntitle {
        font-size: 16px;
        line-height: 16px;
    }

    .main ul.itemsNet li.three-three .caption .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.three-three .caption p {
        font-size: 13px;
        line-height: 17px;
    }

    .main ul.itemsNet li.one-three .title {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.two-three .title {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.one-four .title {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.paginator li {
        margin: 0 2px;
    }

    .main ul.paginator li a {
        font-size: 13px;
        line-height: 13px;
        width: calc(100% - 6px);
        padding: 5px 3px;
    }

    .datesList ul.itemsNet li.full .caption .title {
        font-size: 16px;
        line-height: 21px;
    }

    .datesList ul.itemsNet li.full .dataNum .desc .title {
        font-size: 16px;
        line-height: 21px;
    }

    .mainMenu ul.links li {
        margin: 0 20px 0 0;
    }

    .mainMenu ul.links li a {
        font-size: 13px;
        line-height: 15px;
    }

    .sidebar .big {
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .main .timeline ul.fortnite li p {
        font-size: 14px;
        line-height: 14px;
    }

    .main ul.itemsNet li {
        display: inline-block;
        width: 100% !important;
        margin: 0 2% 20px 0 !important;
        padding: 0 0 15px !important;
    }

    .main .citydays_main ul.itemsNet li, .main ul.itemsNet.cities li{
        padding: 5px 0 15px !important;
    }

    .main ul.itemsNet li:nth-child(2n) {
        margin: 0 0 20px 0 !important;
    }

    .main ul.itemsNet li .title {
        font-size: 17px !important;
        line-height: 22px !important;
        margin: 0 0 10px !important;
    }

    .main ul.itemsNet li .image {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px !important;
        border-radius: 5px 5px 0 0 !important;
        max-height: 200px !important;
    }

    .main ul.itemsNet li .image img {
        border-radius: 5px 5px 0 0 !important;
    }

    .main ul.itemsNet li .caption {
        width: calc(100% - 30px) !important;
        height: 147px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        overflow: hidden !important;
    }

    .main ul.itemsNet li .caption p {
        width: 100% !important;
    }

    .main .nameDay ul.itemsNet li .caption {
        margin-top: 12px !important;
    }

    .main .nameDay ul.itemsNet li .caption p {
        font-size: 12px !important;
        line-height: 17px !important;
    }

    .datesList ul.itemsNet li.full .dataNum {
        width: 100%;
        margin: 10px auto 0;
    }

    .datesList ul.itemsNet li.full .dataNum .desc .title {
        margin: 0 !important;
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .datesList ul.itemsNet li.full .caption {
        margin: 10px 0 0 !important;
    }

    .datesList ul.itemsNet li.full .caption .title {
        font-size: 15px !important;
        line-height: 20px !important;
        margin: 0 0 2px !important;
    }

    .content .blockquote {
        font-size: 14px;
        line-height: 18px;
    }

    .main ul.itemsNet li.one-three .link {
        font-size: 13px;
        line-height: 15px;
    }

    .content .float {
        width: 200px;
    }

    span.mobile_search {
        display: inline-block;
    }

    span.mobile_search button {
        position: relative;
        display: inline-block;
        margin: 4px 0 0;
        top: none;
        vertical-align: middle;
    }

    .mobile_search_field {
        position: absolute;
        left: -8px;
        width: 100%;
        background-color: #fff;
        padding: 10px;
    }

    .mobile_search_field input {
        width: 60%;
        border: 1px solid #C0C0C0;
        font-size: 14px;
        padding: 3px;
    }
}

@media only screen and (max-width: 414px) {
    .wrapper {
        padding-top: 50px;
    }

    .fa-user-circle-o {
        display: block;
    }

    .magnet .auth {
        width: 82px;
    }

    .magnet .auth a {
        width: 38px;
        padding: 12px 0;
        font-size: 16px;
    }

    .magnet .auth a .text {
        display: none;
    }

    .magnet .logo {
        width: calc(50% - 10px);
    }

    /*.magnet .search {
        width: 13%;
        background: none;
        height: 34px;
    }*/
    .magnet .search input.searchField {
        display: none;
    }

    .sidebarPopup .links {
        display: block;
    }

    .mainMenu ul.links {
        display: none;
    }
.mainMenu {
display: none;
}

.main .timeline {
margin: 20px 0;
    max-height: 150px;
}
    .main ul.itemsNet li {
        display: inline-block;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 0 0 15px !important;
    }

    .main ul.itemsNet li .title {
        font-size: 17px !important;
        line-height: 22px !important;
        margin: 0 0 10px !important;
    }

    .main ul.itemsNet li .image {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px !important;
        border-radius: 5px 5px 0 0 !important;
        max-height: 200px !important;
    }

    .main ul.itemsNet li .image img {
        border-radius: 5px 5px 0 0 !important;
    }

    .main ul.itemsNet li .caption {
        width: calc(100% - 30px) !important;
        height: 147px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        overflow: hidden !important;
    }

    .main ul.itemsNet li .caption p {
        width: 100% !important;
    }

    .sidebar .widget .header {
        font-size: 14px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .header {
        font-size: 15px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .title {
        font-size: 15px;
        line-height: 17px;
    }

    .main .timeline ul.fortnite li .subtitle {
        font-size: 15px;
        line-height: 17px;
    }
.main .index_page .block {
margin: 20px 0 0;
}
    .sidebar .widget .uppercase a {
        font-size: 11px;
    }

    .main .btntitle {
        font-size: 20px;
        line-height: 20px;
    }

    .main ul.itemsNet li.three-three .caption .title {
        font-size: 18px;
        line-height: 22px;
    }

    .main ul.itemsNet li.three-three .caption p {
        font-size: 14px;
        line-height: 19px;
    }

    .main ul.itemsNet li.one-three .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.two-three .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.itemsNet li.one-four .title {
        font-size: 16px;
        line-height: 20px;
    }

    .main ul.paginator li a {
        font-size: 15px;
        line-height: 15px;
        width: calc(100% - 10px);
        padding: 7px 5px;
    }

    .datesList ul.itemsNet li.full .caption .title {
        font-size: 16px;
        line-height: 21px;
    }

    .datesList ul.itemsNet li.full .dataNum .desc .title {
        font-size: 16px;
        line-height: 21px;
    }

    .footer {
        text-align: center;
    }

    .footer ul.threeColumns {
        text-align: center;
    }

    .footer ul.threeColumns li.copyrights, .footer ul.threeColumns li.links {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .footer ul.threeColumns li.counter {
        width: 50%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .footer ul.threeColumns li.counter img {
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .content .float {
        width: 100%;
        float: none;
        margin: 0 auto 20px;
    }

    .sidebarPopup {
        width: 96%;
    }

}

@media only screen and (max-width: 375px) {
    .magnet .auth {
        width: 82px;
    }

    .magnet .auth a {
        width: 38px;
        padding: 12px 0;
        font-size: 16px;
    }

    .magnet .auth a .text {
        display: none;
    }

}

@media only screen and (max-width: 320px) {
    .magnet .auth {
        width: 82px;
    }

    .magnet .auth a {
        width: 38px;
        padding: 12px 0;
        font-size: 16px;
    }

    .magnet .auth a .text {
        display: none;
    }

    .main .breadcrumbs a {
        font-size: 10px;
    }

}

@media only screen and (max-width: 900px) {
    .work_calend {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .work_calend {
        font-size: 14px;
        width: 49%;
    }

    .moon_30 {
        width: calc(49% - 12px);
    }
}

@media only screen and (max-width: 414px) {
    .work_calend {
        font-size: 14px;
        width: 98%;
    }

    .moon_30 {
        width: calc(98% - 12px);
    }
}

@media only screen and (max-width: 568px) {
    .magnet .search {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    .userblock .userinfo .name, .userblock .userinfo .additional {
        display: none;
    }

    .userblock .userinfo .links a:not(.exit) {
        display: none;
    }

    .userblock .userinfo .links a .fa {
        font-size: 20px;
    }

    .main ul.itemsNet li .caption {
        height: auto !important;
    }

    .addEvent .formAdd input[type="text"], .editProfile .formEdit input[type="text"], .editProfile .formEdit input[type="password"] {
        font-size: 13px;
        line-height: 18px;
    }

    .editProfile .formEdit select {
        font-size: 13px;
        line-height: 18px;
    }

    .addEvent .formAdd select[name="day"], .editProfile .formEdit select[name="day"] {
        width: 31%;
    }

    .addEvent .formAdd select[name="month"], .editProfile .formEdit select[name="month"] {
        width: 31%;
        margin: 0 1% 20px 0;
    }

    .editProfile .formEdit select[name="year"] {
        width: 31%;
    }

    .addEvent .formAdd ul.files li .chooseFile, .editProfile .formEdit ul.files li .chooseFile {
        width: 100%;
    }

    .editProfile .formEdit button.btn {
        width: 100%;
        margin: 0;
    }

    .editProfile .formEdit .btn.delete {
        width: 100%;
        padding: 12px 0;
    }

    .addEvent .formAdd select, .editProfile .formEdit select {
        max-width: 100%;
    }

    .editProfile .formEdit .country select {
        width: calc(50% - 4px);
        margin-right: 1%;
    }

    .editProfile .formEdit .country input {
        width: calc(50% - 24px);
    }

    .addEvent .formAdd button.btn, .editProfile .formEdit button.btn {
        width: 100%;
    }

    .addEvent .formAdd textarea, .editProfile .formEdit textarea {
        width: calc(100% - 20px);
    }

    .regWindow, .authWindow {
        width: 86%;
        position: fixed;
        right: 2%;
        top: 90px;
    }

    .addEvent .formAdd .bbcode {
        width: calc(100% - 18px);
    }

}

@media only screen and (max-width: 375px) {
    .regWindow, .authWindow {
        width: 85%;
        position: fixed;
        right: 2%;
        top: 70px;
    }
}

@media only screen and (max-width: 320px) {
    .content .buttons a.btn.link {
        position: relative;
        right: auto;
        top: auto;
        padding: 8px 12px;
        margin: 10px 0;
    }

    .regWindow, .authWindow {
        width: 84%;
        position: fixed;
        right: 2%;
        top: 70px;
    }

}

@media only screen and (max-width: 414px) {
    .main ul.itemsNet li.img_on_the_left {
        display: inline-block !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
    }

    .main ul.itemsNet li.img_on_the_left .image {
        display: block !important;
        width: 25% !important;
        float: left !important;
        margin: 0 !important;
        border-radius: 5px 5px 5px 5px !important;
        max-height: 100px !important;
    }

    .main ul.itemsNet li.img_on_the_left .caption {
        width: calc(75% - 30px) !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 10px 15px !important;
        overflow: hidden !important;
    }
}

@media only screen and (max-width: 568px) {
    .addInfo {
        font-size: 15px;
        line-height: 15px;
    }
}

@media only screen and (max-width: 900px) {
    .addInfo {
        font-size: 17px;
        line-height: 17px;
    }
}

@media only screen and (max-width: 1024px) {
    .addInfo {
        font-size: 18px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 568px) {
.bottomFixedBlock {
    position: fixed;
    width: 100%;
    height: 100px;
    background: #fff;
    bottom: 0;
    left: 0;
    z-index: 9999;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.3);
}

.bottomFixedBlock .bottomFixedBlockClose {
    position: absolute;
    right: 6px;
    bottom: 4px;
    background-color: rgba(255,255,255, 0.7);
    z-index: 10000;
    padding: 2px 2px 0;
}

.bottomFixedBlock .bottomFixedBlockClose a {
	font-size: 40px;
}

.gotop {
bottom: 110px;
}
    .main .index_page .block a.journalTitle {
        display: inline-block;
        clear: both;
        margin: 0 0 34px;
    }

    .main .index_page .block div.btnbuttons {
        display: block;
        clear: both;
        margin: -21px 0 0 0;
        position: relative;
    }

    .main .index_page .block span.hr {
        margin: -50px 0 82px;
    }

    div.btnbuttons .btnbutton {
        font-size: 13px;
    }

}