.oversteer {font-family: 'Roboto', sans-serif;}
.oversteer .acs-commons-resp-colctrl-row.section {width: 100%; height: auto;}
.oversteer .acs-commons-resp-colctrl-col {display: block; direction: ltr; overflow: hidden; padding-top: 7px!important; padding-bottom: 7px!important; }

.oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 {width:100%;}
.oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-30 {min-width: 300px;width: 33%;float:left;}
.oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-35 {padding:0 5% 0 0;}
.acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-70 {max-width: 70%;min-width: 300px;}
.acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-50 {width: 49%;min-width:300px;float: left;padding: 0 5% 0 0;}
.oversteer .featuredContent .featured-content-widget {border: none; border-radius: 0; box-shadow: none; background: none; margin: 0;overflow: hidden }
.oversteer .featuredContent .container,
.oversteer .featuredContent .panel-body,
.oversteer .featuredContent .row {position: relative; padding: 0; margin: 0;min-width: 100%!important }
.oversteer .featuredContent .row {margin: 0;}
.oversteer .featuredContent .featured-info-image-container {width: 100%; min-height: 200px; max-height: 260px; padding: 0; }
.oversteer .featuredContent .featured-info-image-container .featured-info-image {max-width: 100%; min-width: auto!important; height: auto!important; min-height: auto!important;}
.oversteer .featuredContent .featured-info-container {width: 100%; position: absolute; bottom: 0; padding: 2%; background: rgba(29, 29, 29, .75); }
.oversteer .featuredContent .featured-info-container h3 {font-size: 20px; font-weight: 300; margin: 0; }
.oversteer .featuredContent .featured-info-content-type {display: none;}
.oversteer .featuredContent a {color: #fff;}
.oversteer .featuredContent a:hover {color: #fff;text-decoration: none}
.oversteer .featuredContent .featured-info-teaser {display: none;}

.oversteer .section {margin: 0 auto;}
.oversteer .section h1 {font-size: 32px; margin: 2% 0 0 8.33333%; font-weight: 300; line-height: 1.2; color: #333333; text-align: left; }
.oversteer .section h2 {font-size: 20px;margin: 0 auto 2% 8.33333%;font-weight: 300;}

.oversteer .section:nth-of-type(2) {width: 100%;}
.oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-60 {width:58.33333%;float:left;min-width: 300px;}
.oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-40 {max-width: 400px;margin: 0 auto;padding: 0 2%;min-width: 300px}

.oversteer .col-md-4 {width: 100%;}
.oversteer .dfp {width: 300px; height: 250px;margin:0 5%;}
.oversteer .dfp .ad-title {text-align: right; font-size: 12px; font-weight: bold;}
.oversteer .oversteer-authors #authors-title, 
.oversteer .oversteer-tags #tags-title,
.oversteer .link-list-header {font-size: 20px;font-weight: 100;margin-top: 20px}
.oversteer .oversteer-authors.container, 
.oversteer .oversteer-tags.container {width: 85%;display: block;margin-left: 0;}

.oversteer .link-list-data-content li {margin-bottom: 8px;}
.oversteer section#oversteer-content-list {padding: 0 46px 0 14%;}
.oversteer #oversteer-content-list .listing-controls {display: none;}
.oversteer #oversteer-content-list .container {padding: 0;}
.oversteer .content-list-widget {width: 100%; box-shadow: none; -webkit-box-shadow: none; }
.oversteer .content-list-widget .panel-body {padding: 0;}
.oversteer .data-container {overflow: auto; border-top: none; padding: 0; }
.oversteer #oversteer-content-list .row.content-item {width: 100%; margin: 0 0 5%; border-bottom: none; padding-bottom: 0; }
.content-image-container {width: 100%; padding: 0 !important; }
.content-image-container img {width: 100%;}
.content-info-container {margin-top: 2%;}
.oversteer #oversteer-content-list .row.content-item .content-title a {color: #333; font-size: 20px; font-weight: 300; line-height: 1.2; }
.oversteer #oversteer-content-list .row.content-item .content-title a:hover {text-decoration: none}
.oversteer #oversteer-content-list .row.content-item .content-publish-date {display: inline-block; text-transform: uppercase; color: #a4a9be; font-size: 12px; font-weight: 900; line-height: 1.5; }
.oversteer #oversteer-content-list .row.content-item .content-snippet {color: #ababab; font-size: 14px; font-weight: 300; line-height: 1.714; }
.oversteer #oversteer-content-list .row.content-item .content-type,
.oversteer #oversteer-content-list .row.content-item .content-read-more-link.content-teaser-link {display: none;}
/* PAGINATION */
.oversteer .contentList .listing-controls {display: none;}
.oversteer .pagination {width: 100%; text-align: center; }
.oversteer .pagination li {display: inline-block; text-align: center; }
.oversteer .pagination > li > a,
.oversteer .pagination > li > a:hover,
.oversteer .pagination > li > span,
.oversteer .pagination > li > span:hover {border: 0; border-radius: 0; padding: 0; width: 30px; height: 30px; line-height: 30px; font-weight: 300; font-size: 14px; color: #ababab; background-color: transparent; }
.oversteer .pagination > .active > a, 
.oversteer .pagination > .active > span, 
.oversteer .pagination > .active > a:hover, 
.oversteer .pagination > .active > span:hover, 
.oversteer .pagination > .active > a:focus, 
.oversteer .pagination > .active > span:focus {width: 30px; height: 30px; background-color: #012169; color: #fff; font-weight: 700; margin: 5px auto 0; line-height: 30px; border-radius: 0; }
.oversteer .pagination > .page-prev > a,
.oversteer .pagination > .page-next > a,
.oversteer .pagination > .page-prev > a:hover,
.oversteer .pagination > .page-next > a:hover {width: 50px; }
/*END PAGINATION*/

/* MEDIA QUERIES */
@media only screen and (min-width: 300px) and (max-width:766px) {

}

@media only screen and (min-width : 320px) and (max-width:650px)  and (orientation : landscape) {
    
}

/*Smartphones (portrait and landscape) ----------- 650 */
@media only screen and (min-width : 320px) and (max-width:650px) and (orientation : portrait){
    .oversteer .acs-commons-resp-colctrl-row.section {padding: 0!important;}
    .oversteer .featuredContent .featured-content-widget {padding:0 2% 0 0;}
    .oversteer .featuredContent .featured-info-image-container {width: 90vw;overflow: hidden;}
    .oversteer .featuredContent .featured-info-container {width:90vw}
    .acs-commons-resp-colctrl-row.section {margin: 0!important;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-30 {width:100%}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-70 {width: 100vw;min-width: 100%;}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-50 {padding:0;width:100vw;}
    .section:nth-of-type(1) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {margin:0 auto;display: block;width: 294px;}
    .oversteer .section h1, .oversteer .section h2 {margin:0}
    .oversteer #oversteer-content-list .row.content-item {width:90vw;}
    .oversteer section#oversteer-content-list {padding:0;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-60 {width:100vw}
    .section:nth-of-type(2) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {width:100%!important}
    .oversteer .link-list-widget.basic-link-list-widget .link-list-data-content.data-content {max-width: 260px}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    .oversteer .acs-commons-resp-colctrl-row.section {padding: 0!important;}
    .oversteer .featuredContent .featured-content-widget {padding:0 2% 0 0;}
    .acs-commons-resp-colctrl-row.section {margin: 0!important;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-30 {width:100%}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-70 {width: 100vw;min-width: 100%;}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-50 {padding:0;}
    .section:nth-of-type(1) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {margin:0 auto;display: block;width: 294px;}
    .oversteer .section h1, .oversteer .section h2 {margin:0}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-60 {}
    .oversteer section#oversteer-content-list {padding:0;}
    .section:nth-of-type(2) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {width:100%!important}
}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait){
    .oversteer .acs-commons-resp-colctrl-row.section {padding: 0!important;}
    .oversteer .featuredContent .featured-content-widget {padding:0 2% 0 0;}    
    .oversteer .featuredContent .featured-info-image-container {width: auto;overflow: hidden;}
    .oversteer .featuredContent .featured-info-container {width:100%}
    .acs-commons-resp-colctrl-row.section {margin: 0!important;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-30 {width:100%}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-70 {width: 100vw;min-width: 100%;}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-50 {padding:0;}
    .section:nth-of-type(1) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {margin:0 auto;display: block;min-width: 294px!important;}
    .oversteer .section h1, .oversteer .section h2 {margin:0}
    .oversteer section#oversteer-content-list {padding:0;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-60 {}
    .section:nth-of-type(2) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {width:100%!important}
    .oversteer .oversteer-authors.container, .oversteer .oversteer-tags.container {margin: 0 auto;}
    .oversteer .link-list-widget.basic-link-list-widget {width:90vw;margin:0 auto;}
    .oversteer .link-list-widget.basic-link-list-widget .link-list-data-content.data-content {max-width: 260px}
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}

/*Smartphones (portrait and landscape) ----------- 650 */
@media only screen and (min-width : 320px) and (max-width:767px) {
    .oversteer .acs-commons-resp-colctrl-row.section {padding: 0!important;}
    .oversteer .featuredContent .featured-content-widget {padding:0 2% 0 0;}    
    .oversteer .featuredContent .featured-info-image-container {width: auto;overflow: hidden;}
    .oversteer .featuredContent .featured-info-container {width:95%}
    .acs-commons-resp-colctrl-row.section {margin: 0!important;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-30 {width:100%}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-70 {width: 100vw;min-width: 100%;}
    .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-50 {padding:0;}
    .section:nth-of-type(1) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {margin:0 auto;display: block;min-width: 294px!important;}
    .oversteer .section h1, .oversteer .section h2 {margin:0}
    .oversteer section#oversteer-content-list {padding:0;}
    .oversteer #oversteer-content-list .row.content-item {width:90vw;}
    .oversteer .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-60 {}
    .section:nth-of-type(2) .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-100 img {width:100%!important}
    .oversteer .oversteer-authors.container, .oversteer .oversteer-tags.container {margin: 0 auto;}
    .oversteer .link-list-widget.basic-link-list-widget {width:88%;margin:0 auto;}
    .oversteer .link-list-widget.basic-link-list-widget .link-list-data-content.data-content {max-width: 260px}
    .oversteer .pagination {max-width: 90vw}
}