.pkg-collection-header{
margin: 0 0 30px;
padding: 0;
display: block;
text-align: center;
color: #000;
background: #F4F7FD;
}
.pkg-inner-txt {
margin: auto;
padding: 45px 0;
height: auto;
}
.pkg-inner-txt h1 {
margin: 0 0 5px;
padding: 0;
font: 800 40px/50px merriweather,sans-serif;
color: #000;
}
.pkg-inner-txt p {
margin: 15px 120px;
color: #000;
font-family: 'ProximaNova-Regular',sans-serif;
font-size: 18px;
letter-spacing: -0.32px;
line-height: 24px;
text-align: center;
}
#spon-pkg-left-col ul.article-list-default {
margin: 0;
padding: 0;
list-style: none;
}
#spon-pkg-left-col ul.article-list-default li:first-child {
border-top: none;
padding: 0;
margin: 0;
}
#spon-pkg-left-col ul.article-list-default li {
list-style-type: none;
margin: 10px 0 0 0;
padding: 20px 0 0 0;
background: 0 0;
border-top: 1px solid #ddd;
overflow: hidden;
}
#spon-pkg-left-col ul.article-list-default li .main-image {
width: 33.33%;
float: right;
position: relative;
}
#spon-pkg-left-col ul.article-list-default li .main-image img {
float: right;
width: 70%;
}
#spon-pkg-left-col ul.article-list-default li .kicker {
margin: 0 0 10px 0;
padding: 0;
font-size: 13px;
font-weight: 400;
color: #454545;
text-transform: uppercase;
}
#spon-pkg-left-col ul.article-list-default li .kicker a {
font-weight: 700;
color: #454545;
text-decoration: none;
}
#spon-pkg-left-col span.pipe {
color: #ddd;
margin: 0 7px;
padding: 0;
}
#spon-pkg-left-col ul.article-list-default li .kicker a.story-type {
font-weight: 400;
color:  #999;
}
#spon-pkg-left-col h4.article-title {
margin: 0 0 10px 0;
padding: 0;
font: 700 26px/28px 'Merriweather', serif;
color: #000;
}
#spon-pkg-left-col p.sub {
font-size: 14px;
font-weight: 400;
color: #999;
text-transform: uppercase;
margin: 0 0 5px 0;
}
#spon-pkg-left-col p.sub >a {
color:#989898;
}
#spon-pkg-left-col .deck{
margin: 0 0 10px 0;
font-size: 15px;
font-weight: 400;
color: #000;
font-family: 'ProximaNova-Regular';
}
#spon-pkg-left-col .load-more{
font-size: 16px;
font-weight: 400;
color: #333;
text-align: center;
display: block;
padding: 10px 10px;
background: #efefef;
border-radius: 4px;
cursor: pointer;
margin-bottom:2%
}


/*Iphone X */
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

#spon-pkg-left-col ul.article-list-default li .main-image{
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
}
#spon-pkg-left-col ul.article-list-default li .main-image img {
    width: 100%;
    float: none;
}
}
