


.container {
        width: auto;
        max-width: 3380px;
    }

body {

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    
 
}



hr {
   
}

a,
a:hover {
 
}

p {
   
}

h1 {

}

h2 {

}

h3 {

}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
   
}


#birthday_list {
    font-weight: bold; 
}

@media (min-width: 768px) {
    .navbar-collapse {
        float: left;
    }
}

@media (max-width: 1000px) {
    .navbar .followus {
        display: none;
    }

    .toptblmenu {
        font-size: 110%;
    }

}

@media (max-width: 767px) {
 
    .navbar-fixed-top {
        position: initial;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000;
    }

    .navbar-collapse {
        background: #fff;
        color: #000;
    }

    .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background: rgba(255,255,255,.2); 
        color: #000;
        

    }

    .navbar-fixed-top > .container {
        position: relative;
    }

    .navbar > .container .navbar-brand {
        margin-left: 15px;
    }

    .toptblmenu {
        font-size: 110%;
    }

    .unitmenu {
     font-size: 140%;   
    }

    .qq-uploader-selector {
        width: 100%;
    }

    
 }  


/* md */
@media (min-width: 992px) {
  body {
  
    }

    h1 {
      
    }
    h2 {
     
    }
    h3 {
     
    }
    h4, h5, h6 {
     
    }
}

/* lg */
@media (min-width: 1200px) {
  body {
  
    }

    h1 {
      
    }
    h2 {
     
    }
    h3 {
     
    }
    h4, h5, h6 {
     
    }

    .container {
        width: auto;
        /* max-width: 1380px; */
    }
    .topictitle_block {
        width: 49%;
    }
    .topic_info_block_frame {
        width: 49%;
    }    
    

}

@media (min-width: 1001px) and (max-width: 1199px) {

    .topictitle_block {
        width: 49%;
    }
    .topic_info_block_frame {
        width: 49%;
    } 
    .topic_info_block .topicreplies_fs {
        display:none;
    }
    .flex-block-sp {width: 100%;}

    .postbody img{
       max-width: 600px; 
    }       
    .postsign img{
        max-width: 400px; 
        display: none;
    }     
 
}
@media (min-width: 801px) and (max-width: 1000px) {

    .ava_img img {
        width: 50px; 
     } 
 
     .ava_img {
        width: 50px; 
        text-align: center;
     } 

    .postbody img{
       max-width: 400px; 
    }       
    .postsign img{
       max-width: 400px;  
       display: none;
    }     

    .topictitle_block {
        width: 49%;
    }
    .topic_info_block_frame {
        width: 49%;
    } 
    .topic_info_block .topicreplies_fs {
        display:none;
    }    
    .topic_activity {display: none;}
    .flex-block-sp {width: 100%;}
}

    .infobox_org {margin: 20px 0px 5px 5px; padding: 0;}

/*     --------------- */
/*     --------------- */
/*     --------------- */


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


    .logodiv_del img {
        margin-top: 10px;
        width: 160px;
        margin-left: 20px;
    }

    .reason_id {
        max-width: 200px;
    }

    
}

/*     --------------- */
/*     --------------- */
/*     --------------- */
/*     --------------- */     
/*     --------------- */
/*     --------------- */

