#containerTables{
    display: flex;
    flex-wrap: wrap;
}
.lib-panel {
    margin-bottom: 20px;
    height: 100%;
}
.lib-panel img {   
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #d9d9d9;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}

.row.box-shadow {
    height: 100%;
}

img.lib-img-show.sprav_img {
    margin-left: 25%;
}

div.row.box-shadow .col-md-4 {
    margin-top: 10%;
}

/*STYLES TABLES RESPONSIVE*/
tr.textTableHeader th, tr.headerMainTable th{
    color:#FFFFFF;
}
@media only screen and (min-device-width: 540px) {    
    .table-responsive {
        margin-left: 20px;
    }
}
/* table.tableRazmeri{
margin: 0 20px;
} */
.table-responsive {
    width: 100%;
    max-width: 90vw;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    margin: auto;
}

.table-responsive>.table {
    margin-bottom: 0
}

.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
    white-space: nowrap
}

.table-responsive>.table-bordered {
    border: 0
}

.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
    border-bottom: 0
}

/*BOOSTRAP STYLES*/
.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
    padding-top: 10px;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " "
}

.col-md-6{
    max-width: 49%!important;
}

p.head1 {
    color: #2E549F;
    font-weight: 700;
    font-size: 15px;
}
.ulRazmeri li {
    list-style: disc;   
}
li{
    font-family: 'Montserrat'!important;
}
ul.ulRazmeri li:before {
    content: " ";
}
ul.ulRazmeri {
    margin-left: 0;
    padding-left: 1em;
    text-indent: 0em;
}
div#containerTables article p, div#containerTables article li {
    width: 100%;
}

/* buttons see too */
.hSeeToo{
 font-weight: 700!important;
 color: #000!important; 
}
div.gButtonsSee a.click-button.send {
    margin-left: 20px;
    padding: 5px 10px 5px 10px;
    width: 100px;
}
.gButtonsSee {
    margin-left: 17%;
}
/*end buttons*/

@media (min-width:992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-3, .col-md-6 {
        float: left;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 10px;
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-8 {
        width: 66.66666667%
    }
}

/*MEDIA QUERIES*/

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .col-md-6.lib-item {
        display: contents;
    }
    .spm-layout-cell.spm-content {
        width: 100% !important;
        max-width: 100%;
    }
    .item-page {
        width: 100%!important;
    }
    .catalog .foot-descr, .spm-postcontent p {
        width: 95%;
    }
    img.lib-img-show.sprav_img {
        margin-left: 130px;
    }
    .col-md-8 table.sprav_table1 {
        margin-left: 6px;
        margin-bottom: 5px;
        width: 100%;
    }
}
 
/* GALAXY FLOD */
@media only screen and (max-width: 280px) {
    #containerTables {
        display: block;
    }
   #containerTables .col-md-6 {
        max-width: 100%!important;
    }  
    .col-md-12 {
        width: 100%;
    }
    div#containerTables p {
        width: 100%;
    }
    .lib-panel img {       
        margin-left: 50%;
    }
    div.lib-panel .col-md-8 {
        display: contents;
    }
    .col-md-6.lib-item {
        margin-left: 10%;
    }
    img.lib-img-show.sprav_img {
        margin-left: 50%;
    }
}
/* SURFACE DUO */
@media only screen and (device-width: 540px) {    
    .spm-layout-cell.spm-content {
        max-width: 100%;
    }
    img.lib-img-show.sprav_img {
        margin-left: 50px;
    }
}
/* (768x1024) iPad 1 & 2, Portrait Ipad Air (820x1180)*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    img.lib-img-show.sprav_img {
        margin-left: 130px;
    }
}

/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {

}
 
/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}
 
/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
 
}
 
/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}
 
/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}
 
/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}
 
/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 
}
 
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    
}
 
/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}
 
/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}
 
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {

}
 
/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    /* insert styles here */
}
 
/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    /* insert styles here */
}
 
/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}
 
/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}
 
/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    /* insert styles here */
}