/*-=Small screens=-*/
    @media only screen and (max-width: 31.188em) {        
        /* Campaign Dashboard Styling */
        html .TWLA-campaign-dashboard { padding: 0 10px 60px; }
        
        /* Campaign Dashboard Sidebar Styling */
        html .TWLA-dashboard-sidebar {
            margin: 0 -10px 30px;
            padding: 15px;
            position: static;
            width: auto;
        }       

    }/* max-width 499px and lower. Use this for mobiles only */
    
    @media only screen and (max-width: 47.938em) {
        #arcAspot .container { padding: 50px 20px; }
        #arcAspot h1 {
            font-size: 24px;
            line-height: 30px;
            margin:0 auto;
        }
        #arcAspot .arcBtn {
            height: 50px;
            line-height: 50px;
            margin: 0 0 10px;
        }
        
        /* TABS */
        .nav-tabs > li > a {
            font-size: 17px;
            margin: 0;
            padding: 15px 5px !important;
        }
        #arcHomeTabs .nav-tabs > li { width: 32%; }
        
        /* HOST SLEEVESUP */
        #arcHostSleevesup .homeBot h3 { font-size: 22px; }
        
        /* CAMPAIGNS */
        .campaignContainer .container { padding: 60px 0 0; }
        .campaignContainer .TWLA-header { padding: 15px; }
        .campaignContainer .TWLA-header .arcPageTitle { font-size: 20px; margin: 0; }
        .campaignContainer .TWLA-header .arcBtn {
            height: 35px;
            line-height: 35px;
            padding: 0 10px;
        }
        .campaignContainer .arcFeaturedImg { padding: 15px 0 30px; }
        .campaignContainer .TWLA-content { padding: 5px 15px; }
        .campaignContainer .TWLA-content p { font-size: 13px; line-height: 16px; }
        .campaignContainer .TWLA-campaign-sidebar { padding: 15px; }
        .campaignContainer .TWLA-feed-header { padding: 30px 15px; }
        
        /* Social Feed Tabs Styles */
        .TWLA-feed-tabs #instafeed { padding: 15px; }
        
        /* Campaign Dashboard Styling */
        .TWLA-campaign-dashboard { padding: 20px 10px 60px 240px; }
        .TWLA-campaign-dashboard.TWLA-no-sidebar { padding: 20px 10px 60px; }
        .TWLA-dashboard-counters .TWLA-block-wrap { border: 0; }
        
        /* Campaign Updates Styling */
        .TWLA-updates ul li table td {
            display: block;
            width: 100% !important;
        }
        .TWLA-updates ul .TWLA-img-wrap { padding: 0; }
        
        /* Campaign Dashboard Sidebar Styling */
        .TWLA-dashboard-sidebar { width: 230px; }
        .TWLA-dashboard-sidebar ul.sidenav { padding-left: 20px; }
        .TWLA-dashboard-sidebar ul.sidenav li { padding: 5px 0; }
        .TWLA-dashboard-sidebar ul.sidenav li.current a { font-size: 12px; }
        
        /* Edit Campaign Form Styling */
        .TWLA-campaign-dashboard form .TWLA-half {
            display: block;
            width: 100%;
        }
        .TWLA-campaign-dashboard form .TWLA-half .ginput_container,
        .TWLA-campaign-dashboard form .TWLA-half .gform_update_post_upload_container { padding-left: 0 !important; padding-right: 0 !important; }
        .TWLA-campaign-dashboard form .TWLA-or:after {
            bottom: 0;
            margin: 0 -12px 0 0;
            right: 50%;
            top: auto;
        }
        .TWLA-campaign-dashboard form .TWLA-or .ginput_container { padding-bottom: 40px; }
        .TWLA-campaign-dashboard form .gform_footer .gform_button {
            font-size: 14px !important;
            height: 50px;
            line-height: 50px;
            width: 100%;
        }
        
        /* MATCHUP STYLES */
        .matchUpContainer > .container { padding: 0; }
        #arcMatchUpHeader {
            min-height: 0;
            padding: 10px 0 20px;
        }
        #arcMatchUpHeader h1 {
            border: none;
            display: block;
            font-size: 50px;
            line-height: 60px;
            margin: 0 0 10px;
            padding: 0;
        }
        #arcMatchUpHeader h2 {
            font-family: "StandardCT-Bold",Helvetica,sans-serif !important;
            font-size: 20px;
            line-height: 25px;
            margin: 0;
            padding: 0;
            text-align: center;
        }
        #arcMatchUpHeader h2 span {
            display: block;
            border-left: 0;
            border-top: 2px solid #ffffff;
            font-size: 20px;
            line-height: 22px;
            margin: 10px 20px 0;
            padding: 10px 0 0;
        }
        
        #arcMatchUpTitle .arcMatchUptitle1,
        #arcMatchUpTitle .arcMatchUptitle2 { text-align: center; }
        #arcMatchUpTitle .arcMatchUptitle1 h2,
        #arcMatchUpTitle .arcMatchUptitle2 h2 {
            font-family: "StandardCT-Light",Helvetica,sans-serif !important;
            font-size: 20px;
            font-weight: 300;
            margin: 0;
            text-transform: none;
        }
        #arcMatchUpTitle .vs {
            color: #7b7b7b;
            font-size: 18px;
            margin: 10px 0;
        }
        #arcMatchUpTitle .arcMatchUptitle1 span,
        #arcMatchUpTitle .arcMatchUptitle2 span { display: none; }
        
        .TWLA-matchup-compare .outer { display: none; }
        .TWLA-matchup-left { padding-right: 5px !important; }
        .TWLA-matchup-right { padding-left: 5px !important; }
        .TWLA-matchup-thumb { height: 150px; }
        
        .innerMatchUpPanel { padding: 10px 5px 5px; }
        .innerMatchUpPanel p {
            float: none;
            font-size: 12px;
            padding: 0;
        }
        .innerMatchUpPanel p span { font-size: 40px; }
        .innerMatchUpPanel a {
            float: none;
            font-size: 14px;
            height: 50px;
            line-height: 50px;
            margin: 0 0 10px;
            padding: 0 5px;
            width: 100%;
        }
        .TWLA-matchup-about { font-size: 35px; padding: 80px 0; }
                
        /* LEADERBOARD */
        .leader-box {
            height: auto;
            margin: 15px;
            overflow: visible;
            padding: 15px 0 0;
            position: relative;
        }
        .leader-rank,
        .leader-name > p,
        .leader-pledges .pledge-display,
        .leader-link a.leaderboard-pledge-btn {
            position: static;
            transform: none;
        }
        .leader-rank {
            border-right: 1px solid #d4d4d4;
            font-size: 30px;
            height: calc(100% - 10px) !important;
            left: 0;
            margin: 5px 0;
            padding: 10px 0;
            position: absolute;
            text-align: center;
            top: 0;
            width: 70px;
            z-index: 0;
        }
        .leader-rank > span {
            font-size: 25px;
            text-transform: lowercase;
            vertical-align: baseline;
        }
        .leader-name,
        .leader-hashtag { padding: 0 10px 0 85px; text-align: left; }
        .leader-name > p {
            font-size: 16px;
            font-weight: 400;
            margin: 0 0 5px;
            text-transform: none;
        }
        .leader-pledges {
            min-height: 130px;
            padding: 0 10px 10px 150px;
            text-align: left;
        }
        .leader-pledges .pledge-display { margin: 0 0 5px; }
        .leader-hashtag {
            color: #ed1b2e;
            font-family: "StandardCT-Light",Helvetica,sans-serif !important;
            font-size: 16px;
            font-style: italic;
            text-transform: lowercase;
        }
        .leader-link {
            background: #ffffff;
            border-radius: 0 0 5px 5px;
            border-top: 5px solid #ffffff;
            padding: 0;
        }
        .leader-link a.leaderboard-pledge-btn {
            background: transparent;
            border: none;
            border-radius: 0;
            border-top: 1px solid #d4d4d4;
            box-shadow: none;
            color: #555555;
            width: 100%;
        }
        .leader-image {
            height: 120px;
            left: 10px;
            position: absolute;
            top: 10px;
            width: 120px;
        }
        
    } /* max-width 767px and lower. Use this for mobiles only */

