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

    .waitlist .msg #refLink,
    .waitlist form fieldset {
        width: 90%;
    }
    header {
        background: rgba(0,0,0,0.8);
        padding: 0px 20px!important;
    }

    .homepage header {
        background: rgba(0,0,0,0.3);
    }

    header .logo {
        width: 46%;
    }
    header .logo img {
        height: 35px!important;
        width: auto!important;
        margin-right: 14px!important;
    }

    header a {
        font-size: 0.875rem!important;
    }

    header .logo b {
        display: none!important;
    }
    header div a.sign-in {
        padding-left: 30px!important;
    }

    /* .top-banner {
        height: 550px!important;
        min-height: 550px!important;
    } */

    .top-banner:after {
        height: 40px!important;
        bottom: 25px!important;
        z-index: 99!important;
    }

    .top-banner .item {
        justify-content: center;
    }
    
    .top-banner .item p {
        margin: 0 0 20px 20px!important;
        width: 90%!important;
        font-size: 1.85rem!important;
    }

    .top-banner .item p br {
        display: none!important;
    }

    .rewordly-slider .rewordly-slider-container .item {
        min-height: 650px!important;
        /* max-height: 550px!important;
        height: 550px; */
    }

    .top-banner .item p:first-child {
        margin-top: -50px!important;
    }

    .top-banner .buttons.buttons {
        width: calc(100% - 20px)!important;
        left: 20px!important;
        bottom: 50px!important;
        font-size: 1.5rem!important;
    }

    .top-banner .buttons.edu .btn-arrow-next.btn-arrow-next {
        top:10px!important;
    }

    .top-banner .buttons .btn-request {
        width: 80%!important;
        font-size: 1rem!important;
        margin-left:0!important;
    }

    .top-banner .buttons .btn-arrow {
        top: -7px!important;
        transform: scale(0.7)!important;
    }

    .top-banner .buttons .btn-arrow-next {
        right: 10px!important;
    }

    .rc-banner {
        margin-top: 0px!important;
        height: 188px!important;
    }

    .rc-banner .content {
        background: url(../img/rc-desktop.jpg) no-repeat top center / cover!important;
        height: 175px!important;
        width: 100%!important;
    }

    .about-platform {
        box-shadow: none!important;
    }

    .platform-content .features {
        padding: 0px 20px!important;
    }

    .platform-content .features span {
        font-size: 1rem!important;
    }

    .platform-content .boxes {
        display: block!important;
    }

    .platform-content .boxes .box{
        width: 45%!important;
        margin-bottom: 10px;
        display: inline-block!important;
    }

    .platform-content .box p {
        width: 100%!important;
        font-size: 1rem!important;
        height: 60px;
        overflow: hidden;
    }

    .platform-content .box .content {
        height: auto!important;
        padding: 27px 10px!important;
    }

    .waitlist {
        padding: 20px 10px!important;
        width: 95%!important;
    }

    .waitlist form {
        width: 90%!important;
    }

    .static {
        padding-left: 40px!important;
        width: 75%!important;
    }

    .static form input, .static form textarea, .static form .wider {
        width: 100%!important;
    }

    .photos {
        padding-bottom: 50px!important;
    }

    .photos img {
        width: 100%!important;;
        margin-bottom: 10px;
    }

    .photos img.right{
        position: initial!important;
    }

    .static .logos {
        width: 90%!important;
        align-items: center;
    }
    .static .logos img {
        width: auto!important;
        align-self: center!important;
    }

    .static .logos div img:first-child {
        top:0!important;
    }

    .platform-content p a span {
        width: 100%!important;
    }
    
    .platform-content p a.how-can-tell span {
        width: auto !important;
        position: fixed;
        top: 120px;
        right: 20px;
        left: 20px;
    }
    
    .platform-content .features p {
        font-size: 12px;
        line-height: 16px;
        width: 94%;
    }

    .platform-content .box .content p {
        height: auto!important;
    }

    .rc-journo-features .ml-39.ml-39, 
    .rc-journo-features .mr-39.mr-39{
        margin-left:0!important;
        margin-right:0!important;
    }

    .rc-journo-features h4, 
    .rc-journo-features p,
    .rc-journo-features .mr-39.mr-39 h4, 
    .rc-journo-features .mr-39.mr-39 p {
        text-align: center!important;
    }

    .rc-journo-features {
        width: 90%!important;
    }

    .rc-journo-features .wider {
        margin-bottom: 50px!important;
    }

    .sign-in-popup .content {
        width: 90%!important;
    }

    .sign-in-popup .content form button, 
    .sign-in-popup .content form input, 
    .sign-in-popup .content form span {
        width: 90%!important;
    }

    .rc-journo-info.rc-business {
        padding-bottom: 10px!important;
    }

    .rc-journo-features.rc-business {
       max-width: 90%!important;
       padding-top:10px!important;
    }

    .rc-journo-features.rc-business .mr-39 {
        margin-top: 40px!important;
    }

    .rc-journo-features.rc-business .line.left h4 {
        margin-top: 20px!important;
    }

    .rc-journo-features.rc-business .line img {
        width: 100%!important;
    }

    .rc-business-features .feature {
        width: 100%!important;
        padding:0!important;
    }

    .rc-business-features .feature img {
        width: 53px!important;
    }

    .line.with-feature-bg {
        padding-bottom: 0!important;
    }
    .line.with-feature-bg:after {
        display: none!important;
    }

    .rc-journo-features p.larger.larger {
        font-size: 1.125rem!important;
    }

    .rc-journo-features.rc-business h2 {
        font-size: 2.5rem!important;
    }

    .rc-journo-features.rc-business .join-waitlist, .rc-journo-features.platform-content .join-waitlist {
        width: 100%!important;
        font-size: 1.125rem!important;
    }

    .rc-business.logos {
        flex-direction: column!important;
        height: auto!important;
        margin-bottom: 30px!important;
        margin-top: 15px!important;
    }

    .rc-business.logos img {
        transform: scale(0.8);
        margin-bottom: 10px;
    }
}


