/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
 /**Видеообзоры мобильнаяя вершн*/
@media (max-width: 479px) {
.page-highlights .view-content table tbody tr td.col-1, .page-highlights .view-content table tbody tr td.col-2, .page-highlights .view-content table tbody tr td.col-3 {
width: 100% !important;
float: left !important;
}

.page-highlights #page #content {
width: 100%;
background: none;
padding-left: 1px;
padding-right: 1px;
}
.page-highlights #page .header-inner {
width: 100%;
background: none;
}
.page-highlights .region-header .block-user {
float: none !important;
}
.page-highlights #footer {
width: 100% !important;
}
.page-highlights #footer #block-menu-menu-footer-menu {
width: 100% !important;
float: none !important;
}
.page-highlights #page-title {
width: 100%;
padding: 0px;
margin: 0px;
}
.page-highlights #page {
width: 100%;
}
.page-highlights .item-list {
 width: 100% !important; 
}
.page-highlights .view-content table tbody tr td .ytp-cued-thumbnail-overlay-image {
background-image: 95%;
}
.page-highlights .view-content table tbody tr td h2 {
width: 90%;  
}
}