/*! qik_mediaquery.css | v171121.1126 Copyright QikCss 2010 - 2018 | MIT License | http://QikCss.com  */
/*  qik_mediaquery.css is a preset css transformation based on view port width.  */
/*  Making changes to qik_mediaquery.css is not recommended. */
/*  Use qik_theme.css to extend/override/style. */

/*=======================================================================================MEDIA QUERY */

/*#region - MEDIA QUERY - */
/*=================================================== Media Query */
/* Sets the DOM response to media width sizes. DO NOT override here in qik_base.css Should be overriden in qik_style.css or preferably qik_theme.css */

/*#region - Large 1681px - and up -*/
/*=================================================== Large */
@media screen and (min-width: 1681px) {
    #NavMobile, .navMbl, .lrgHide, .mblTblDskLrgHide, .smlShow, .mblShow, .tblShow, .dskShow, .tblDskLrgHide, .dskLrgHide {
        display: none !important;
    }

    .lrgShow, .mblTblDskLrgShow, .tblDskLrgShow, .dskLrgShow {
        display: block;
    }

    body {
        font-size: 1.1em !important;
    }

    header > h1, header > h2 {
        font-size: .9em;
    }

    p {
        font-size: 1.15em !important;
    }

    .txtRespnsv {
        font-size: 2.4em;
    }

    .mat1em {
        border-width: 1.5em;
    }

    .mat2em {
        border-width: 3em;
    }

    .mat3em {
        border-width: 4em;
    }

    .mat4em {
        border-width: 5em;
    }

    .mat5em {
        border-width: 6em;
    }

    .mat6em {
        border-width: 7em;
    }
}

/*#endregion Large*/

/*#region - Desktop 1051px - 1680px - */
/*=================================================== Desktop */
@media only screen and ( min-width: 1055px) and (max-width: 1680px) {
    #NavMobile, .navMbl, .dskHide, .tblDskLrgHide, .dskLrgHide, .smlShow, .mblShow, .tblShow, .lrgShow {  
        display: none !important;
    }

        .smlMblTblDskShow,
        #NavMobile.smlMblTblDskShow,
        .navMbl.smlMblTblDskShow {
            display: block !important;
        }
}

@media screen and (max-width: 1680px) {
    .smlMblTblDskHide, .mblTblDskHide, .tblDskHide {
        display: none !important;
    }

    .smlMblTblDskShow, .mblTblDskShow, .tblDskShow {
        display: block;
    }

    .txtRespnsv {
        font-size: 1.7em;
    }

    /*#region - Desktop Width - */

    .dskW100 {
        width: 99.95%;
    }

    .dskW99 {
        width: 98.95%;
    }

    .dskW98 {
        width: 97.95%;
    }

    .dskW97 {
        width: 96.95%;
    }

    .dskW96 {
        width: 95.95%;
    }

    .dskW95 {
        width: 94.95%;
    }

    .dskW94 {
        width: 93.95%;
    }

    .dskW93 {
        width: 92.95%;
    }

    .dskW92 {
        width: 91.95%;
    }

    .dskW91 {
        width: 90.95%;
    }

    .dskW90 {
        width: 89.95%;
    }

    .dskW89 {
        width: 88.95%;
    }

    .dskW88 {
        width: 87.95%;
    }

    .dskW87 {
        width: 86.95%;
    }

    .dskW86 {
        width: 85.95%;
    }

    .dskW85 {
        width: 84.95%;
    }

    .dskW84 {
        width: 83.95%;
    }

    .dskW83 {
        width: 82.95%;
    }

    .dskW82 {
        width: 81.95%;
    }

    .dskW81 {
        width: 80.95%;
    }

    .dskW80 {
        width: 79.95%;
    }

    .dskW75 {
        width: 74.95%;
    }

    .dskW70 {
        width: 69.95%;
    }

    .dskW66 {
        width: 66.633%;
    }

    .dskW65 {
        width: 64.95%;
    }

    .dskW60 {
        width: 59.95%;
    }

    .dskW55 {
        width: 54.95%;
    }

    .dskW50 {
        width: 49.95%;
    }

    .dskW45 {
        width: 44.95%;
    }

    .dskW40 {
        width: 39.95%;
    }

    .dskW35 {
        width: 34.95%;
    }

    .dskW33 {
        width: 33.3168%;
    }

    .dskW30 {
        width: 29.95%;
    }

    .dskW25 {
        width: 24.98%;
    }

    .dskW20 {
        width: 19.975%;
    }

    .dskW16 {
        width: 16.66%;
    }

    .dskW15 {
        width: 14.95%;
    }

    .dskW10 {
        width: 9.95%;
    }

    .dskW5 {
        width: 4.95%;
    }

    /*#endregion Desktop Width */
}

