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

    html {
        box-sizing: border-box;
    }

    *, *:before, *:after {
        box-sizing: inherit;
    }

    input[type=text], select {
        box-sizing:content-box;
    }

    input[type=text], textarea, select {
        font-size: 16px;
    }
    div.master-wrapper {
        min-width: 320px;
    }

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

    .mobile-hidden{display:none !important;}

    .main-content-area h3, .pageContent h3 {
        margin: 1em 0;
    }

    .wrapper {
        width: 100%;
        /* min-width: 320px; */
        box-sizing: border-box;
        /* padding:0;*/
        padding: 0 1em;
    }

    .header-wrapper, .footer-container {
        min-width: 320px;
    }

    .full-width-wrapper {
        width: 100%;
        min-width: 320px;
        /*box-sizing: border-box;*/
        padding: 0 0 1em;
    }

    #dvBPLogo img {
        float: right;
        width: 80%;
        margin-right: 1%;
        margin-bottom: 3%;
    }

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

    .mobile-menu {
        display:block;
        /* width: 54px; */
        /* float: left; */
        /* padding: 1% 0 0; */
        position: absolute;
        /* top: 2vw; */
    }

    .mobile-menu.menu-open {
        /* padding: 0.1em 0.1em 0.1em; */
        background-color: transparent !important;
    }

    #dvBPLogo .mobile-menu img {
        /* margin: 4px; */
        float: none;
        width: 40px;
        /* top: 0; */
    }

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


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

    #dvBPLogo h1 {
        font-size: 2.5vw !important;
        line-height: 12px !important;
        right: 23%;
    }

    

        #dvTopLinks #dvTopLinkLists {
            float: left;
            /* margin-right: 72px; */
            min-width: 226px;
            width: 76%;
            height: 49px;
            /* padding-top: 10px; */
        }
        #dvTopLinks #dvTopLinkLists ul li a {
            padding: 11px 9px;
        }

    #dvPrimaryNav {
        display:none;
        margin: 0;
        padding-bottom: 21px;
        width: 100%;
    }
#dvPrimaryNav ul {
    white-space:normal;
}


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

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

    .menu-open {
        background-color: #8c8c8c80;
        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;
    
    }

    .cameron-pool-bg .callout-content {
        margin: 0 1em;
        width: calc(100% - 2em);
    }

    .cameron-pool-bg {
        min-height: 650px;
        background: url(/images/features/cameron-white-pool-hero-mobile.jpg) no-repeat 50% 5% #fff;
        background-size: 130%;
        padding-top: 276px;
    }

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

    .footer-container nav.footer-nav {
        float: none;
    }
    .footer-container .footer-social {
        float: none;
        margin: 0;
    }
    #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: 0 3% 0 0;
        height:71px;
        float:right;
        width: 18%;
    }

    /*
	.product-list li {
        margin: 0 18px;
        padding:12px 10px;
    }
	

    .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 {
        grid-column: span 12;
        padding: 20px;
    }

    div#rightBar.no-padding {
        padding: 0;
    }

    div.pageContent #rightBar a.hash-button {
        width: 100%;        
    }
    a.hash-button {        
        box-sizing: content-box;
    }

    div#leftBar {
        grid-column: span 12;
        padding: 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%;
    }

    .promo-strip.promo-mobile {
        display: block;
    }

    .promo-strip.promo-desktop {
        /*display: none;*/
        width:100%;
    }

img.template-photo {
    display:none;
}
.custom-draw-hero-text {
    width: 90%;
    margin: 0 auto 0;
    padding: 5%;
    font-size: 15px;
    float: none;
}
.custom-draw-hero {
    background: url(/images/banners/draw-skateboard-hero-bg.jpg) no-repeat 96% 50%;
}

body.bp-wide .main-content{
    width:100%;
}
body.bp-wide .content-wrapper{
     width:100%;
}

.custom-draw-hero a.hero-button {
    margin:10px auto;
}
.content-wrapper .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 auto;
    width:90%;
    padding:5%;
    height: 354px;
}

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


/*Shop List & Search*/
#shopProductSearch.searchPage {
    margin:0;
}
    #shopProductSearch.searchPage div.txtSizeSearch input[type=text] {
        width: 100%;
        height: 2.5em;
        margin: 0;
        box-sizing: border-box;
    }

#shopProductSearch div.txtSizeSearch {
    float: none;
    /* position: relative; */
    width: 100%;
    box-sizing: content-box;
    margin: auto;
}

    #shopProductSearch a.hashGrey {
        
        box-sizing: content-box;
        width: 100%;
        margin: 0;
        padding: 0;
    }

#ctl00_ContentPlaceHolder1_pnlSubmitSearch {
    position: relative;
    height: 100px;
}
    #shopProductSearch div.txtSizeSearch .sortBy {
        float: none;
    }

    #shopProductSearch div.txtSizeSearch select {
        width: 100%;
        height: 2.5em;
        margin: 12px 0;
        box-sizing: border-box;
        float:left;
    }