/*-=Medium screens=-*/
    @media only screen and (min-width: 48em) {
        
    }  /* min-width 767px */

    @media only screen and (min-width: 48em) and (max-width: 61.938em) {
        #arcAspot { height: auto; }
        #arcAspot .container { padding: 80px 20px; }
        #arcAspot h1 { font-size: 30px; margin:0 auto; }
        
        /* TABS */
        .nav-tabs > li > a {
            font-size: 25px;
            padding: 15px 10px !important;
        }
        
        /* HOST SLEEVESUP */
        #arcHostSleevesup .homeBot h3 { font-size: 22px; }
        
        /* CAMPAIGNS */
        .campaignContainer .container { padding: 60px 20px 0; }
        .campaignContainer .TWLA-header { padding: 30px 25px; }
        .campaignContainer .arcFeaturedImg { padding: 25px 10px; }
        .campaignContainer .TWLA-content { padding: 5px 25px; }
        .campaignContainer .TWLA-campaign-sidebar { padding: 25px; }
        .campaignContainer .TWLA-feed-header { padding: 30px 25px; }
        
        /* Social Feed Tabs Styles */
        .TWLA-feed-tabs #instafeed { padding: 25px; }
        .TWLA-feed-tabs #instafeed .instaImg { width: 25%; }
        
        /* Campaign Dashboard Styling */
        .TWLA-campaign-dashboard { padding: 20px 10px 60px 310px; }
        .TWLA-dashboard-counters .TWLA-block-wrap:nth-child(4n+1) { border-left: 10px solid #ffffff; }
        .TWLA-dashboard-counters .TWLA-block-wrap:nth-child(4n) { border-right: 10px solid #ffffff; }
        .TWLA-dashboard-counters .TWLA-block-wrap:nth-child(2n+1) { border-left: 0; }
        .TWLA-dashboard-counters .TWLA-block-wrap:nth-child(2n) { border-right: 0; }
        .TWLA-updates ul .TWLA-img-wrap { padding: 0 10px; width: 170px; }
        .TWLA-updates ul .TWLA-btns-wrap { width: 70px; }
        
        /* Edit Campaign Form Styling */
        .TWLA-campaign-dashboard form .TWLA-half {
            display: block;
            width: 100%;
        }
        .TWLA-campaign-dashboard form .TWLA-half .ginput_container,
        .TWLA-campaign-dashboard form .TWLA-half .gform_update_post_upload_container { padding-left: 0 !important; padding-right: 0 !important; }
        .TWLA-campaign-dashboard form .TWLA-or:after {
            bottom: 0;
            margin: 0 -12px 0 0;
            right: 50%;
            top: auto;
        }
        .TWLA-campaign-dashboard form .TWLA-or .ginput_container { padding-bottom: 40px; }
        .TWLA-campaign-dashboard form .gform_footer .gform_button {
            font-size: 14px !important;
            height: 50px;
            line-height: 50px;
            width: 100%;
        }
        
        /* MATCHUP STYLES */
        #arcMatchUpHeader {
            min-height: 0;
            padding: 10px 0 20px;
        }
        #arcMatchUpHeader h1 {
            border: none;
            display: block;
            font-size: 60px;
            line-height: 60px;
            margin: 0;
            padding: 0;
        }
        #arcMatchUpHeader h2 {
            font-family: "StandardCT-Bold",Helvetica,sans-serif !important;
            font-size: 30px;
            line-height: 35px;
            margin: 0;
            padding: 0;
        }
        #arcMatchUpHeader h2 span {
            display: inline-block;
            border-left: 2px solid #ffffff;
            font-size: 24px;
            margin-left: 15px;
            padding-left: 15px;
        }
        
        #arcMatchUpTitle .arcMatchUptitle1,
        #arcMatchUpTitle .arcMatchUptitle2 { text-align: center; }
        #arcMatchUpTitle .arcMatchUptitle1 h2,
        #arcMatchUpTitle .arcMatchUptitle2 h2 { font-size: 40px; margin-bottom: 0; }
        #arcMatchUpTitle .vs { color: #7b7b7b; font-size: 70px; }
        
        .TWLA-matchup-compare .outer { width: 20px; }
        .TWLA-matchup-left { padding-right: 30px !important; }
        .TWLA-matchup-left .outer { right: 12px; }
        .TWLA-matchup-right { padding-left: 30px !important; }
        .TWLA-matchup-right .outer { left: 12px; }
        
        .innerMatchUpPanel { padding: 20px 20px 10px; }
        .innerMatchUpPanel p { float: none; padding: 10px; }
        .innerMatchUpPanel a {
            float: none;
            margin: 0 0 20px;
            width: 285px;
        }
        
        /* LEADERBOARD */
        .leader-box {
            height: auto;
            margin: 15px;
            overflow: visible;
            padding: 15px 0 0;
            position: relative;
        }
        .leader-rank,
        .leader-name > p,
        .leader-pledges .pledge-display,
        .leader-link a.leaderboard-pledge-btn {
            position: static;
            transform: none;
        }
        .leader-rank {
            border-right: 1px solid #d4d4d4;
            font-size: 30px;
            height: calc(100% - 10px) !important;
            left: 0;
            margin: 5px 0;
            padding: 10px 0;
            position: absolute;
            text-align: center;
            top: 0;
            width: 70px;
            z-index: 0;
        }
        .leader-rank > span {
            font-size: 25px;
            text-transform: lowercase;
            vertical-align: baseline;
        }
        .leader-name,
        .leader-hashtag { padding: 0 10px 0 85px; text-align: left; }
        .leader-name > p {
            font-size: 16px;
            font-weight: 400;
            margin: 0 0 5px;
            text-transform: none;
        }
        .leader-pledges {
            min-height: 130px;
            padding: 0 10px 10px 150px;
            text-align: left;
        }
        .leader-pledges .pledge-display { margin: 0 0 5px; }
        .leader-hashtag {
            color: #ed1b2e;
            font-family: "StandardCT-Light",Helvetica,sans-serif !important;
            font-size: 16px;
            font-style: italic;
            text-transform: lowercase;
        }
        .leader-link {
            background: #ffffff;
            border-radius: 0 0 5px 5px;
            border-top: 5px solid #ffffff;
            padding: 0;
        }
        .leader-link a.leaderboard-pledge-btn {
            background: transparent;
            border: none;
            border-radius: 0;
            border-top: 1px solid #d4d4d4;
            box-shadow: none;
            color: #555555;
            width: 100%;
        }
        .leader-image {
            height: 120px;
            left: 10px;
            position: absolute;
            top: 10px;
            width: 120px;
        }

    } /* min-width 768px and max-width 991px, use when QAing tablet-only issues */