/*#endregion Desktop*/

/*#region - Tablet 1050px - 551px - */
/*=================================================== Tablet */
@media all and (min-width: 551px ) and (max-width: 1056px) {
    #NavMobile, .navMbl, .tblHide, .tblDskHide, .tblDskLrgHide, .smlShow, .mblShow, .dskShow, .lrgShow {
        display: none !important;
    }

        .smlMblTblShow, .smlMblTblDskShow,
        #NavMobile.smlMblTblShow, #NavMobile.smlMblTblDskShow,
        .navMbl.smlMblTblShow, .navMbl.smlMblTblDskShow {
            display: block;
        }

}

@media screen and (max-width: 1050px) {
    .smlMblTblHide, .mblTblHide {
        display: none;
    }

     #NavMobile.smlMblTblShow,  #NavMobile.mblTblShow {
        display: block;
    }

    body {
        font-size: .95em !important;
    }

    .txtRespnsv {
        font-size: .9em;
    }

    .mat1em {
        border-width: .8em;
    }

    .mat2em {
        border-width: 1.5em;
    }

    .mat3em {
        border-width: 2.2em;
    }

    .mat4em {
        border-width: 3em;
    }

    .mat5em {
        border-width: 3.1em;
    }

    .mat6em {
        border-width: 3.2em;
    }

    /*#region - Tablet Width - */

    .tblW100 {
        width: 99.95%;
    }

    .tblW99 {
        width: 98.95%;
    }

    .tblW98 {
        width: 97.95%;
    }

    .tblW97 {
        width: 96.95%;
    }

    .tblW96 {
        width: 95.95%;
    }

    .tblW95 {
        width: 94.95%;
    }

    .tblW94 {
        width: 93.95%;
    }

    .tblW93 {
        width: 92.95%;
    }

    .tblW92 {
        width: 91.95%;
    }

    .tblW91 {
        width: 90.95%;
    }

    .tblW90 {
        width: 89.95%;
    }

    .tblW89 {
        width: 88.95%;
    }

    .tblW88 {
        width: 87.95%;
    }

    .tblW87 {
        width: 86.95%;
    }

    .tblW86 {
        width: 85.95%;
    }

    .tblW85 {
        width: 84.95%;
    }

    .tblW84 {
        width: 83.95%;
    }

    .tblW83 {
        width: 82.95%;
    }

    .tblW82 {
        width: 81.95%;
    }

    .tblW81 {
        width: 80.95%;
    }

    .tblW80 {
        width: 79.95%;
    }

    .tblW75 {
        width: 74.95%;
    }

    .tblW70 {
        width: 69.95%;
    }

    .tblW66 {
        width: 66.633%;
    }

    .tblW65 {
        width: 64.95%;
    }

    .tblW60 {
        width: 59.95%;
    }

    .tblW55 {
        width: 54.95%;
    }

    .tblW50 {
        width: 49.95%;
    }

    .tblW45 {
        width: 44.95%;
    }

    .tblW40 {
        width: 39.95%;
    }

    .tblW35 {
        width: 34.95%;
    }

    .tblW33 {
        width: 33.3168%;
    }

    .tblW30 {
        width: 29.95%;
    }

    .tblW25 {
        width: 24.98%;
    }

    .tblW20 {
        width: 19.975%;
    }

    .tblW16 {
        width: 16.66%;
    }

    .tblW15 {
        width: 14.95%;
    }

    .tblW10 {
        width: 9.95%;
    }

    .tblW5 {
        width: 4.95%;
    }

    /*#endregion Tablet Width */
}

