﻿/* Checking for device type and screen size */
@media screen and (max-width: 768px) {
    .static-header {
        display: none !important;
    }

    .responsive-header {
        display: block !important;
    }
    /* Navigation Bar - Responsive */
    #cd-lateral-nav a.fly, #cd-lateral-nav {
        font-weight: 600;
    }
    /**/
}

/* Checking for other devices except mobile */
@media screen and (min-width: 769px) {
    body {
        color: #000 !important;
        background-color: #E4E4E4;
    }
    .static-header {
        display: block !important;
    }

    .responsive-header {
        display: none !important;
    }
    .show-on-mobile {
        display: none;
    }

    .hide-on-mobile {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    body {
        background-color: #fff;
    }

    #maincontainer {
        all: initial;
        margin: 0;
        padding: 0;
        width: auto;
        box-shadow: none;
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    }

    #panelfull{
        margin-top:40px;
    }
    #PageTitle{
        width:100% !important;
    }
    #CurrencyDropdown {
        width: 100% !important;
        float:left !important;
    }
    #PageDescription{
        width:100% !important;
        float:none !important;
    }
    #PurchaseHelp{
        width:100% !important;
    }
    #PurchaseHelpDiv1, #PurchaseHelpDiv2{
        width:auto !important;
        float:none !important;
    }
    .PurchaseHelpDiv{
        float:none !important;
        margin:0 auto !important;
    }
    .PurchaseProductRow{
        width: 100% !important;
    }
    .PurchaseProductsLeftBox{
        width:100% !important;
        border-right:none !important;
    }
    .PurchaseProductsRightBox {
        width: 100% !important;
    }
    .PurchaseProductBoxshotDiv{
        width:30% !important;
    }
    .PurchaseProductMedDescDiv{
        width:60% !important;
    }
    .show-on-mobile {
        display: block ;
    }
    .hide-on-mobile{
        display:none;
    }
}