#shopProductSearch div.searchMsg{right: 0px;top: -3px;}


.main-content-area ul#productList li.deck {
    text-align: center;
    grid-column: span 6;
}
.product-list-paging a.paging-link:not(.aspNetDisabled) {
        display: none;
    }

    #shopDeckList h3 {
        box-sizing:border-box;
        margin: 0 0 1em;
    }
    #shopDeckList li.shop-deck-li {
        width: 100%;
        margin: 2em 0;
        float: none;
    }

    .content-with-rail {
        width:100%;
    }

.main-content-area.shop-products a.hashGrey {box-sizing:content-box;float: none;}
.main-content-area.shop-products h3 span.deckCount {float:none}
.main-content-area.shop-products h3 span.shopTitle {float:none;font-size: 20px;}
.main-content-area.shop-products h3 span.dateOpen {float:none;}
.main-content-area.shop-products h3 {height:inherit;}


    /*Personalize decks*/
    .auto-gen-deck {
        width: 50%;
    }
    #auto-gen .product-list-paging a.dim {
        display:none;
    }
    /*Background Detail*/
    .full-width-cols .col-reg {
        column-width: 300px;
        display: inline-block;
        width: 47%;
        float: left;
        display: block;
        margin: 0 auto;
    }

    .bg-detail .full-width-cols .col-reg:last-child
    {
        width: 98%;
        float: none;
        margin-top:30px;
    }

    .bg-detail h1
    {
        overflow:hidden;
    }

    .bg-detail input, .bg-detail select,.bg-detail textarea {font-size:16px;}

    #agDeckImage img, #agDeckImage {
        height: 380px;
        width: auto;
        margin: auto;
        display: block;
        }
    .bg-detail .deck-preview {height:475px;}
    .full-width-cols .col-reg h3 {font-size:18px; margin-top:0;}

    .main-content-area.shop-checkout-wrapper, .shop-checkout-header {
        width: initial;
    }

/*Shop Products*/
        .shop-products .dateOpen {/* display:none; */}
    .shop-products.main-content-area h2 span {
        height:initial;
        margin-bottom:8px;
    }

    .full-width-cols .col-wide {
        grid-column: span 12;
    }

    .deck-stack-left {
        display: none;
    }


    .icon-callout {
        width: 100%;
        margin: 1em 0;
    }

        .icon-callout h5 {
            max-width:70%;
        }

    .cartUpdated {
    margin: 2em 0;
    display: block;
    float: right;
    box-sizing: content-box;
    /* margin-left: 20px; */
    }
    .cart .bp-button {
        width:100%;
    }
    .bp-cart-info {
        margin-top:1em;
    }
    /*checkout*/
    .bp-checkout-left-col {
        grid-column: span 24;
    }

    .bp-checkout-right-col {
        grid-column: span 24;
    }

    .xav-popup {
        width: 90%;
    }

    .main-content-area.checkout .address-state-zip {
        display:inline-block;
        width: 100%;
    }
    .main-content-area.checkout .form-entry.address-city {
        width: 100%;
        display: inline-block;
    }

    .main-content-area.checkout .card-exp-cvv {
        display: inline-block;
        width: 100%;
    }
    .main-content-area.checkout .form-entry.card-number {
        width: 100%;
        display: inline-block;
    }

    /*/checkout*/

    /*forms*/

    .main-content-area .form-entry input[type="text"],
    .main-content-area .form-entry textarea{
        width: 100%;
        box-sizing: border-box;
    }

    .main-content-area .form-entry input[type="text"] {
        height: 32px;
    }

    .product-detail .deck-preview {
        
        margin: 0 auto;
        width:100%;
    }
    .product-detail.personalized-product .deck-preview {
        min-height:unset;
    }

    .product-detail .flex-view {
    }


    .product-detail .col-image {
        width: 40vw;
        padding:0;
        flex:0 0 auto;
        margin-left:-0.5em;
    }
        .product-detail .col-image .image-area-sticky {
            padding-bottom:0;
        }

        .product-detail .col-details {
            
        }
    .product-detail .col-extra {
        clear: both;
        margin-left: 0;
        padding-top:2em;
    }

        .product-detail .col-extra .subhead {
            display:none;
        }

    .product-detail .cart-sticky {
        margin: 0 -1em 1em;
    }
    .product-detail .col-image-info {
        float: none;
        width: unset;
    }
    .product-detail .col-info {
        margin-left: 0;
    }
    
    .product-detail .col-full h4.subhead {
        display: none;
    }

    .content-wrapper .product-detail h1 {
        padding: 0.5em 0;
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .featured-deck-list .featured-deck {
        grid-column: span 12;
        padding: 0.5em;
    }

    .links-col {
        line-height: 24px;
        border-left: none 0 transparent;
        margin: 52px 0;
        text-align:center;
    }

}