/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23.07.2015, 16:25:48
    Author     : shaman
*/



@media all and (max-width: 800px) {
    body{
        min-width: 0px;
        font-size: 17px;
    }
    h1{
        font-size: 30px;
    }
    h2{
        font-size: 20px;
        line-height: 20px;
    }
    h5{
        letter-spacing: 1px;
    }

    .pdf-link-file {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%;
    }

    /* menu */
    .second-menu-arrow {
        position: absolute;
    }

    .second-menu-one {
        width: 100%;
        margin: 5px 0 0 30px;
    }

    .ui-multiselect-menu .ui-multiselect-checkboxes li > label {
        line-height: 19px !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
        min-height: auto !important;
        padding-bottom: 10px !important;
    }


    .page_not_that_big_wrapper{
        width: 100%;
        overflow-x: hidden;
    }
    .pusto-mobile{
        content		: ".";
	visibility	: hidden;
	display		: block;
	height		: 0;
	clear		: both;
    }
    .header.page .head-logo-info ,
    .header.page .head-title,
    .top-menu-wrap,
    .main-content-search, 
    .contant-page-body-text,
    .contant-page-advance-search-form-for-select,
    .contant-page-advance-search-form-for-checkbox,
    .words_content_wrapper{
        width: 85%;
        min-width: 259px;
    }
    
    /*header*/
    .header{
        padding-bottom: 20px;
    }
    .header.page{
        width: 100%;
        /*padding-left: 20px;*/
    }
    .header.page .head-logo-info ,
    .header.page .head-title{
        display: block;
        /*width: 259px;*/
        margin: auto;
    }
    .header.page .head-title{
        text-align: center;
        padding-top: 12px;
    }
    .header.page .head-line{
        display: none;
    }
    .header.page .head-logo-info .head-info{
        margin-top: 0px;
        padding-top: 11px
    }
    .header.page .head-logo{
        margin-top: 10px;
        margin-right: 10px;
    }
    .header.page .logo{
        width: 97%;
        padding: 0 1.5% 0 1.5%;
    }
    .header.page .subtext{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .header.page .subtext:before{
        content: none;
    }
    .header.page h1, .main-title {
        font-size: 29px;
        line-height: 27px;
    }
    .head-info span,
    .head-info .head-info-link{
        margin-left: 0px;
    }
    .defolt-line{
        height: auto;
    }
    
    
    /*menu*/
    .page{
        /*width: 100%;*/
    }
    .top-menu-wrap{
        /*width: 259px;*/
    }
    .top-menu-wrap .top-menu{
        display: block;
    }
    .top-menu-one{
        display: block;
        width: 49%;
        float: left;
        padding: 5px 0;
        border: solid 1px #317CFF;
        margin-bottom: -1px;
        margin-right: -1px;
    }
    
    
    /*content*/
    .content-page{
        width: 100%;
    }
    .main-page .content-page-title{
        margin-top: 20px;
        width: 100%;
    }
    .main-content-search{
        margin: 20px auto 30px auto;
    }
    .main-content-search input[type="text"]{
        width: 100%;
        padding-right: 0px;
    }
    .main-content-search-but{
        background-position-x: 9px, 0px;
        background-position-y: 5px, 0px;
    }
    .main-content-search-but, .advance-search-butt{
        width: 44px;
    }
    .reading{
        font-size: 17px;
        line-height: 20px;
    }
    .contant-page-advance-search{
        margin-top: 30px;
    }
    .contant-page-advance-search-form-for-select{
        float: none;
        /*width: 100%;*/
        margin: auto;
    }
    .contant-page-advance-search-form-for-checkbox{
        float: none;
        margin: auto;
    }
    .kurs-form-body-select .list-combobox-5 .but-text {
        width: 100% !important;
    }
    .kurs-form-body-select .list-combobox-4 {
        float: none;
    }
    .contant-page-advance-search-form .firstAll, 
    .search-for-tip-slov .firstAll,
    .kurs-form-body-select .firstAll{
        width: 100% !important;
    }
    .advance-search-butt{
        width: 40px;
        background-position: 13px 7px, 0 0;
    }
    .contant-page-body-text{
        margin: auto;
    }
    .contant-page-advance-search-form-for-select button[type="button"]{
        margin-left: 0px;
        margin-top: 35px;
        margin-bottom: 20px;
        position: relative;
        background-color: white;
    }
    .contant-page-advance-search-form .firstAll .but-text, .list-combobox-3 .but-text, .kurs-form-body-select .but-text{
        min-width: 219px;
    }
    body > .ui-multiselect-menu .ui-multiselect-checkboxes{
        max-width: 259px;
    }
    body > .ui-multiselect-menu{
        width: 259px !important;
    }
    body > .ui-multiselect-menu .ui-corner-all{
        font-size: 13px;
    }
    .contant-page-advance-search-form .firstAll .but-text,
    .list-combobox-3 .but-text,
    .kurs-form-body-select .but-text{
        min-width: 219px;
        width: 85%;
    }
    .contant-page-advance-search-form{
        border: none;
    }
    .contant-page-advance-search-form-letter .advance-search-form-letter-one{
        margin-right: -1px;
        margin-bottom: -1px;
        border: solid 1px #AEAEAE;
    }
    .contant-page-advance-search-form-letter .letter-bottom{
        border: solid 1px #AEAEAE;
    }
    .contant-page-advance-search-form-letter{
        width: 85%;
        margin: auto;
        padding-bottom: 20px;
    }
    .contant-page-word-block{
        margin-top: 30px;
    }
    .words_content_wrapper{
        margin: auto;
    }
    .contant-page-word-block{
        column-count: 3;
        column-gap: 2px;
        -moz-column-count: 3;
        -moz-column-gap: 2px;
        -webkit-column-count: 3;
        -webkit-column-gap: 2px;
    }
    
    
    /*words*/
    .word-place-text{
        width: auto;
    }
    .page-word .title-page-word,
    .page-newword .title-page-word{
        width: 100%;
    }
    .page-word .main-content-search, .page-newword .main-content-search{
        margin: auto;
    }
    .page-word .word-descript-main, .page-newword .word-descript-main{
        width: 100%;
        margin-top: 40px;
    }
    .word_content h1.A:first-child{
        margin-top: 80px !important;
    }
    .word_content .h_wrapper{
        margin: 10px 0 0 0;
    }
    .word_content .v_wrapper{
        margin-top: 10px;
    }
    .word_content .h,
    .word_content .ae{
        font-size: 19px;
        line-height: 22px;
    }
    .contant-page-body{
        width: 90%;
        margin: auto;
    }
    .word-next-prev-block .word-np-but{
        width: 130px;
    }
    table.words-other-dic{
        padding: 0;
        margin: 0;
    }

    table.words-other-dic,
    table.words-other-dic td,
    table.words-other-dic th,
    table.words-other-dic tr,
    table.words-other-dic tbody {
        display: block !important;
    }

    table.words-other-dic tr {
        margin-bottom: 30px;
    }

    table.words-other-dic td,
    table.words-other-dic th{
        width: 100%;
    }
    table.words-other-dic h2.A{
        margin-top: 0px !important;
    }
    .other-dics-boxShadow-meaning {
        max-width: none;
        min-height: 150px;
    }
    .wodrd-other-dictionary-borders{
        border-bottom: 0px;
    }
    .other-dic-slovar-img{
        float: right;
        margin-top: 10px;
        min-height: 100px;
    }
    .other-dic-slovar-img img{
        width: auto;
        height: 135px;
        margin-right: 10px;
        
    }
    .other-dic-slov-views-left-cell{
        float: right;
        box-sizing: border-box;
        margin: 10px 10px 15px;
        font-size: 17px;
        line-height: 19px;
        width: 35%;
    }
    .other-dic-slovar-img {
        display: none;
    }
    .other-dic-slov-views-left-cell .small{
        font-size: 13px;
        line-height: 15px;
    }
    .other-dics-boxShadow-meaning{
        font-size: 16px;
        width: auto;
    }
    
    
    /*rules*/
    .state-one{
        margin-bottom: 10px;
    }
    .state-one .state-number{
        margin-right: 7px;
        color: rgb(74,74,74);
        text-decoration: underline;
    }
    .state-block{
        margin-top: 30px;
    }
    .state-block-header h3{
        font-size: 24px;
    }
    .state-block-body .reading{
        font-size: 14px;
        line-height: 20px;
    }
    .state-block-body .reading .state-text-number{
        font-size: 14px;
        font-weight: bold;
        margin: 0px;
        line-height: 20px;
    }
    .material-block-body{
        padding: 36px 10px 10px 10px;
    }
    .material-block-body .body{
        font-size: 15px;
        line-height: 19px;
    }
    .material-block-body .body .center{
        width: 100% !important;
    }
    .material-block-body .body ul.spisok li{
        padding-left: 0px;
    }
    .material-block-body .body span{
        font-size: 15px !important;
        line-height: 19px !important;
    }
    .material-block-close-button-abs{
        top: 14px;
    }
    .gos-lang-page .text-content-page{
        width: 85%;
        margin: 71px auto 0;
    }
    .gos-lang-page .text-content-page p.MsoNormal span {
        font-family: PT Sans, verdana, serif !important;
        font-size: 17px !important;
        line-height: 20px !important;
    }
    .reg-bill-page .region-block-wrapp{
        margin: 30px auto 0 auto;
        min-width: 259px;
        max-width: 500px;
        display: block;
    }
    .reg-bill-page .region-block-wrapp .region-block-tab{
        display: block;
        width: auto;
    }
    .reg-bill-page .region-block-wrapp .region-block-tab .oi-colomn{
        width: auto;
        margin: auto;
        float: none;
    }
    .region-one{
        width: auto;
    }
    .reg-bill-page .region-block-wrapp .region-block-map-wrap .region-block-map{
        display: none !important;
    }
    .reg-bill-page .region-block-wrapp .region-block-map-wrap .region-block-demographic-comment .small{
        padding: 5px;
    }
    /*.temp_region_content .region-block-demographic{
        display: block;
    }
    .temp_region_content .region-block-demographic-body{
        padding: 10px;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-graf-cell{
        display: block;
        width: 190px;
        margin: 5px auto;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-graf-cell .region-block-demographic-graf{
        float: right;
        margin-top: 5px;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-graf-cell span{
        width: 105px;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-tab-cell{
        display: block;
        min-width: 259px;
        width: 100%;
        margin: auto;
    }*/
    
    /*article*/
    .state-page .content-page-title{
        margin: 35px auto 0 auto;
        width: 90%;
    }
    .state-page .content-page-title span.reading{
        font-size: 16px;
        line-height: 19px;
    }
    .state-page .content-page-title h2{
        padding: 0 10px;
        font-size: 18px;
    }
    .state-views{
        margin-top: 20px;
    }
    .state-views-wrap p.reading{
        margin-left: -49px;
    }
    .state-views-opc{
        display: inline-block;
        width: 49px;
        margin-right: 5px;
    }
    .state-views-wrap{
        padding-left: 0px;
        width: auto;
    }
    .state-views-wrap h3{
        font-size: 18px;
        line-height: 24px;
    }
    .state-for-file .state-for-file-icon{
        display: none;
    }
    
    
    
    /*dic*/
    .search-for-tip-slov-left,
    .search-for-tip-slov-right{
        width: 85%;
        margin: 20px auto;
        display: block;
    }
    .search-for-tip-slov-right{
        padding-left: 0px;
    }
    .search-for-tip-slov-left .list-combobox-3{
        float: none;
    }
    .search-for-tip-slov-left button{
        margin-bottom: 20px;
        width: 100% !important;
    }
    .search-for-tip-slov-left button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all.firstAll.list-combobox-3{
        width: 100% !important;
    }
    .search-for-tip-slov-left button span.but-text{
        font-size: 17px;
        padding-top: 5px;
    }
    .search-for-tip-slov-left button span.advance-search-butt{
        border-radius: 0 16px 16px 0;
        background-position: 11px 7px, 0 0;
    }
    .gos-lang-page .text-content-page p.reading{
        /*width: 85%;*/
        display: block;
    }
    .type-slov-page span.reading{
        width: 85%;
        margin: auto;
        display: block;
    }
    .gos-lang-page .text-content-page ul.spisok,
    .gos-lang-page .text-content-page ol.spisok,
    .type-slov-page ul.spisok,
    .type-slov-page ol.spisok{
        width: 85%;
        margin: auto;
    }
    .gos-lang-page .text-content-page ul.spisok li,
    .gos-lang-page .text-content-page ol.spisok li,
    .type-slov-page ul.spisok li,
    .type-slov-page ol.spisok li{
        padding-left: 0px;
        margin-left: 14px;
        font-size: 17px;
        line-height: 20px;
    }
    .type-slov-page-table{
        display: block;
        width: 85%;
        margin: 0 auto;
    }
    .type-slov-views{
        display: block;
        width: 100%;
        padding-right: 0px;
    }
    .type-slov-list{
        //display: none;
        width: auto;
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .type-slov-page .content-page-dictionary-type{
        margin-bottom: 20px;
    }
    .content-page-not-title{
        width: 85%;
        margin: 30px auto 0px;
    }
    .slov-views{
        margin-top: 40px;
    }
    .slov-views-one-table{
        display: block;
        margin-bottom: 10px;
    }
    body > .ui-multiselect-menu.list-combobox-3{
        width: 259px !important;
    }
    .slov-views .slovar-img{
        display: inline-block;
    }
    .slov-views .slovar-img img{
        width: 85px;
        min-height: 121px;
    }

    .slov-views-one-table {
        position: relative;
        padding-left: 95px;
        box-sizing: border-box;
    }

    .slov-views-center-cell{
        padding: 0;
        margin-bottom: 10px;
        display: block;
        width: auto;
    }
    .slov-views-center-cell h3{
        font-size: 18px;
        line-height: 20px;
    }
    .slov-views-right-cell{
        display: block;
        width: auto;
    }
    .slov-views-left-cell{
        width: auto;
        position: absolute;
        left: 0;
        display: block;
        top: 0;
    }
    .slov-views .state-views-wrap p.reading{
        margin-left: 0px;
    }
    .slov-views .state-views-opc > .small{
        margin-bottom: 4px;
    }
    .slov-views .state-views-opc{
        width: 132px;
    }
    .slov-views .state-for-file .state-for-file-icon{
        display: table-cell;
    }
    .search-for-tip-slov{
        border-left: 0px;
        border-right: 0px;
    }
    
    /*exp*/
    .expert-page-form{
        margin-top: 32px;
    }
    .expert-page .text-content-page{
        margin-top: 30px;
        width: 80%;
        margin: auto;
    }
    .expert-form-first{
        display: block;
    }
    .expert-form-first-quest,
    .expert-form-first-lingvin{
        display: block;
        width: 80%;
        margin: auto;
        margin-bottom: 40px;
        padding: 0px;
    }
    .expert-page ul.spisok li{
        padding-left: 14px;
    }
    /*expForm1*/
    .wodrd-other-dictionary{
        border-left: 0px;
        border-right: 0px;
        margin-bottom: 20px;
    }
    .wwword .show-zone.w, .wwword .v_wrapper {
        display: block;
        clear: both;
    }
    .form-form .wodrd-other-dictionary-body{
        margin-top: 30px;
    }
    .form-form .wodrd-other-dictionary-body .form-label,
    .form-form .wodrd-other-dictionary-body .form-input{
        display: block;
        text-align: left;
        width: 100%;
        padding-left: 0px;
        overflow: hidden;
    }
    .form-row{
        width: 85%;
        margin: auto;
        display: block;
    }
    .form-text-input{
        width: 100%;
    }
    .form-text-textarea{
        width: 100%;
    }
    .cell-form-button{
        display: block;
        padding: 0px;
    }
    .reset-button,
    .save-button{
        width: 100%;
        margin-bottom: 25px;
    }
    .save-button.sound-background {
        width: auto !important;
    }
    .cell-form-button .but-ok{
        margin-left: 0px;
    }
    .input-file-label{
        width: 100%;
    }
    .regdoc-page{
        width: 85%;
        margin: auto;
    }
    .regdoc-page .content-page-title{
        margin-top: 30px;
    }
    .regdoc-page .content-page-title h2{
        padding: 0px;
        font-size: 19px;
    }
    .regdoc-page .contant-page-body{
        width: 100%;
    }
    .regdoc-page .state-views{
        margin-top: 0px;
    }
    .regdoc-page .state-views .state-views-one{
        margin-bottom: 16px;
    }
    .state-page .state-views-one .reading{
        display: none;
    }
    .regdoc-page .state-views-opc{
        display: none;
    }
    .regdoc-page .state-views-wrap h3{
        font-size: 15px;
        line-height: 22px;
    }
    .expasw-page .content-page-title{
        margin-top: 30px;
    }
    .expasw-page .content-page-title h2{
        padding: 0 20px;
    }
    .exp_answers-table-background{
        margin-top: 30px;
    }
    
    
    table.exp_answers-table{
        margin-top: 30px;
        padding: 0px;
    }
    table.exp_answers-table th{
        display: none;
    }
    table.exp_answers-table td{
        display: block;
        width: auto;
    }
    table.exp_answers-table tr.exp_answers-title{
        display: none;
    }
    table.exp_answers-table .exp_answers-boxShadow-answer{
        padding: 1em;
        max-width: none;
        width: 80%;
        font-size: 16px;
    }
    table.exp_answers-table td.exp_table-content-question{
        border-bottom: none;
    }
    table.exp_answers-table td.exp_table-content-answer{
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    table.exp_answers-table div.exp_answers-boxShadow-question{
        margin: 0 auto;
    }
    
    /*about*/
    .about-page{
        width: 85%;
        margin: auto;
        margin-top: 20px;
    }
    
    
    /*courses*/
    .magic-div{
        display: none;
    }
    body > .list-combobox-4{
        min-width: 259px !important;
    }
    .kurs-page.fucking_margin_top{
        margin-top: 20px;
    }
    .kurs-page .reading{
        display: block;
        width: 85%;
        margin: auto;
    }
    .kurs-page .wodrd-other-dictionary{
        margin-top: 30px;
    }
    .kurs-page .wodrd-other-dictionary-body{
        padding: 0px;
    }
    .kurs-page .wodrd-other-dictionary-title{
        height: auto;
    }
    .kurs-page .form-form .wodrd-other-dictionary-title{
        padding: 0px;
        height: auto;
    }
    .kurs-page .kurs-form-body-select{
        width: 85%;
        margin: auto;
    }
    .kurs-page .kurs-form-body-select button{
        margin: 20px 0px;
        width: 100% !important;
    }
    .kurs-page .kurs-form-body-select .list-combobox-5{
        margin-left: 0px;
        width: 100% !important;
    }
    
    /*bags*/
    .state-page .contant-page-body{
        width: 90%;
    }
    
    
    /*footer*/
    .footer .page{
        width: 100%;
    }
    .footer{
        height: auto;
    }
    .footer .footer-left-menu{
        padding-left: 20px;
    }
    .footer .footer-right-menu{
        float: left;
        padding-left: 20px;
    }
    .footer .footer-left-menu,
    .footer .footer-right-menu{
        line-height: 24px;
    }
    .footer .footer-content{
        padding-top: 20px;
    }
    .footer .footer-logo-info{
       margin-top: 20px;
       margin-left: 20px;
    }
    .footer .footer-logo-info .foot-info{
        float: none;
        overflow: hidden;
        padding-bottom: 10px;
    }
    .footer .footer-logo-info .foot-info span,
    .footer .foot-info .foot-info-link{
        margin-left: 0px;
    }
    .footer .foot-logo{
        margin-right: 10px;
    }

}

@media all and (max-width: 500px){
    .contant-page-advance-search-form-letter{
        width: 276px !important;
    }
    .contant-page-word-block{
        column-count: 2;
        column-gap: 2px;
        -moz-column-count: 2;
        -moz-column-gap: 2px;
        -webkit-column-count: 2;
        -webkit-column-gap: 2px;
    }
    .temp_region_content .region-block-demographic{
        display: block;
    }
    .temp_region_content .region-block-demographic-body{
        padding: 10px;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-graf-cell{
        display: block;
        width: 190px;
        margin: 5px auto;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-graf-cell .region-block-demographic-graf{
        float: right;
        margin-top: 5px;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-graf-cell span{
        width: 105px;
    }
    .temp_region_content .region-block-demographic-body .region-block-demographic-tab-cell{
        display: block;
        min-width: 259px;
        width: 100%;
        margin: auto;
    }
    .grey-text.emulacia {
        font-size: 16px;
    }

    .lingv-input-file-but {
        width: 50px;
        background-position: center center;
    }


}