table{
    margin: 0 auto;
}
thead{
	/*background: #cecece;*/
}
th, td{
	text-align: center;
    width: 33%;/*ширина ячеек*/
	
}
@-moz-document url-prefix() {
	
@media (max-width: 540px)
{
    .art{
        
        /*display:inline-grid;*/
        width: 100%;
        text-align: -webkit-center;
        margin: 0 auto;
        padding-right:5px;
        }
        .pole{
            font-size: 12pt;
        display: inherit;
        margin: 0px auto;
        width: 100%;
        text-align: center;
        }
        
}
            

}
/*@media (min-width: 1200px)
{
        .container {
            max-width: 1370px;
        }
        
}*/
@media (min-width: 1000px)
{
        .art1
        {
            display: -webkit-inline-box;
            display: -moz-inline-box;
        }
        .art{
        margin-right: 7px;
        }
        
       
       
}
@media (max-width: 700px)
{
    
        .art{
        margin-right: 7px;
        }
        .art1
        {
            display:inline-grid;
        }
}
@media (min-width: 541px)
{
    
     .table tbody > tr > td{
            width:auto;
        }
    
}
@media (max-width: 540px)
{
    
        .art{
        
        /*display:inline-grid;*/
        width: 100%;
        text-align: -webkit-center;
        margin: 0 auto;
        }
        .art1
        {
            display: grid;
        }
        .table tbody > tr > td{
        width:auto;
        }
        .container {
     padding-right: 0; 
     padding-left: 0; 
    margin-right: auto;
    margin-left: auto;
}
        .container > .navbar-header {
    padding-left: 45px;
}
        .jumbotron {
     padding: 10px; 
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}
      
}

@media (max-width: 330px)
{
        .navbar-brand
        {
            font-size:10pt;
        }
}

.footable-details.table{
	width: 100%;
	border: 1px solid #000;
}
.table-responsive{
	max-width: 100%;
	overflow: auto;
}
.table tbody > tr > td.dxgvHeader:first-child{
    width:5%;
}
.table-responsive table{
	min-width: 960px;
}
.icon {
    display: inline-block;
    font: normal normal normal 16px/1 icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-chevron-up:before {
    content: "\e920";
}
@media (min-width:1000px)
{
    div.art2{
        display:-webkit-inline-box;
}
}
@media (min-width:500px) and (max-width:700px)
{
    .art1 {
    display: block;
}
}