/*videos, news, images*/

/*SELECTORS*/
.view_selectors { display:inline-block; margin-right: 0; border-radius:2px }
.view_selectors .nav_item { display:inline-block; position:relative; background-repeat:no-repeat; width:53px; height:45px; cursor:pointer; background-image:url(https://mars.nasa.gov/images/general/grid_list_icon.png); -webkit-touch-callout:none; -khtml-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; -webkit-user-select:none; }
.mac.chrome .view_selectors .nav_item{height:44px;}
.win .view_selectors .nav_item{height:46px;}
.view_selectors .nav_item.list_icon { background-position:-3px -48px; border-radius:2px }
.view_selectors .nav_item.grid_icon { background-position:-57px -49px; border-radius:2px }
/*-- END SELECTORS*/

/*GENERAL/ALL*/
.grid_gallery ul.noBullets, ul.noBullets li { padding-left:0; }
/*-- END GENERAL/ALL*/

/*LIST VIEW*/
.list_view.grid_gallery .view_selectors .nav_item.list_icon, .no-touch .view_selectors .nav_item.list_icon:hover,
.grid_gallery .view_selectors .nav_item.list_icon.active, .no-touch .view_selectors .nav_item.list_icon.active:hover { background-position:-4px 3px }
.list_view.grid_gallery li:first-child{margin:0;}
.list_view.grid_gallery li { padding:20px 0; box-sizing: border-box; }
.list_view.grid_gallery li .gridThumb { min-width:100%; min-height:100%; width:100%; height:100%; }
.list_view.grid_gallery ul.articles { padding-left:0; text-align:left; }
.list_view.grid_gallery li { width:95%; min-height:180px; margin: 20px 0%; display:inline-block; padding:0; }
.list_view.grid_gallery li .objectContainer { width:25%; height:180px; margin: 0; display:inline-block; }
.list_view.grid_gallery li .objectContainer .textLabel { display:none; }
.list_view.grid_gallery li .objectContainer .featureImgLarge { height:180px; }
.list_view.grid_gallery li .objectContainer .featureImgLarge img { height:100%; }
.list_view.grid_gallery li .listTextLabel { width:65%; padding-left:9%; display:inline-block; vertical-align:top; min-height:180px; height:100%; ; position:relative; box-sizing: border-box;}
.list_view.grid_gallery li .listTextLabel p { margin:10px 0 0; }
.list_view.grid_gallery li .listTextLabel div.source { position:absolute; bottom:-25px; right:0; }
.list_view.grid_gallery li hr.gradientLine { height:1px; margin:20px 0; position:relative; clear:both; bottom:0; opacity:0.5; }
.list_view.grid_gallery li .objectContainer .objectItem .front, .list_view.grid_gallery li.slide .objectContainer .objectItem .back { transform:none !important; webkit-transform:none !important; -moz-transform: none !important; -o-transform: none !important; }
.list_view.grid_gallery li:first-child {
    margin: 0;
    border-top: 1px solid #ccc;
}
.list_view.grid_gallery li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 25px 0 20px;
    width: calc(100% - 10px);
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
 @media only screen and (max-width: 900px) {
.list_view.grid_gallery li .objectContainer { width:35%; }
.list_view.grid_gallery li .listTextLabel { width:63%; padding-left:2%; }
}
@media only screen and (max-width: 650px) {
.list_view.grid_gallery li { height:auto; }
.list_view.grid_gallery li .objectContainer { width:100%; display:block; margin:0 auto; }
.list_view.grid_gallery li .listTextLabel { width:100%; padding-left:0%; display:block; margin:0 auto; }
}
.grid_view.grid_gallery li .listTextLabel { display:none; } /*to not display the grid view while in list*/
/*-- END LIST VIEW*/


/*GRID VIEW*/
.grid_view.grid_gallery .view_selectors .nav_item.grid_icon, .no-touch .view_selectors .nav_item.grid_icon:hover { background-position:-57px 2px }
.grid_view.grid_gallery li { display:inline-block; margin:10px 0 0; padding:0 5px; width: 300px; width: -webkit-calc(98% / 6 - 10px); width: -moz-calc(98% / 6 - 10px); width: calc(98% / 6 - 10px); width:calc(98% / 6 - 10px); height:150px; }
.grid_view.grid_gallery li .gridContainer, .grid_view.grid_gallery li .gridContainer .gridThumb { width:100%; height:100%; }
.ie .grid_view.grid_gallery li { height:200px; }
.grid_view.grid_gallery li { width: 300px; width: -webkit-calc(98% / 4 - 10px); width: -moz-calc(98% / 4 - 10px); width: calc(98% / 5 - 10px); width:calc(98% / 4 - 10px); height:210px; }
/* @media only screen and (max-width: 1600px) {
.grid_view.grid_gallery li { width: 300px; width: -webkit-calc(98% / 5 - 10px); width: -moz-calc(98% / 5 - 10px); width: calc(98% / 5 - 10px); width:calc(98% / 5 - 10px); height:150px; }
}

 @media only screen and (max-width: 1440px) {
.grid_view.grid_gallery li { width: 300px; width: -webkit-calc(98% / 4 - 10px); width: -moz-calc(98% / 4 - 10px); width: calc(98% / 5 - 10px); width:calc(98% / 4 - 10px); height:210px; }
}
@media only screen and (max-width: 1200px) {
.grid_view.grid_gallery li { width: 300px; width: -webkit-calc(98% / 4 - 10px); width: -moz-calc(98% / 4 - 10px); width: calc(98% / 4 - 10px); width:calc(98% / 4 - 10px); }
}
@media only screen and (max-width: 900px) {
.grid_view.grid_gallery li { width: 300px; width: -webkit-calc(98% / 3 - 10px); width: -moz-calc(98% / 3 - 10px); width: calc(98% / 3 - 10px); width:calc(98% / 3 - 10px); }
}*/
@media only screen and (max-width: 640px) {
.grid_view.grid_gallery li { width: 300px; width: -webkit-calc(98% / 2 - 10px); width: -moz-calc(98% / 2 - 10px); width: calc(98% / 2 - 10px); width:calc(98% / 2 - 10px); }
}
/*-- END GRID VIEW*/