/*#endregion Tablet */

/*#region - Mobile 201px - 550px - */
/*=================================================== Mobile */
@media screen and ( min-width: 241px ) and ( max-width: 550px ) {
    #NavMain, .mblHide, .smlShow, .tblShow, .dskShow, .lrgShow {
        display: none !important;
    }

    .smlMblShow, .smlMblTblShow, .smlMblTblDskShow,
    #NavMobile.smlMblShow, #NavMobile.smlMblTblShow, #NavMobile.smlMblTblDskShow,
    .navMbl.smlMblShow, .navMbl.smlMblTblShow, .navMbl.smlMblTblDskShow {
        display: block !important;
    }

}

@media screen and (max-width: 550px) {
    .smlMblHide {
        display: none !important;
    }

    .smlMblShow {
        display: block;
    }

    body {
        font-size: .93em !important;
    }

    p {
        font-size: .98em !important;
    }

    .txtRespnsv {
        font-size: .65rem;
    }

    .box {
        width: 93%;
    }

    .pnl {
        width: 93%;
    }

    .mat1em {
        border-width: .6em;
    }

    .mat2em {
        border-width: .75em;
    }

    .mat3em {
        border-width: 1.03em;
    }

    .mat4em {
        border-width: 1.5em;
    }

    .mat5em {
        border-width: 1.5em;
    }

    .mat6em {
        border-width: 1.5em;
    }

    /*#region - Mobile Width - */
    .mblW100 {
        width: 99.95%;
    }

    .mblW99 {
        width: 98.95%;
    }

    .mblW98 {
        width: 97.95%;
    }

    .mblW97 {
        width: 96.95%;
    }

    .mblW96 {
        width: 95.95%;
    }

    .mblW95 {
        width: 94.95%;
    }

    .mblW94 {
        width: 93.95%;
    }

    .mblW93 {
        width: 92.95%;
    }

    .mblW92 {
        width: 91.95%;
    }

    .mblW91 {
        width: 90.95%;
    }

    .mblW90 {
        width: 89.95%;
    }

    .mblW89 {
        width: 88.95%;
    }

    .mblW88 {
        width: 87.95%;
    }

    .mblW87 {
        width: 86.95%;
    }

    .mblW86 {
        width: 85.95%;
    }

    .mblW85 {
        width: 84.95%;
    }

    .mblW84 {
        width: 83.95%;
    }

    .mblW83 {
        width: 82.95%;
    }

    .mblW82 {
        width: 81.95%;
    }

    .mblW81 {
        width: 80.95%;
    }

    .mblW80 {
        width: 79.95%;
    }

    .mblW75 {
        width: 74.95%;
    }

    .mblW70 {
        width: 69.95%;
    }

    .mblW66 {
        width: 66.633%;
    }

    .mblW65 {
        width: 64.95%;
    }

    .mblW60 {
        width: 59.95%;
    }

    .mblW55 {
        width: 54.95%;
    }

    .mblW50 {
        width: 49.95%;
    }

    .mblW45 {
        width: 44.95%;
    }

    .mblW40 {
        width: 39.95%;
    }

    .mblW35 {
        width: 34.95%;
    }

    .mblW33 {
        width: 33.3168%;
    }

    .mblW30 {
        width: 29.95%;
    }

    .mblW25 {
        width: 24.98%;
    }

    .mblW20 {
        width: 19.975%;
    }

    .mblW16 {
        width: 16.66%;
    }

    .mblW15 {
        width: 14.95%;
    }

    .mblW10 {
        width: 9.95%;
    }

    .mblW5 {
        width: 4.95%;
    }

    /*#endregion Mobile Width */
}

