/* Big tablet to 1300 px (widths smaller than the 1140 pixel row) */
@media only screen and (max-width:1200px) 
{
    .hero-text-box {
        width:100%;
        padding:0 2%;
        }

    .row { padding:0 2%;}

}


/* ipad in portrait mode small table to big tablet  768px (ipad) - 1023px */
@media only screen and (max-width:1023px) 
{
    body {font-size:18px;}
    section { padding: 60px 0;}

    .long-copy {
    width:80%;
    margin-left:10%;
    }

    .steps-box { margin-top:10px;}
    .steps-box:last-child {margin-top:10px; }
    .works-steps { margin-bottom:40px; }
    .works-step:last-of-type {margin-bottom: 60px;  }

    .app-screen { width:50%; }

    .icon-small {
        width:17px;
        margin-right:10px;
    }

    .city-feature { font-size:90%;}

    .plan-box {
        width:100%;
        margin-left:0%;
    }
    .plan-price { font-size:250%;}

    .contact-form { width:90%;}

}


/* small phones to small tablets from 481 - 767 px*/
@media only screen and (max-width:767px) 
{

    body { font-size:16px; }
    section { padding: 30px 0;}
    .row,
    .hero-text-box { padding:0 4%;}
    .col { width:100%; }

    /* .main-nav { display:none; }*/

    .mobile-nav-icon { display:inline-block;}

    .main-nav {
        float:left;
        margin-top:25px;
        margin-left:25px;
        display:none;
    }
    .main-nav li {
        display:block;
    }

    .main-nav li a:link,
    .main-nav li a:visited {
        display:block;
        border:0;
        padding:5px 0;
        padding: 10px 0;
        font-size:100%;
    }

    .sticky .main-nav { margin-top:18px;display:none;}
    .sticky li a:link,
    .sticky li.a:visited {padding: 10px 0;}
    .sticky .mobile-nav-icon i { color:#555; }
    .sticky .mobile-nav-icon i { margin-top:0px; }

    .sticky .main-nav { margin-top:10px;}
    .sticky li a:link,
    .sticky li.a:visited { padding: 10px 0; }



    .sticky .logo { display:none; }
    .sticky .logo-black { display:block; }


    h1 { font-size:180%;}
    h2 {font-size:150%;}

    .long-copy {
        width:100%;
        margin-left:0%;
    }
    .app-screen { width:40%;}

    .steps-box:first-child { text-align:center;}
    .works-step div {
        height:40px;
        width:40px;
        margin-right:15px;
        padding:4px;
        font-size:120%;
    }

    .works-steps { margin-bottom:20px; }
    .works-step:last-of-type {margin-bottom: 20px;  }
    .col {
        width:100%;
        margin:1% 0 1% 1.6%;
    }

    map-box {
    width:100%;
    height:600px;
    position:relative;
    }
    .map {
        width:100%;
        height:300px;
        position:relative;
        z-index: 0;
    }

    .form-box {
        position:relative;
        width:100%;
        z-index:10;
        height:auto;
        padding-top:30px;
    }
    .content-col, .news-text, .news-photo, .teaser-link {
      width:100%;
    }
    .sidebar {
        display:none;
    }
    .col-3 {
        width:50%;
    }
}

/* Small Phones from 0 to 480px */
@media only screen and (max-width:480px) 
{
    
    section { padding:25px 0;}
    .contact-form { width:100%; }
    .heronavlist {
        list-style:  none;
        display:block;
        background:#000;
        opacity: 0.6;
    }
    .heropills {
        padding: .5em;
        margin-right:0;
    }
    .heronav {
        left:0;
        top:55%;
        line-height:1.5em;
    }
    .hero-text-box {
        positon:absolute;
        top:-2em;
        with:100%;
    }
    .main-nav {
        position: absolute;
        z-index: 9;
        top: 0;
        right: 0;
        background: #000;
        padding: .5em 0;
    }
    .mobile-nav-icon i {
        position: absolute;
        top: 0;
        right: .5em;
        z-index: 999;
    }
    .row {
        display:block;
    }
    .lead-story img {
        width:100%;
    }
    .section-photobank {
        display:none;
    }
    .loginbox {
        width:100%;
    }
    .sidebar {
        display:none;
    }
    .secret {
        left:0px;
    }
    .secretlogout {
        display:none'
    }
    .lead-image {
        100%;
    }
    .col-3 {
        width:100%;
    }
    .lead-story {
        width:100%;
    }
    .lead-image {
        width:100%;
    }
    .mdisplay {
        display:block;
    }
    /* DVD COLLECTION */
    .moviecell {
        display:none;
    }
    .m-white_box {
        display:none;
    }
    .titlebar, .titlebar a{
        pointer-events:none;
        cursor:default;
        text-decoration:none;
        line-height:2em;
    }
    .dvdpagination {
        display:none;
    }
    .fields-3 {
        line-height:2em;
        width:100%;
    }
    /* top logo image */
    .srlogo img {
        width:50%;
    }
    /* top text with logo and tagline */
    .hero-text-box {
        margin-top:150px;
    }
}
@media all and (min-width: 40em) {
  .list-item {
    width: 10%;
  }
  .main-nav {
  flex-direction:column;
  }
  
}
@media all and (min-width: 60em) {
  .list-item {
    width: 20%;
  }
  


}