@media (min-width: 401px) and (max-width: 768px) {

    .container {
        width: 100%;
    }
    
    body
    {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;

    }    
    
    .control_block {max-width: 30px;}

    .trline_img { 
        padding: 6px 0;
        width: 25px;
    }
    .trline_img img {
        width: 15px;
        
    }

    #wrapcentre {
        margin: 5px 5px 0 1px;
    }

    #content {

        
        padding: 10px;

    }

    #w_content {

        padding: 0; 
        
    }
    #wrapheader {
        
        padding: 0; 
    }

    #wrapcentre {
        margin: 0;
    }

    #wrapfooter {
       padding: 0; 
    } 
    
    .postbody img{
       max-width: 90%; 
    }       
    .postsign img{
       max-width: 90%; 
       display: none;
    }     
    .ava_img img {
       width: 50px; 
    } 

    .ava_img {
       width: 50px; 
       text-align: center;
    } 

    div.postbody {
        min-height: 150px;
        margin: 5px 0;
        padding: 5px;
        width: 95vw;

    }  
    div.postsign {
        opacity: 0.4;
        max-width: 100%;
    }
    .pagination {
        font-size: 120%
    }

    textarea #message {
        height: 200px;
    }
    a.topictitle {
         font-size: 140%;
    }    
    p.breadcrumbs {
         font-size: 115%;
         line-height: 1.5;
    }
    td.topic_td_block {
         max-width: 100%; 
         overflow: auto;
    }
    #menubar {
        padding: 0 10px 15px 0;
        text-align: center;
        font-size: 130%;
        width: 100%;
        margin: auto;

    }
    ul.menu_top li {
        margin-left: 3px;
        padding: 1px 2px;

    }  
    .spo_fieldstyle, .spo_fieldstyleadd {
        max-width: 80%;
    }
    .search_params {
        display:inline-block; 
        width: 400px;
    }
     .search_forums {
        height: 80px; 
        width: 400px;
     }

      .search_postbody {
        font-size: 110%;
        padding: 5px;
        width: 100%;
      } 
      .rimg {
        max-width:350px; 
        max-height; 350px;
    }
    
    a#right_menu {
       top: calc(40% - 45px);
    }
    a#move_up {
       top: calc(40%);
    }
    a#move_down {
       top: calc(40% + 35px);
       }    
    .topic_info_block {
        margin: 5px 24px 0 0;
        }
    .topic_activity {
        margin: 5px 24px 0 0; 
        }
   

    .pm_list_frame {
        display: block; 
    }
    .pm_list_author {
        display: inline-block; 
        font-size: 100%;

    }
    .pm_list_title {
        display: inline-block; 
        margin: 5px 0 0 10px;
        font-size: 120%;
    }
    .pm_list_time {
        display: inline-block; 
        width: 120px;
        margin: 5px 0 0 10px;
        color: #aaa;
    }
    .vt_author_block {
        width: 80px; 
        text-align: left; 
        max-width: 80px;
        background: #fff;
    }
    div.searchbar a.subitem {
        margin: 0 2px;

    }     
    div.searchbar span.subitem {
        margin-right: 5px;
        display: none;
    }    
    .topic_info_block_frame {
        margin: 5px 15px 0 0;
        width: 320px;
    }

    .topic_info_block {
        width:320px; 
    }

    .topic_info_block .topicauthor,
    .topic_info_block .topicauthor_fs,
 
    .topic_info_block .topicbookmark ,
    .topic_info_block .topicreplies_fs,


     {
        border: 1px dotted #ddd; 

    }
    .lastpostauthor {
        background: #FFFCD4;
        padding: 0 4px;
        -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
    }

    .noteimg {
        width: 18px; 
        opacity: 0.2;
        outline: 1px #ccc solid;
        padding: 3px;

    }
    .noteimg:hover {
        width: 18px; 
        opacity: 0.8;
        outline: 1px #777 solid;
        padding: 3px;


    }
     .topic_info_block .topicauthor {
        text-align:center;
        width: 200px;
    }
    .topic_info_block .topicauthor_fs {
        text-align:center;
        width: 130px;
    }

    .all-wrapper {
        padding-top: 0;
    }
    .topictitle_block {
        width: 100%;
        word-break: break-word;
    }
    .topic_info_block .topicreplies_fs {
        display:none;
    }
    .topic_activity_block {
        display: none;
    }
    
    .topic_activity {display: block;}
    .topic_views_block{display: none;}
    .tblmyrow_frame {
        width: 100%;
        max-width:100vw; 
    }
        #bottom_tables {
        max-width:100vw;
        overflow: auto;
    }
    #pageheader h1 {font-size: 200%;}
    .forum_folder_img { width:20px; }
    .forum_folder_img img { width: 25px;}
     div.mcp-body {
        width: auto;

     }    
    span.golink {
        max-width: 350px;
        overflow: hidden;
    }
    .myrow {
        max-width: 340px; 
    }
    .flex-block-sp {width: 100%;}

    .infobox_org {margin: 20px 0 5px 0px; padding: 0;}
    .infobox_org .box {margin: 0; width: 100%;}
    .infobox_org .box .table-responsive {margin: 0; width: 100%;}


    .ui-tabs-panel{}

    
    .ui-tabs-panel, .ui-widget-content , .ui-corner-bottom {
        margin: 0;
    }


    .flex-container {
        -webkit-justify-content: center;
        justify-content: center;
    }
    div.filecomment {
        font-size: 120%;
    }
}
/*     --------------- */
/*     --------------- */
/*     --------------- */