/*#endregion Mobile */

/*#region - Small 1px - 200px - */
/*=================================================== Small */
@media screen and (max-width: 260px) {
    #NavMain, .smlHide, .mblShow, .tblShow, .dskShow, .lrgShow {
        display: none !important;
    }

    .smlShow, .smlMblShow, .smlMblTblShow, .smlMblTblDskShow,
    #NavMobile.smlShow, #NavMobile.smlMblShow, #NavMobile.smlMblTblShow, #NavMobile.smlMblTblDskShow,
    .navMbl.smlShow, .navMbl.smlMblShow, .navMbl.smlMblTblShow, .navMbl.smlMblTblDskShow {
        display: block !important;
    }

    body {
        font-size: .8em !important;
    }

    header > h1, header > h2 {
        font-size: .7em;
    }

    h1, h2, h3, h4, h5, h6, .h7, .h8, .h9 {
        font-size: .6em;
    }

    nav ul li a {
        font-size: .8em;
    }

    .txtRespnsv {
        font-size: .45em !important;
    }


    /*#region Small Width */
    .smlW100 {
        width: 99.95%;
    }

    .smlW99 {
        width: 98.95%;
    }

    .smlW98 {
        width: 97.95%;
    }

    .smlW97 {
        width: 96.95%;
    }

    .smlW96 {
        width: 95.95%;
    }

    .smlW95 {
        width: 94.95%;
    }

    .smlW94 {
        width: 93.95%;
    }

    .smlW93 {
        width: 92.95%;
    }

    .smlW92 {
        width: 91.95%;
    }

    .smlW91 {
        width: 90.95%;
    }

    .smlW90 {
        width: 89.95%;
    }

    .smlW89 {
        width: 88.95%;
    }

    .smlW88 {
        width: 87.95%;
    }

    .smlW87 {
        width: 86.95%;
    }

    .smlW86 {
        width: 85.95%;
    }

    .smlW85 {
        width: 84.95%;
    }

    .smlW84 {
        width: 83.95%;
    }

    .smlW83 {
        width: 82.95%;
    }

    .smlW82 {
        width: 81.95%;
    }

    .smlW81 {
        width: 80.95%;
    }

    .smlW80 {
        width: 79.95%;
    }

    .smlW75 {
        width: 74.95%;
    }

    .smlW70 {
        width: 69.95%;
    }

    .smlW66 {
        width: 66.633%;
    }

    .smlW65 {
        width: 64.95%;
    }

    .smlW60 {
        width: 59.95%;
    }

    .smlW55 {
        width: 54.95%;
    }

    .smlW50 {
        width: 49.95%;
    }

    .smlW45 {
        width: 44.95%;
    }

    .smlW40 {
        width: 39.95%;
    }

    .smlW35 {
        width: 34.95%;
    }

    .smlW33 {
        width: 33.3168%;
    }

    .smlW30 {
        width: 29.95%;
    }

    .smlW25 {
        width: 24.98%;
    }

    .smlW20 {
        width: 19.975%;
    }

    .smlW16 {
        width: 16.66%;
    }

    .smlW15 {
        width: 14.95%;
    }

    .smlW10 {
        width: 9.95%;
    }

    .smlW5 {
        width: 4.95%;
    }
    /*#endregion */
}

/*#endregion Small*/

/*#endregion Media Query*/

/*#region - MEDIA_SIZE_INFO_BAR - */
/*===================================================== - MEDIA INFORMATION BAR  - */
#MediaMinder {
    display: block;
    visibility: visible;
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0;
    line-height: 1.6em;
    text-align: center;
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    margin: 1em 0;
    padding: .3em;
    outline: 1px solid black;
    z-index: 1000;
}

