.mobile {
    display: none !important;
}
.desktop {
    display: block;
}
/*----------------------------BANNER STYLES-----------------------------------------------------*/
#main-banner-3Year {
    height: 220px;
}
#main-banner-3Year img {
    padding: 30px 0 15px 0;
    width: 80%;
}
/*----------------------------END Banner Styles-----------------------------------------------------*/
/*----------------------------Packages-----------------------------------------------------*/
#packages .box2, #packages .box3 {
    margin-top: 0;
}
#packages h2 {
    font-size: 28px;
}
#packages .box {
    width: 32%;
    margin: 0 auto;
}
#box1, #box2, #box3 {
    float: left;
}
#box1.maximized {
    height: 505px;
    margin-right: 15px;
}
#box1.minimized {
    max-height: 300px;
    margin-right: 2%;
}
#compare-slide div {
    padding-top: 6px;
}
#box1-ul li, #box2-ul li, #box3-ul li {
    margin-left: 44px;
}
#box1 .move-btn {
    bottom: 36px;
}
#box2.maximized {
    height: 572px;
    margin-right: 15px;
}
#box2.minimized {
    max-height: 300px;
    margin-right: 15px;
}
#compare-slide2 div {
    padding-top: 15px;
}
#box2 .move-btn {
    bottom: 29px;
}
#box3.maximized {
    height: 636px;
}
#box3.minimized {
    max-height: 300px;
}
#compare-slide3 div {
    padding-top: 14px;
}
#box3 .move-btn {
    bottom: 29px;
}
/*----------------------------END Packages-----------------------------------------------------*/
/*----------------------------Monthly Fees-----------------------------------------------------*/
#monthly-fees {
    padding: 40px 0 42px 0;
}
#monthly-fees .wordwrap {
    display: inline;
}
#monthly-fees h2 {
    text-align: left;
    display: inline-block;
}
#monthly-fees .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -moz-box: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}
#monthly-fees .box {
    width: 50%;
}
#monthly-fees .box1.tv {
    height: 349px;
}
#monthly-fees .buttons {
    padding-top: 12px;
    display: block;
}
#monthly-fees .buttons .right-col {
    width: 38%;
    float: left;
}
#monthly-fees .buttons .left-col {
    width: 51%;
    float: left;
}
/*----------------------------END Monthly Fees-----------------------------------------------------*/
/*----------------------------Want More-----------------------------------------------------*/
#want-more {
    padding-top: 53px;
}
#want-more h2 {
    text-align: center;
}
#want-more .value-button {
    margin-top: 20px;
    width: 193px;
}
#want-more .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
}
#want-more .box {
    width: 29%;
    padding-top: 1rem;
}
#want-more .box3 {
    width: 30%;
    padding-top: 1rem;
}
#want-more .border-right {
    border-right: 2px solid #999999;
}
/*----------------------------END Want More-----------------------------------------------------*/
/*----------------------------Compare Monthly Fees-----------------------------------------------------*/
#compare-fees img {
    padding-top: 20px;
    max-width: 70%;
}
/*----------------------------END Compare Monthly Fees-----------------------------------------------------*/
/*----------------------------Meet the Hopper-----------------------------------------------------*/
#hopper h2 {
    padding-top: 20px;
}
#hopper .hopper-vid {
    max-width: 58%;
}
.hopper-buttons {
    padding-top: 20px;
    width: 97%;
}
.hopper-buttons .value-button {
    width: 90%;
}
.hopper-buttons .left-col, .hopper-buttons .right-col {
    width: 58%;
    display: inline-block;
    float: none;
}
#hopper .hopper-vid {
    max-width: 54%;
}
#hopper-sections {
    padding: 1.5rem 0 1.6rem;
}
#hopper-features {
    background-color: #fff;
}
#hopper-features .value-button {
    width: 235px;
}
#hopper-features .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    padding-top: 20px;
}
#hopper-features .box {
    padding-top: 1rem;
    width: 100%;
    display:inline-block;
}
#hopper-features .box1 {
    border-right: 1px solid #999999;
    border-bottom: none;
    width: 43%;
    margin-left: 7%;
    float: left;
}
#hopper-features .box2 {
    border-bottom: none;
    width: 43%;
    margin-right: 7%;
    float: left;
}
#top-rated-features p {
    padding: 21px 0 0 9px;
}
#top-rated-features .table-row {
    display: none;
}
#helpful12 {
    padding-top: 20px;
}
#hopper .awards {
    width: 60%;
}
.awards img {
    padding-top: 20px;
}
#top-rated-features .table-row {
    padding-left: 45px;
}
/*----------------------------END Meet the Hopper-----------------------------------------------------*/
/*-------- iPad Portrait --------*/
@media only screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) {
#monthly-fees .arrow {
    width: 792px;
}
#want-more ul {
    width: 43%;
}
#top-rated-features .table-row {
    padding-left: 0;
}
#top-rated-features .table-row {
    width: 98%;
}
#hopper-sections {
    padding: 1.5rem 0 7.6rem;
}
#monthly-fees .buttons {
    width: 100%;
}
#monthly-fees {
    padding-top: 45px;
}
#monthly-fees .buttons .right-col {
    width: 52%;
    float: left;
}
#monthly-fees .buttons .left-col {
    width: 48%;
    float: left;
}
#monthly-fees .box1.tv {
    height: 299px;
}
#box1.minimized {
    margin-left: 0px;
}
#box1-ul li, #box2-ul li, #box3-ul li {
    line-height: 20px;
    margin-left: 37px;
    text-align: left;
}
#box2.maximized {
    height: 652px;
}
#box1.maximized {
    height: 565px;
}
#box3.maximized {
    height: 716px;
}
#box2.minimized, #box3.minimized {
    max-height: 323px;
}
}
@media only screen and (min-width: 768px) and (max-height: 667px) {
#monthly-fees .arrow {
    width: 764px;
}
}