@media (max-width: 600px) {

    

    .topline {
        background: none;
    }

    .spo_img_18 { 

        margin: auto;
        text-align:center;
        width: 100%;
        float: none;

    }
    .spo_descr_18 {
        min-height: none; 
    }    

    .reg_f_city {
        padding: 3px;
        font-size: 120%;
    }
    input  {
        font-size: 16px;
    }
    .qq-uploader-selector {
        width: 100%;
    }

    .ui-tabs-panel, .ui-widget-content , .ui-corner-bottom {
        margin: 0;
    }

    .logodiv img {
        margin-top: 10px;
        width: 160px;
        margin-left: 20px;
    }
    .city_logo {
        
    }
    .sitename_short {
        display: none;
    }

    .mainmenu {
        float: right;
        margin-right: 18px;
        padding:  7px 10px 0 10px; 
        margin-bottom: 5px;
    }    

    .flex-container {
        -webkit-justify-content: center;
        justify-content: center;
    }

}


/*     --------------- */
/*     --------------- */
/*     --------------- */


@media (max-width: 400px) {
    .container {
        width: 100%;
    }
    .topline {
        background: none;
    }
    .logodiv img {
        margin-top: 10px;
        width: 120px;
        margin-left: 20px;
    }
    .city_logo {
        
    }
    .sitename_short {
        display: none;
    }
   .mainmenu {
        float: right;
        margin-right: 5px;
        padding:  7px 10px 0 10px; 
        
        
    }      
    body
    {
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;

    }    
    .trline_img { 
        padding: 6px 0;
        width: 25px;
    }
    .trline_img img {
        width: 15px;
 
    }

    #wrapcentre {
        margin: 5px 5px 0 1px;
    }

    #content {

        
        padding: 0;

    }

    #w_content, #my-flex-container, #container-fluid {
        padding: 0; margin: 0;
    }
    #wrapheader {
        
        padding: 0; 
    }

    #wrapcentre {
        margin: 0;
    }

    #wrapfooter {
       padding: 0; 
    } 
    
    .postbody img{
       max-width: 100px; 
    }       
    .postsign img{
       max-width: 100px; 
       display: none;
    }     
    #pagecontent img {
        max-width: 250px; 
    }
    .ava_img img {
       width: 50px; 
    }    
    .ava_img {
       width: 50px; 
       text-align: center;
    } 

    div.postbody {
        min-height: 150px;
        width: 95vw;
        margin: 5px 0;
        padding: 5px 0;
    }  
    div.postsign {
        
        max-width: 320px;
        opacity: 0.4;
    }
    .pagination {
        font-size: 120%
    }

    textarea #message {
        height: 200px;
    }
    a.topictitle {
         font-size: 135%;
    }    
    p.breadcrumbs {
         font-size: 130%;
         line-height: 1.5;
    }
    td.topic_td_block {
         max-width: 250px; 
         overflow: auto;
    }
    #menubar {
        padding: 0 10px 15px 0;
        text-align: center;
        font-size: 130%;
        width: 100%;
        margin: auto;

    }
    ul.menu_top li {
        margin-left: 3px;
        padding: 1px 2px;

    }  
    .spo_fieldstyle, .spo_fieldstyleadd {
        max-width: 80%;
    }

    a#right_menu {
       top: calc(40% - 45px);
    }
    a#move_up {
       top: calc(40%);
    }
    a#move_down {
       top: calc(40% + 35px);
       }    
    .flex-block {
        max-width: 320px;
        overflow: hidden;
    }

     div.mcp-header {
        width: 100%;
     }

      .search_params {
        display:inline-block; 
        width: 300px;
    }
     .search_forums {
        height: 80px; 
        width: 200px;
     }

     .search_button .btnmain {
        font-size: 140%;
       }

      .search_postbody {
        font-size: 110%;
        padding: 5px;
        width: 100%;

        overflow: hidden;
      } 
      .postbuttons img {
        margin: 2px;
      }
      div.ccchild {
        font-size: 80%;
      }
      textarea.quickreplytext {
        height: 140px;
      }
      .rimg {
        max-width:250px; 
        max-height; 250px;
    }


    .topic_activity {
        padding: 5px 23px 0 2px; 
        width: 100%;
        }
    .topic_info_block_frame {
        margin: 5px 15px 0 0;
        width: 267px;
    }
    .topic_info_block {
        margin: 5px 10px 0 20px;
        text-align: left;
        width:220px; 
        }

    .topic_info_block .topicauthor {
        width: 100px; 
        margin-left: 30px;
        line-height: 90%;
    }        
    .topic_info_block .topicnote {
        width:224px; 
        margin-left: 50px;

    }      
    .topic_info_block .topicbookmark {
        
        margin-left: 12px;

    }    
    .topic_info_block .topiccontrol {
      
    }

    .pm_list_frame {
        display: block; 
    }
    .pm_list_author {
        display: block; 
        font-size: 100%;
    }
    .pm_list_title {
        display: block; 
        margin: 5px 0 0 10px;
        font-size: 121%;
    }
    .pm_list_time {
        display: block; 
        width: 120px;
        margin: 5px 0 0 10px;
        color: #aaa
    }
    .vt_author_block {
        width: 50px;  
        max-width: 50px;
        text-align: left;
        background: #fff;
    }
    #ui-tabs-1,#ui-tabs-2,#ui-tabs-3,#ui-tabs-4 {
        padding: 0px;
    }

    #crp_modework ul li {
        
        width: 120px;
        font-size: 90%;
        
    }
    #crp_modework  {
        padding:0;
        margin: 0;
    
    }

    #crp_modework ul li {
        height: auto;
        
    }


    div.searchbar a.subitem {
        font-size: 95%;
        color: #aaa;
        margin: 0 2px;
    } 
    div.searchbar a.subitem_bez {
        font-size: 95%;
        color: #aaa;
        margin: 0 2px;
    } 

    div.searchbar-mobile a.subitem {
        font-size: 95%;
        color: #aaa;
        margin: 0 2px;
    } 
    div.searchbar-mobile a.subitem_bez {
        font-size: 95%;
        color: #aaa;
        margin: 0 2px;
    }    


    span.subitem {
            display: none;
        }   
    .top_tbl, .ccrotator {
        vertical-align: middle;
        height:60px;
        font-size: 100%;
        line-height: 1;
        padding: 3px;

    }

    table#memberslist td img{
        max-width: 40px;
    }
     #topbanner_frame .topbanner img{
        max-width: 280px;
        margin: 15px;
    }

    .topic_views_block {
        width:60px; 
        padding: 0; 
        padding-top: 3px; 
        text-align: left;
        display: table-cell; 
        vertical-align: top;
        
    }

    .topic_info_block .topicauthor,
    .topic_info_block .topicauthor_fs,
    
    .topic_info_block .topicbookmark ,
    .topic_info_block .topicreplies_fs,
    

     {
        border: 1px dotted #eee; 

    }
    .lastpostauthor {
        background: #FFFCD4;
        padding: 0 4px;
        -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
    }

    .noteimg {
        width: 18px; opacity: 0.2;
        outline: 1px #ccc solid;
        padding: 3px;

    }
    .noteimg:hover {
        width: 18px; opacity: 0.8;
        outline: 1px #777 solid;
        padding: 3px;


    }
    .topic_info_block .topicauthor {
        text-align:center;
        height: 20px;
    }
    .topic_info_block .topicauthor_fs {
        text-align:center;
    }
    .all-wrapper {
        padding-top: 0;
    }
    .uContent {
       position: fixed;
       top: 100px;
       left: 25px;
    } 
    #logo_city {
        display:none;
    }

    #w_content {
        min-height: 200px;
    }

    #dostavka_mydelegated, #dostavka_doveriteli {
       font-size: 60%;
    }
    .msgbox{
        z-index:250; 
        position:absolute; 
        width:320px; 
        min-height:400px;  
        display:none;  
        height: 100px; 
        border:5px solid #f6ce00; 
        background: #FFF; 
        top: 0px; 
        right: 0px;  
        -moz-border-radius:10px; 
        -webkit-border-radius:10px; 
        border-radius:10px;
    }
    .topic_activity_block {
        display: none;
    }
    
    .topictitle_block {
        width: 100%;
        word-break: break-word;
    }
    .topic_activity {display: inline-block;}
    .topic_views_block{display: none;}
    .hidden-320 {
        display: none;
    }
    .tblmyrow_frame {
        width: 100%;
        max-width:100vw; 
    }
    #bottom_tables {
        max-width:100vw;
        overflow: auto;
    }
    #pageheader {padding-left: 4px;}
    #pageheader h1 {font-size: 160%;}
    

    .table_b_row {font-size: 90%;}
    .ryads_finish {padding: 5px;  font-size: 90%; max-width: 300px;   padding: 2px 0; }
    div .spo_flex_container {max-width: 300px;}
    .city_logo {
        font-size: 130%;
        margin-bottom: 15px;
    }
    .promo_spo_frame {
                
                margin: 2px;
                width: 125px;
                min-height: 150px;
                
    }
    .savebtb {
     
        font-size: 120%
    }
    .cancelbtn {
     
        font-size: 120%
    }
    .payblock .payblock_title {
    
        margin: 5px 0; 
    }      
    #mypayfrm {
        font-size: 90%;
    }
    .modal-body {
        padding: 2px;
        text-align: left;
        margin: 0;
    }
    .modalmenu{
        padding: 0;

        z-index: 10000; 
        max-height: 460px;
        margin: 0;
        opacity: .99;
        overflow-y: scroll; 
        height: 400px;

    }
    #myModal {
        max-height: 460px;
    }
    .modal-dialog {
        overflow-y: scroll; 
        height: 400px;
    }
    .payblock {
        
        text-align: left;
    }
    .payblock_title {
         text-align: center;
    }
    .td_bookm_checkbox {
        padding-top: 10px;
    }
    div.topic_type {
        display: block;
        margin-top: 2px;
    }
    .styletoggle {margin-left: 1px;}

    .videoWrapper {

        height: auto;
        max-width: 300px;
    }
    input  {
        font-size: 16px;
    }
    td.forum_folder_img { width:15px; }
    .forum_folder_img img { width: 25px; margin:0; padding:0;}

    .compact_cell_img {
        overflow: hidden;
    }

    #birthday_list {
        font-weight: normal;
        font-size: 80%; 
    }
     div.mcp-body {
        width: 100%;

     }    
     .sverka-tbl {
        width: 300px;
     }
     span.golink {
        max-width: 300px;
        overflow: hidden;
    }
    .myrow {
        max-width: 300px; 
    }
    .flex-block-sp {width: 100%;}

    .infobox_org {margin: 20px 0 5px 0px; padding: 0;}
    .infobox_org .box {margin: 0; width: 100%;}
    .infobox_org .box .table-responsive {margin: 0; width: 100%;}

    .ui-tabs-panel{}
    .control_block {max-width: 30px;}

    .ui-tabs-panel, .ui-widget-content , .ui-corner-bottom {
        margin: 0;
    }

    .flex-container {
        -webkit-justify-content: center;
        justify-content: center;
    }


}
li { margin:0; }

.nav a  {
    margin: 0;
    max-height: 20px;
}


img {
    margin: 0;
}

.topicdetail a img {
    margin-top: -5px;;
}

a img {
    margin-top: -5px;;
}

div.postbody_content {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