@media screen and (min-width: 2048px) {
    #MediaMinder {
        background-color: black;
        color: #fff;
    }

        #MediaMinder::after {
            content: "2048px jumbotron and larger";
        }
}

@media screen and (max-width: 2047px) {
    #MediaMinder {
        background-color: #808080;
        color: black;
    }

        #MediaMinder::after {
            content: "1920px very large screens";
        }
}

@media screen and (max-width: 1919px) {
    #MediaMinder {
        background-color: #999;
    }

        #MediaMinder::after {
            content: "1600px large desktop";
        }
}

@media screen and (max-width: 1599px) {
    #MediaMinder {
        background-color: #c4d2e0;
    }

        #MediaMinder::after {
            content: "1536px - desktop -";
        }
}

@media screen and (max-width: 1535px) {
    #MediaMinder {
        background-color: #e0e3e6;
    }

        #MediaMinder::after {
            content: "1440px - desktop -";
        }
}

@media screen and (max-width: 1439px) {
    #MediaMinder {
        background-color: #0e3a76;
        color: #fff;
    }

        #MediaMinder::after {
            content: "1280px - desktop -";
        }
}

@media screen and (max-width: 1279px) {
    #MediaMinder {
        background-color: #1637a1;
    }

        #MediaMinder::after {
            content: "1200px - desktop -";
        }
}

@media screen and (max-width: 1199px) {
    #MediaMinder {
        background-color: #102ee4;
    }

        #MediaMinder::after {
            content: "1080px - desktop -";
        }
}

@media screen and (max-width: 1079px) {
    #MediaMinder {
        background-color: #0063ff;
    }

        #MediaMinder::after {
            content: "1024px - desktop -";
        }
}

@media screen and (max-width: 1023px) {
    #MediaMinder {
        background-color: #3bb6f5;
        color: black;
    }

        #MediaMinder::after {
            content: "960px - medium desktop -";
        }
}

@media screen and (max-width: 959px) {
    #MediaMinder {
        background-color: #8ed4f8;
    }

        #MediaMinder::after {
            content: "800px - small desktop -";
        }
}

@media screen and (max-width: 799px) {
    #MediaMinder {
        background-color: #00ff90;
    }

        #MediaMinder::after {
            content: "768px - small laptop  -";
        }
}

@media screen and (max-width: 767px) {
    #MediaMinder {
        background-color: #00ff21;
    }

        #MediaMinder::after {
            content: "720px - large tablet portrait - phablet landscape -";
        }
}

@media screen and (max-width: 719px) {
    #MediaMinder {
        background-color: #4cff00;
    }

        #MediaMinder::after {
            content: "640px - medium tablet portrait - large phone landscape";
        }
}

@media screen and (max-width: 639px) {
    #MediaMinder {
        background-color: #4cff00;
    }

        #MediaMinder::after {
            content: "600px - tablet, phablet portrait - typical phone landscape";
        }
}

@media screen and (max-width: 599px) {
    #MediaMinder {
        background-color: #b6ff00;
    }

        #MediaMinder::after {
            content: "540px - large phone portrait - small phone landscape";
        }
}

@media screen and (max-width: 539px) {
    #MediaMinder {
        background-color: #ffd800;
    }

        #MediaMinder::after {
            content: "480px - medium phone portrait ";
        }
}

@media screen and (max-width: 479px) {
    #MediaMinder {
        background-color: #ff6a00;
    }

        #MediaMinder::after {
            content: "320px - typical phone portrait";
        }
}

@media screen and (max-width: 319px) {
    #MediaMinder {
        background-color: #ff0000;
    }

        #MediaMinder::after {
            content: "240px - very small phone portrait";
        }
}

@media screen and (max-width: 239px) {
    #MediaMinder {
        background-color: #ff0000;
    }

        #MediaMinder::after {
            content: "under 239px - realy small device";
        }
}
/*#endregion - Media Information Bar - */