/* Portrait tablets, portrait phablets, and mobile devices */
@media only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) and (orientation:landscape),
    only screen and (min-device-width: 481px) and (max-device-width: 719px) and (orientation: portrait),
    only screen and (max-device-width: 980px) and (min-device-width: 720px) and (orientation: portrait) { 
        
        .menu-btn { display:block; }
        #header {
            max-width:100%;
        }
        #header h2 {
            top:auto;
            bottom:20px;
        }
        #navMenu {
            display:none;
            position: absolute;
            width:95%;
            top:39px;
            left:50%;
            transform:translateX(-50%);
            background-color:#;
        }
        .blue #navMenu { background-color:#152e3c; border-bottom:1px solid #3d728b; }
        .red #navMenu { background-color:#822c2c; border-bottom:1px solid #893b3c; }
        .green #navMenu { background-color:#6e8430; border-bottom:1px solid #647433; }
        .mauve #navMenu { background-color:#5f2f85; border-bottom:1px solid #4d2c64; }
        .purple #navMenu { background-color:#763a76; border-bottom:1px solid #552b55; }
        .orange #navMenu { background-color:#845230; border-bottom:1px solid #69482e; }
        .yellow #navMenu { background-color:#856e30; border-bottom:1px solid #6d5e2f; }
        #navMenu li {
            width:100%;
            float:none;
            display:list-item;
            padding-left:0;
            padding-right:0;
            height:auto;
        }
        #navMenu > li {
            text-transform: uppercase;
            font-size:16px;
        }
        #navMenu > li:hover {
            position:static;
            padding-top:10px;
            height:auto;
            background:none;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
            box-shadow: none;
            color:#FFFFFF;
        }
        #navMenu > li:hover > a {
            color:#FFFFFF;
        }
        #navMenu > li ul li {
            width:100%;
            padding-left:0;
            padding-right:0;
            font-size:14px;
        }
        #navMenu .subMenu {
            position:static;
            width:100%;
            top:auto;
            display:block;
            margin:0;
            border-radius:0;
            box-shadow:none;
        }
        .blue #navMenu > li ul, .red #navMenu > li ul, .green #navMenu > li ul, .mauve #navMenu > li ul,
        .purple #navMenu > li ul, .orange #navMenu > li ul, .yellow #navMenu > li ul {
            background-image:none;
        }

        #subMenuWrap {
            box-sizing:border-box;
            display:block;
            width:100%;
            top:200px;
            left:0;
            padding:0;
            margin:0;
        }
        #subMenu {
            display:none;
            box-sizing:border-box;
            position: absolute;
            width:100%;
            top:15px;
            left:0%;
        }
        #subMenu li {
            box-sizing:border-box;
            float:none;
            width:100%;
            border-radius:0;
            padding:4px 0 6px;
        }
        #subMenu li:last-child {
            border-radius:0 0 10px 10px;
        }
        #content { 
            box-sizing:border-box;
            max-width:100%; 
        }
        #content img {
            max-width:100%; 
        }
        #contentHeading {
            height: auto;
            padding:5px 0;
        }
        #breadCrumb { text-align: center; }
        #breadCrumb li { display:inline-block; float:none; }
        #headingSearchForm {
            float:none;
            clear:both;
            width:100%;
            text-align:center;
        }
        #leftContent {
            box-sizing:border-box;
            width:100%;
            float:none;
            padding:10px 10px;
            background-color:#FFFFFF;
        }
        #rightContent {
            box-sizing:border-box;
            width:100%;
            float:none;
        }
        .sliderContainer {
            box-sizing:border-box;
            max-width:95%;
        }
        #footer {
            max-width:100%;
        }
        #footer .footerBox {
            width:100%;
            float:none;
            clear:both;
            text-align: center;
            padding:20px 0 0;
        }
        #footer ul {
            padding:0;
        }
        #mailinglistForm {
            width:80%;
            margin:0 auto;
            padding:20px 0 0;
            float:none;
            clear:both;
            text-align: center;
        }
        #copyright {
            max-width:100%;
        }
        .copyrightInfo {
            width:100%;
            float:none;
            padding:10px 0;
            text-align:center;
        }
        .copyrightInfo a {
            color:#FFFFFF;
        }
}

/* All Mobile devices */
@media only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) and (orientation:landscape)  {
}

/* Mobile: portrait; */
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
}

/* Mobile: landscape; */
@media only screen and (max-device-height: 480px) and (orientation:landscape) {
}

/* Tablet: Landscape */
@media only screen and (max-device-width: 980px) and (min-device-width: 720px) and (orientation: landscape) {
}

/* Phablet: Portrait */
@media only screen and (min-device-width: 481px) and (max-device-width: 719px) and (orientation: portrait) {
}

/* Tablet: Portrait and Phablet: Portrait */
@media only screen and (min-device-width: 481px) and (max-device-width: 719px) and (orientation: portrait), 
    only screen and (max-device-width: 980px) and (min-device-width: 720px) and (orientation: portrait) {
    @-ms-viewport {
        width: device-width;
    }
    @viewport {
        width: device-width;
    }

}

/* Tablet: Portrait */
@media only screen and (max-device-width: 980px) and (min-device-width: 720px) and (orientation: portrait) {
}