﻿.homepage_item h1 {
border-bottom: 5px solid #EC261E;
}

.homepage_item .item_wrapper  {
overflow: hidden;
width: 980px;
margin: 0 auto;
}

.homepage_item .item {
border-bottom: 0px solid #E5E5E5;
padding: 10px 0 0;
transition: background-color 0.2s ease 0s;

width: 220px;
float: left;
}

.homepage_item .item_wrapper .photo {
display: block;
margin-right: 10px;
margin-left: 10px;
vertical-align: top;
margin-bottom: 10px;
width: 200px;
}

.homepage_item .item_wrapper .photo img{
max-width: 100%;
}

.homepage_item .item_wrapper .text {
display: block;
vertical-align: top;
width: 200px;
margin-right: 10px;
margin-left: 10px;
}

.homepage_item .item_wrapper .text h2 {
font-size: 12px;
min-height: 30px;
}

.homepage_item .item_wrapper .text p {
font-size: 11px;
}

.homepage_item .item.featured_album {
width: 100%;
}

.homepage_item .view_more {
border-bottom: 0px solid #E5E5E5;
padding: 10px 0 0;
transition: background-color 0.2s ease 0s;

width: 80px;
float: left;
}






@media only screen and (min-width:720px) and (max-width: 990px) {


.homepage_item .item_wrapper  {
overflow: hidden;
max-width: 720px;
margin: 0 auto;
}

.homepage_item .item {
width: 180px;
}

.homepage_item .item_wrapper .photo {
display: block;
margin-right: 10px;
margin-left: 00px;
vertical-align: top;
margin-bottom: 10px;
width: 160px;
}

.homepage_item .item_wrapper .photo img {
width: 160px;
}

span.playicon.playicon_big img {
height: 40px;
width: 40px !important;
}

.homepage_item .item_wrapper .text {
display: block;
vertical-align: top;
width: 160px;
margin-right: 10px;
margin-left: 0px;
}

.homepage_item .view_more {
float: right;
}

}
@media only screen and (min-width:600px) and (max-width: 719px) {

.homepage_item .item_wrapper  {
max-width: 600px;
}

.homepage_item .item {
width: 150px;
}

.homepage_item .item_wrapper .photo {
display: block;
margin-right: 10px;
margin-left: 00px;
vertical-align: top;
margin-bottom: 10px;
width: 130px;
}

.homepage_item .item_wrapper .photo img {
width: 130px;
}

span.playicon.playicon_big img {
height: 40px;
width: 40px !important;
}

.homepage_item .item_wrapper .text {
display: block;
vertical-align: top;
width: 130px;
margin-right: 10px;
margin-left: 0px;
}

.homepage_item .view_more {
float: right;
}




}
@media only screen and (min-width:480px) and (max-width: 599px) {


.homepage_item .item_wrapper  {
max-width: 480px;
}

.homepage_item .item {
width: 220px;
margin-right: 20px;
height: 380px;
}

.homepage_item .item.featured_album {
height: 100%;
}

.homepage_item .item_wrapper .photo {
margin-right: 10px;
margin-left: 00px;
margin-bottom: 10px;
width: 220px;
}

.homepage_item .item_wrapper .photo img {
width: 200px;
}

span.playicon.playicon_big img {
height: 60px;
width: 60px !important;
}

.homepage_item .item_wrapper .text {
display: block;
vertical-align: top;
width: 200px;
margin-right: 10px;
margin-left: 0px;
}

.homepage_item .view_more {
float: right;
}




}
@media only screen and (max-width: 479px) {


.homepage_item .item_wrapper  {
max-width: 300px;
}

.homepage_item .item {
width: 300px;
}

.homepage_item .item.featured_album {
height: 100%;
}

.homepage_item .item_wrapper .photo {
margin-right: 10px;
margin-left: 40px;
margin-bottom: 10px;
width: 300px;
}

.homepage_item .item_wrapper .photo img {
width: 200px;
}

span.playicon.playicon_big img {
height: 60px;
width: 60px !important;
}

.homepage_item .item_wrapper .text {
display: block;
vertical-align: top;
width: 200px;
margin-right: 10px;
margin-left: 40px;
}

.homepage_item .view_more {
float: right;
}



}