@media only screen and (max-height: 700px) {
    .top-banner .buttons {
        bottom: 90px!important
    }

    .top-banner .item p {
        margin-bottom: 40px!important;
    }
}


@media only screen and (max-width: 1124px) and (min-width: 700px) {
    .top-banner .item p {
        margin: 0px 0px 50px 105px!important;
        font-size: 2.5rem!important;
    }

    .top-banner .item p:first-child {
        margin-top: 70px!important;
    }

    .top-banner .buttons {
        left: 105px!important;
        width: calc(100% - 100px)!important;
    }
}

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

    .tiles .background {
        display: flex!important;
    }
    .reading.collection {
        min-width: initial!important;
    }

    .reading .section.collection .box.collection-title .text {
        display: flex;
        align-items: center;
    }

    .reading .section.collection .box.collection-title .text.desktop {
        display: none;
    }

    .reading .section .box.collection-title.fixed .collection-info {
        align-items: initial!important;
    }

    .reading .section.collection .box.collection-title .text.mobile {
        display: flex;
    }
    
    .reading .section .box.collection-title.fixed .collection-cover.collection-cover {
        height: 202px!important;
        width: 92px!important;
    }

    .reading .section .box.collection-title.fixed.fixed {
        height: auto!important;
    }
    .reading .section .box.collection-title{
        position: initial!important;
        height: auto!important;
    }

    .reading .section.collection .box.collection-title .text.mobile img {
        width: 92px!important;
    }

    .reading .section .box.collection-title .text h3 {
        padding: 0 0 0 10px!important;
        height: auto!important;
        font-size: 22px!important;
        line-height: 22px!important;
    }

    .reading .section.collection .header {
        flex-direction: row;
        align-items: center;
    }

    .reading .section.collection .header .collection-menu {
        margin-top: 15px;
    }

    .reading .section.collection .header .collection-menu a {
        margin-right: 3px!important;
    }
}

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


    .reading .section.collection .header .collection-menu {
        margin-top: 0px;
    }

    .reading .section.collection .header .collection-menu a {
        display: none!important;
    }
    .reading .section.collection .header .collection-menu a.share {
        display: inline-flex!important;font-size: 0px;
    }

    .reading .section.collection .header .collection-menu a.share img {
        display: none;
    }

    .reading .section.collection .header .collection-menu a.share span {
        font-size: 12px;
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 1110px) {
    
    .rc-business-features .feature img {
        width: 53px!important;
    }

    .line.with-feature-bg {
        padding-bottom: 0!important;
    }

    .line.with-feature-bg:after {
        display:none!important;
    }

    .rc-business-features .feature {
        padding: 0px 20px!important;
    }

    .line.with-feature-bg.with-feature-bg  p {
        text-align: left!important;
    }

    .line.with-feature-bg.with-feature-bg .mr-39  p {
        text-align: center !important;
    }

    .rc-journo-features.platform-content {
        width: 90%!important;
    }

    .rc-journo-info {
        display: block!important;
        text-align: center!important;
        margin: 0 auto!important;
        width: 90%!important;
    
    }

    .rc-journo-info div {
        padding:0!important;
        margin-bottom: 10px;
    }

    .rc-journo-features {
        width: 90%!important;
    }

    .rc-journo-features .line {
        display: block!important;
    }

    .rc-journo-features .line p {
        text-align: center!important
    }

    .rc-journo-features .mr-26 {
        margin: 50px 0px!important;
    }

    .rc-journo-features img {
        width: 90%!important;
        margin: 0 auto!important;
    }

    .rc-journo-features p {
        margin: 0 auto 50px auto!important;
        width: 90%!important;
    }

    .reads-tray.reads-tray {
        width: 100%;
        box-sizing: border-box;
        padding: 120px 20px!important;
    }

    .reads-tray .header {
        width: 100%;
    }

    .reads-tray .header div.filter.filter {
        font-size: 20px;
    }

    .reads-tray .header div.filter a svg {
        margin-top: 0px!important;
    }

    .reads-tray .row {
        display: block!important;
    }

    .reads-tray .row .feed-container.feed-container { 
        width: 100%;
        display: inline-block;
        height: auto;
        box-sizing: border-box;
        margin-right: 0px;
    } 

    .reads-tray .row .feed-container ul li .text img.article-img {
        display: block!important
    }


    .reads-tray .row .feed-container ul {
        max-height: 300px;
        overflow: scroll;
    }

    .reads-tray .row .feed-container ul img {
        display: none!important;
    }

    .reads-tray .row .feed-container ul li .text {
        width: 100%!important;
    }

    .reads-tray .row .col-60 { 
        width: 100%!important;
        margin-top: 30px;
        box-sizing: border-box;
    }

    .reads-tray .row .col-40 { 
        width: 100%!important;
        margin-top: 30px;
        box-sizing: border-box;
    }

    .reads-tray .options a .text.text{
        padding: 20px 10px;
    }

    .reads-tray .options a .text h3 {
        font-size: 18px!important;
        line-height: 18px!important;
    }

    .reads-tray .collections .collections-categories a .text.text h3 {
        font-size: 16px;
    }   

    .reads-tray .collections .collections-categories a .text.text label {
        font-size: 14px;
    }

    .reads-tray .collections .collections-categories a .text.text {
        padding: 10px;
        height: 103px;
    }

    .reads-tray .collections .collections-categories a img {
        object-fit: cover;
    }

    .reads-tray .collections .list a {
        width: 50%!important;
    }

    .reads-tray .collections .collection-actions{
        display: block!important;
    }

    .reads-tray .collections .collection-actions .select-wrapper {
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 17px;
    }

    .reads-tray .collections .collection-actions .create-collection {
        width: 100%!important;
        margin-right: 0!important;
        max-width: initial!important;
        display: block;
        text-align: center;
    }

    .reading {
        width: 100%;
        padding: 80px 20px!important;
    }

    .reading .desktop-content {
        display: none!important;
    }

    .reading .mobile-content {
        display: block!important;
    }

    .reading .section .box.box {
        align-items: center;
    }

    .reading .section .box .text.text h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .reading .section .sub-menu.sub-menu {
        margin-left: 10px;
    }

    .reading .section .sub-menu.sub-menu a {
        font-size: 14px;
    }

}

@media only screen and (max-width: 1281px) and (min-width: 1024px) { 
    .reads-tray {
        padding: 120px 120px!important;
    }

    .reading {
        padding: 120px 120px 22.5px 120px!important;
    }

    .reading .tiles .boxes .box-no-image h3 {
        margin-top: 8px!important;
        margin-bottom: 30px;
    }

    .reading .tiles .box-small-with-image .text h3 {
        margin-bottom: 30px;
    }

    .reads-tray .options a .text h3 {
        font-size: 20px!important;
        line-height: 20px!important;
    }

    .reads-tray .options a.caught-up .text {
        width: 65%!important;
    }

    .reads-tray .collections .list a .text h3 {
        font-size: 18px!important;
        line-height: 18px!important;
    }

    .reads-tray .collections .list a .text h3 br{
        display: none;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 860px) { 
    .reads-tray {
        padding: 120px 58px!important;
    }

    .reading {
        padding: 120px 58px 22.5px 58px!important;
    } 
}