@media (min-width:767.98px) {
    .menu, .close, .hamburger{
        display: none;
    }
}
@media (max-width:1199.98px) {
    .header{
        background: url("../system_images/headerMobileBg.jpg") no-repeat top;
    }
    .bodyContainer{
        padding: 0 45px;
    }
    .mainContainer {
        width: 100%;
    }
    .header{
        background-size: contain!important;
        height: 100%;
        margin-bottom: 40px;
    }
    #header_area2_0, .contentBlock{
        padding: 0!important;
    }
    .contentLeft{
        width: 25%;
    }
    .contentRight{
        float: left;
        width: 100%;
    }
    .contentTop, .content{
        width: 64%;
        float: right;
    }
    .pageContent, h2.storyAuthor, .storyListBlock{
        display: table;
        width: 100%;
    }
    .contentRight{
        width: 25%;
    }
    .contentLeftObject:nth-child(3), .contentRightObject:nth-child(2), .contentRightObject:nth-child(4),
    .contentTop .contentTopObject, .storyPagingTop{
        display: none!important;
    }
    .content .contentRightObject{
        margin: 0 auto;
        width: 100%;
    }
    h2.storyAuthor{
        margin-right:0;
    }
    .contentLeftObject{
        margin: 0;
    }
    #header_area1_1{
        display: none;
    }
    .addFavoriteHolder{
        display: none;
    }
    .footerContent{
        width: 100%;
    }
    .footerContentRight{
        width: auto;
    }
    .storyPaging{
        width: 100%;
        height: 63px;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    a.storyBack, a.storyNext{
        width: 99px;
        height: 53px;
    }
    a.storyListLink{
        background: url(../system_images/storyContentMobile.png) no-repeat center center;
        height: 63px;
    }
    a.storyBack{
        background: url(../system_images/storyBackMobile.png) no-repeat center center;
    }
    a.storyNext{
        background: url(../system_images/storyNextMobile.png) no-repeat center center;
    }
    a.storyBackNonActive {
        background: url(../system_images/storyBackNonActiveMobile.png) no-repeat center center;
    }
    a.storyNextNonActive{
        background: url("../system_images/storyNextNonActiveMobile.png") no-repeat center center;
    }
    .overlay {
        background-color: rgba(0,0,0,0.6);
        height: 100%;
        position: absolute;
        width: 100%;
    }
    .menu li ul li.first{
        background: none;
    }
    .menu .searchButton{
        text-decoration: underline!important;
    }
    .searchFormContainer{
        width: 442px;
        height: 49px;
        background: url(../system_images/searchFormMobileBg.png) no-repeat left top;
    }
    .searchBg{
        display: none;
    }
    .searchText{
        margin: 13px 0 0 15px;
        font-family: verdana;
        width: 84%;
    }
    .searchButton{
        margin: 8px 0 0 4px;
        background: url(../system_images/objectTitlesBg.png) no-repeat left -195px;
        width: 32px;
        height: 30px;
    }
    .content iframe{
        width: 100%;
    }
    h2.groupTitle{
        margin: 14px 0 14px;
    }
    #header_area2_0 img{
        display: none;
    }
    #header_area2_0 .imglink{
        display: inline-block;
        width: 118px;
        height: 122px;
    }
    .storyListRow a{
        margin-top: 5px!important;
        margin-bottom: 5px!important;
    }
    .storyListRow span{
        padding-top: 8px;
        margin-bottom: 8px;
    }
}
@media only screen and (min-device-width : 1090.98px) and (max-device-width : 1199.98px) {
    .bodyContainer{
        padding: 0 96px;
    }
}
@media only screen and (min-device-width : 1078px) and (max-device-width : 1199.98px) {
    .contentTop, .content{
        width: 72%;
    }
}
@media only screen and (min-device-width : 767.98px) and (max-device-width : 792.98px) {
    .header{
        margin-bottom: 0;
    }
}
@media only screen and (min-device-width : 792.98px) and (max-device-width : 884.98px) {
    .header{
        margin-bottom: 15px;
    }
}
@media only screen and (min-device-width : 814px) and (max-device-width : 1078px) {
    .contentTop, .content{
        width: 66%;
    }
}
@media (max-width:767.98px) {
    hr{
        width: 82%;
    }
    .storyListBlock hr{
        width: 68%;
    }
    .bodyContainer{
        padding: 0;
    }
    .header{
        background-size: auto auto!important;
        height: auto;
        margin-bottom: -28px;
    }
    .contentLeft, .contentTop, .content, .contentRight{
        width: 100%;
    }
    .menuList{
        display: none;
    }
    .pageContent,.storyListBlock{
        width: auto;
    }
    h2.storyAuthor{
        margin-right: 0;
    }
    .pageContent{
        margin: 0 15px;
        margin-bottom: 30px;
    }
    .contentLeftObject{
        width: 100%;
    }
    .addFavoriteHolder{
        float: none;
    }
    .footerContentLeft, .lukoshkoStartDate, .lukoshkoCopyRight, .lukoshkoDepelopers{
        width: 100%;
    }
    .footerContentRight{
        padding: 0;
    }
    .footerContentLeft{
        padding: 31px 0 0 0;
    }
    .storyListRow a, a.searchResultTitle, .storyPaging{
        margin: 0;
    }
    .hamburger {
        background: url(../system_images/hamburger.png);
        position: absolute;
        top: 10px;
        left: 15px;
        border: none!important;
        z-index: 10000000000000;
        width: 28px;
        height: 25px;
    }
    .close {
        background: url(../system_images/close.png);
        position: absolute;
        top: 10px;
        left: 15px;
        z-index: 10000000000000;
        width: 25px;
        height: 26px;
        border: none!important;
    }
    .menu {
        z-index: 1000000;
        font-weight: bold;
        font-size: 0.8em;
        width: 100%;
        background: #84bd10;
        position: absolute;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        list-style-image: none;
        width: 100%;
    }
    .menu li {
        display: block;
        padding: 0;
        width: 100%;
    }
    .menu li:hover {
        display: block;
        padding: 0;
    }
    .menu ul li a {
        text-decoration: none;
        margin: 0px;
        color: #fff;
    }
    .menu ul li a:hover {
        color: #fff;
        text-decoration: none;
    }
    .menu a {
        text-decoration: none;
        color: white;
    }
    .menu a:hover {
        text-decoration: none;
        color: white;
    }
    .close,.menu{
        display: none;
    }
    .menu li a.level_1{
        background: none;
        width: 100%;
    }
    .menu li a.level_1.menuActive{
        background: #72a400;
    }
    .hamburgerBlock{
        float: left;
        width: 100%;
        height: 45px;
        background: #84bd10;
        position: relative;
    }
    .mobileSearchMenu{
        float: right;
    }
    .mobileSearchMenu .contentRightObject{
        float: right;
        width: 100%;
    }
    .mobileSearchMenu .searchFormContainer{
        background: none;
        height: 45px;
        width: 215px;
    }
    .menu li ul{
        background: none;
        background-color: #ededed;
        width: 100%;
    }
    .menu li ul li a{
        font-size: 14px;
        margin: 0 0 0 4px;
        background: none;
        font-weight: normal;
        line-height: 2.2;
    }
    .menu li ul li a.selected, .menu li ul li a:hover{
        background: url("../system_images/subMenuItemSelectedBg.png") left 12px no-repeat;
    }
    .menu li a.level_1{
        font-weight: normal;
        text-align: left;
        padding: 10px 15px;
    }
    .searchText{
        margin: 11px 0 0 15px;
        width: 150px;
    }
    .content .contentRightObject{
        width: 240px;
        margin: 0 auto;
        float: none;
    }
    .google-auto-placed ins {
        margin: 0!important;
    }
    .google-auto-placed ins, .google-auto-placed ins iframe{
        width: 100%!important;
    }
}