/*
'************************************************************
'* TERMS & CONDITIONS / COPYRIGHT NOTICE *
'************************************************************
'* By Downloading or using this software, you agree to *
'* the terms and conditions as stated in the Software *
'* License Agreement. An updated copy of this agreement *
'* can be seen at http://www.pagedowntech.com/terms. *
'* *
'* PageDown Technology, LLC., Copyright 2012. *
'* pagedowntech.com / pdshop.com *
'* *
'* (this copyright notice must not be altered or removed) *
'************************************************************
*/

/* Hide mobile banners from and 'Menu' button desktop */
.desktop_content {
    display: inherit;
}

.mobile_content {
    display: none;
}


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

      .slogan {display: none !important;}
  .topsec3{display: none !important;}
  .topsec2{clear: both !important;} 
  .menu1right{display: none !important;}

    /* General (affects entire page) */
    body {
        margin: 0px !important;
        padding: 0px !important;
        font-size: 15px;
    }

    p {
        margin: 0px;
        padding: 5px;
    }

    div {
        max-width: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        overflow-wrap: normal !important;
    }

    table {
        width: 100% !important;
        overflow: auto !important;
    }

    td {
        float: left;
        width: 100% !important;
    }

    tr {
        clear: both;
    }

    img {
        max-width: 95% !important;
    }

    pre {
        white-space: normal !important;
    }

    textarea {
    max-width: 100% !important;}    
    select {
    max-width: 100% !important;}

    .body_container {
        width: auto;
        max-width: 100%;
        margin: 0px;
        overflow: hidden;
    }

    /* Search button */
    .desktop_content {
        display: none;
    }

    .mobile_content {
        display: block;
    }

    .mobile_content {
        width: 100% !important;
        display: block;
    }

    .slogan .content {
        width: 100%;
        text-align: center;
    }

        .slogan .content.td {
            clear: both;
            display: inline-block;
        }

    .slogan img {
        width: auto;
        max-width: 95% !important;
        display: none;
    }


    .pagebody table {
        width: 98% !important;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
    }


    .content {
        width: auto !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .columnspacer {
        width: 0px !important;
        display: none;
    }

    .menu1 {
        text-align: center;
        width: auto !important;
        border-style: none;
    }

    .menu1 .content div{

        margin: 5px;
        text-align: center;
        float: none !important;
        width: auto;
        display: inline-block;
        vertical-align: top;
        padding: 0px;

    }

    .topbanner{
        text-align: center;
        width: auto !important;
        border-style: none;
    }

    .topbanner div{

        margin: 5px;
        text-align: center;
        float: none !important;
        width: auto;
        display: inline-block;
        vertical-align: top;
        padding: 0px;

    }

    .menu2 {
        text-align: center;
        width: auto !important;
        border-style: none;
    }

    .menu2 .content div{

        margin: 5px;
        text-align: center;
        float: none !important;
        width: auto;
        display: inline-block;
        vertical-align: top;
        padding: 0px;

    }

    /* Shop Content Sections */
    .topsec {
        width: auto !important;
        padding: 0px !important;
        margin: 0px !important;
    }


    .topsec4 {
        display: none !important;
    }

    .topsec table {
        width: auto !important;
        margin: 0px !important;
        padding: 0px !important;
    }


    .topsec {
        text-align: center;
    }

    .topsec1 {
        padding-left: 10px;
        float: none;
        display: inline-block;
    }

    .topsec2 {
        float: none;
        display: inline-block;
        position: relative;
        /*left: 25px;*/
        padding-bottom: 10px;
        clear: both;
    }

    /*
    .topsec3 {
        float: none;
        text-align: center;
        max-width: 200px;
        display: inline-block;
        padding-left: 25px;
    } */


    .menutabs {
        display: none;
    }

    .custom_menutab {
        display: none;
    }

    .imenu {
        display: none;
    }

    .topbanner {
        width: auto !important;
        border-style: none;
    }

    .menutextlink {
        margin: 0px;
        padding: 2px;
        text-align: left;
        display: inline-block;
        padding-left: 10px;
        text-indent: -8px;
    }

        .menutextlink a {
            padding: 0px;
            padding-right: 5px;
            white-space: nowrap;
        }

    .area1 {
        display: none;
    }

    .area2 {
        display: none;
    }

    .botsec {
        width: auto !important;
        border-style: none;
    }


        .botsec div {
            margin: 10px;
            text-align: center;
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: top;
        }


    .botbannermenu {
        width: auto !important;
    }

    .botbanner {
        text-align: left;
    }

    .leftcol {
        width: 0px !important;
        display: none;
    }

    .middlecol {
        width: auto !important;
        max-width: 100%;
        background-color: transparent;
    }

    .rightcol {
        width: 0px !important;
        display: none;
    }

    .sectionspacer {
        width: auto !important;
    }

    #leftcol_fill {
        display: none;
    }

    #middlecol_fill {
        display: none;
    }

    #rightcol_fill {
        display: none;
    }

    .checkoutbuttons {
        width: 100%;
        text-align: center;
    }

        .checkoutbuttons .classicbutton {
            display: inline-block;
        }

    .google {
        display: none;
    }

    .twitter_page {
        display: none;
    }

    .facebook_page {
        display: none;
    }

    .twitter_share {
        display: none;
    }

    .facebook_like {
        display: none;
    }

    .pinterest_page {
        display: none;
    }

    .pinterest_item {
        display: none;
    }

    .googleplus_page {
        display: none;
    }

    .googleplus_item {
        display: none;
    }

    .minicart {
        display: none !important;
    }

        .minicart a {
            display: none !important;
        }

    .currency_div {
        display: none;
    }

        .currency_div select {
            display: none;
        }

    /* Shop Section Containers */
    .section_data table {
        width: auto !important;
    }

    .section_options {
        display: none;
    }

    .section_container {
        width: auto !important;
    }

    /* Item Related */
    .itemdiv {
        float: none !important;
        width: auto !important;
    }

    .itemdescription {
        width: 95% !important;
    }

        .itemdescription img {
            max-width: 95% !important;
            padding: 5px;
        }


    /* Item Detail Page */
    #largei {
        display: none;
    }

    /* Category Related */
    .cattable td {
        width: auto !important;
        display: table-row !important;
    }

    .catitemlist_column1 {
        clear: both;
        width: auto !important;
        float: none !important;
        text-align: left;
    }

    .catitemlist_column2 {
        clear: both;
        width: auto !important;
        float: none !important;
        text-align: left;
    }

    .catitemlist_column3 {
        clear: both;
        width: auto !important;
        float: none !important;
        text-align: left;
    }

    .catitemlist_column4 {
        clear: both;
        width: auto !important;
        float: none !important;
        text-align: left;
    }

    .catitem_div {
        width: auto !important;
        float: none !important;
        text-align: left;
    }

    .subcats {
        width: auto !important;
    }

        .subcats td {
            width: auto !important;
            display: table-row !important;
        }

    .subcatlist_div {
        width: auto !important;
    }

    .catdesc {
        width: auto !important;
    }

    .listimage {
        width: auto !important;
    }

    .listname {
        width: auto !important;
    }

    .toplevelcatdot {
        width: 0px !important;
        display: none;
    }

    /* Forms */
    .form_container {
        padding: 5px;
    }

    .formfield {
        max-width: 200px;
    }

    .formfield2 {
        max-width: 150px;
    }

    .formfield3 {
        max-width: 200px;
    }

    .formfield4 {
        max-width: 200px;
    }

    .formfield5 {
        max-width: 50px;
    }

    .formtextarea1 {
        max-width: 200px;
        max-height: 200px;
    }

    .formtextarea2 {
        width: auto;
        height: auto;
        max-width: 100% !important;
        Xmax-height: 200px;
    }

    .radiobuttons_container {
        margin-bottom: 10px;
    }

    .checkboxes_container {
        margin-bottom: 10px;
    }

    .form_container select {
        max-width: 95% !important;
    }

    .form_container .tdright {
        float: none;
        padding-left: 10px;
    }

    /* Search Related */
    .searchbanner {
        margin: 0px;
        width: auto;
        background-color: transparent;
        border-style: none;
    }

        .searchbanner div {
            float: none !important;
        }

        .searchbanner td {
            width: auto !important;
            display: table-row !important;
            text-align: left;
        }

    .searchbanner {
        text-align: left;
    }

    .searchform {
        display: none;
        clear: both;
        float: none;
        width: 0%;
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .searchselect {
        display: none;
    }

    .searchinput {
        width: 70%;
        font-size: 16px;
        font-weight: normal;
        background-color: #FFFFFF;
        padding: 3px;
    }

    #searchform_div {
        display: none;
        clear: both;
        float: none;
        width: 0%;
        padding: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* Shopping Cart related */
    .cartcolumn_1 {
        width: 90%;
        float: none;
    }

    .cartcolumn_2 {
        width: 90%;
        float: none;
    }

    .cartcolumn_3 {
        width: 90%;
        float: none;
        text-align: left;
    }

    .cartcolumn_4 {
        width: 90%;
        float: none;
        text-align: left;
        display: none;
    }

    .carttotalcolumn_1 {
        width: auto;
        float: left;
        text-align: left;
    }

    .carttotalcolumn_2 {
        width: auto;
        float: right;
        text-align: left;
    }

    /* Floating Row */
    .td {
        float: none;
    }

    /* End/Clear Table Row */
    .tdright {
        float: none;
    }

    /* Order Status Page */
    .orderstatuscolumn_1 {
        width: 33%;
        float: left;
        overflow: hidden;
    }

    .orderstatuscolumn_2 {
        width: 33%;
        float: left;
        overflow: hidden;
    }

    .orderstatuscolumn_3 {
        width: 33%;
        float: left;
        overflow: hidden;
    }

    .orderstatuscolumn_4 {
        display: none;
    }

    .orderdownloadcolumn_1 {
        width: 33%;
        float: left;
        overflow: hidden;
    }

    .orderdownloadcolumn_2 {
        width: 33%;
        float: left;
        overflow: hidden;
    }

    .orderdownloadcolumn_3 {
        width: 33%;
        float: left;
        overflow: hidden;
        text-align: center;
    }

    /* DROPDOWN MENU */
    #pdmenu {
        width: 0px !important;
        display: none;
        overflow: hidden;
    }

    .pdm {
        width: 0px !important;
        display: none;
        overflow: hidden;
    }
}


@media screen and (min-width:480px) and (max-width:900px) {
    /* Target landscape smartphones, portrait tablets, narrow desktops  */

    .sectionspacer {
        display: none !important;
    }
}

@media screen and (min-width:380px) and (max-width:600px) {


    .sectionspacer {
        display: none !important;
    }
}

@media screen and (max-width:379px) {
    /* Target portrait smartphones */


    .sectionspacer {
        display: none !important;
    }
}