/*-=Large screens=-*/
    @media only screen and (min-width: 62em) {

    } /* min-width 992px, large screens */
    
    @media only screen and (min-width: 62em) and (max-width: 74.938em) {
        /* HOST SLEEVESUP */
        #arcHostSleevesup .homeBot h3 { font-size: 22px; }
        
        /* CAMPAIGNS */
        .campaignContainer .container { padding: 60px 20px 0; }
        .campaignContainer .TWLA-campaign-sidebar button { padding: 0 5px; }
        
        /* Campaign Dashboard Styling */
        .TWLA-campaign-dashboard { padding: 20px 10px 60px 310px; }
        
        /* LEADERBOARD */
        .leader-link a.leaderboard-pledge-btn { width: auto; }

    } /* min-width 992px and max-width 1199px, large screens */
    
    @media only screen and (min-width: 75em) and (max-width: 87.438em) {
        
        /* CAMPAIGNS */
        .campaignContainer .container { padding: 60px 20px 0; }
        
        /* Campaign Dashboard Styling */
        .TWLA-campaign-dashboard { padding: 20px 10px 60px 310px; }
        
        /* LEADERBOARD */
        .leader-link a.leaderboard-pledge-btn { width: auto; }
        
    } /* min-width 1200px and max-width 1399px, large screens */
    
    @media only screen and (min-width: 87.500em) {
        
    } /* min-width 1400px, large screens */