@media screen and (max-width:420px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
  

    .main-content, .content-wrapper, .rail-content  {
        width: 100%;
    }

    .header {
        margin: 0.4em 0.2em;
    }
    .wrapper {
        width:100%;
        min-width: 320px;
    }

    #dvBPLogo img {
        float: right;
        width: 81%;
        /* margin-right: 2%; */
        margin-bottom: 1%;
    }

    #dvBPLogo {
        width: 100%;
        float:none;
    }

    .mobile-menu {
        display:block;
        width: 43px;
        float: left;
        padding: 1% 0 0;
    }

    .mobile-menu.menu-open {
        padding: 1% 3% 2% 0;
    } 

    .wrapper .full-content {
        width:100%;
    }


    #dvTopLinks {
        display:none;
        margin:0;
        height: 80px;
        padding-top: 10px;
    }

    #dvBPLogo h1 {
        font-size: 0.6em !important;
        line-height: 12px !important;
        right: 21%;
    }

    

        #dvTopLinks #dvTopLinkLists {
            float: left;
            margin-right: 72px;
            min-width: 247px;
            width: 75%;
            height: 49px;
            /* padding-top: 10px; */
        }

    #dvPrimaryNav {
        display:none;
        margin: 0;
        padding-bottom: 10px;
        width: 100%;
    }



        #dvPrimaryNav li, #dvPrimaryNav li:first-child {
            border: 0 solid #fff;
            float: none;
            font-size: 17px;
            height: 28px;
            margin: 0 0.4em 0 0.4em;
            overflow: visible;
            padding: 0.8em 0 0 0.4em;
            /* width: 100%; */
        }

        #dvTopLinks #dvTopLinkLists ul {
        float: none;
        margin-left: 3%;
    }

    .menu-open {
        background-color:#444;
        display:block !important;
    }


    .home-hero-header {
        font-size: 1em;
        margin-bottom: 1em;
        text-transform: uppercase;
    }

    #dvHomeHero {
        background: rgba(0, 0, 0, 0) url("../images/hpslides/create-your-own-skateboard-graphic.jpg") no-repeat scroll 60% 50% / 996px 323px;
        height: 323px;
        margin-bottom: 5px;
    }

    #dvHomeHero div:first-child {
        margin:0;
        min-width:315px;
    
    }

    .home-feature h2 {
        font-size:16px;
    }

    .main-content {
        /*min-width:350px;*/
        float:none;
    }

    #dvFooterMain {
        width:100%;
        height:auto;
        /*min-width:350px;*/
    }

    #dvFooterSecure {
        display:none;
    }

    .callout-designer {
        display:none;
    }

    .rail-content {
        margin:0;
    }

    #twitter_div {
        display:none;
    }

    .rail-fb {
        display:none;
    }

    .rail-content .rail-social {
        background-color: #000;
        margin: 0 auto;
        padding-top: 7px;
        text-align: center;
    }

   
    #dvTopLinks #dvCart {
        margin: -49px 3% 0 0;
        height:71px;
        float:right;
        width: 18%;
    }

    .product-list li {
        margin:0 18px;
    }

    .background-list li {
        padding: 12px 2% 0;
    }

    /*Product Detail*/
    
    .crumb-trail {
        display: none;
    }

    div#deckDisplay {
        width: 100%;
        left: 0;
        border: 0px;
        border-radius: 0;
        margin-top: 30px;
    }

    div#bottomLeft {
        height: initial;
    }

    #productDetail #rightBar h1 {
        width: 96%;
        position: absolute;
        top: -510px;
        text-shadow: 0px 0px;
        border-bottom: solid 1px #eee;
    }

    div#rightBar {
        width: 96%;
        padding: 0 2%;
    }

    div.pageContent #rightBar a.hashButtons {
        width: 100%;
    }

    div#leftBar {
        width: 100%;
        left: 0;
    }

    .pageContent {
        padding: 0 0%;
    }

    

#addComplete div.selectBox {
    padding: 5px 5%;
    width: 90%;
}

#addComplete div.selectBox a {
    margin-right: 10%;
}

    /*/custom - select your deck page*/
    #dvCustomHero h2 {
        color: #fff;
        font-size: 20px;
        margin: 15px 0 0 15px;
        min-width: 285px;
        position: absolute;
        text-transform: uppercase;
    }

    
    #dvCustomHero {
        background: rgba(0, 0, 0, 0) url("../images/hpslides/choose-a-skateboard-blueprint.png") no-repeat scroll 3% 50% / 754px 94px;
        height: 94px;
        margin-bottom: 6px;
        width: 100%;
    }

        #dvCustomHero ul {
            display:none;
        }


    #dvHomeSlides #ulHomeSlides .home-slide, #dvHomeSlides #ulHomeSlides, #dvHomeSlides {
        width:100%;
    }

    div.promo-strip {
        display: none !important;
    }

img.template-photo {
    display:none;
}
.custom-draw-hero-text {
    width: 90%;
    margin: 40px 0 0;
    padding: 5%;
    font-size: 15px;
}
body.bp-wide .main-content{
    width:100%;
}
body.bp-wide .content-wrapper{
     width:100%;
}

.custom-draw-hero a.hero-button {
    margin:10px auto;
}
.custom-draw-upload h2{
    font-size:24px;
    float:none;
    width: inherit;
    margin: 0;
}
.custom-draw-upload{
 padding:0;
 height: 529px;
}
.custom-draw-upload-box{
    margin:0;
    width:90%;
    padding:5%;
    height: 354px;
}

.custom-draw-upload label{
    width:100%;
}
.custom-draw-steps li{
    float:none;
    margin:0 auto;
}

}