.webImg {
    display:block!important;
}

.mobileImage {
    display:none!important;;
}

.blackButton {
    color:#FFFFFF;
    background-color:#000000;

    padding-top:10px;
    padding-bottom:10px;
    padding-left:10%;
    padding-right:10%;

    margin:auto;
    text-align:center;

    display:inline-block;
}

.bluePlayButton {
    cursor:pointer;
    width: 100px;
    height: 100px;
}

#canvasBlueDiv {
    width: 100px;
    height: 100px;
    margin: auto;
}

.base-1300, .fluid-at-1200 {

    margin-left:115px;
    margin-right:115px;

    padding-left:30px;
    padding-right:30px;

}


.wxology-brand {
    width:100px;text-align:center;
}

.nav-search {
    margin-right:100px;
}

#unitDropdown {
    display: block;
}

#unitDropdownSmall {
    display: none;
    margin: 0 15px;
}

/* min width = greater than or equal to: XXX */
/* max width = less than or equal to: XXX */


@media (min-width:2025px){


    .base-1300 {

        margin-left:250px;
        margin-right:250px;
    }



}



@media (max-width:2024px){



    .base-1300 {

        /*
        width:1300px;
        margin:auto;
        */

        margin-left:270px;
        margin-right:270px;
    }

    .wxology-brand {
        width:270px;text-align:center;
    }
    .nav-search {
        margin-right:255px;
    }

}



@media (max-width:1824px){



    .base-1300 {

        /*
        width:1300px;
        margin:auto;
        */

        margin-left:200px;
        margin-right:200px;
    }

    .wxology-brand {
        width:200px;text-align:center;
    }
    .nav-search {
        margin-right:185px;
    }

}



@media (max-width:1624px){



    .base-1300 {

        /*
        width:1300px;
        margin:auto;
        */

        margin-left:160px;
        margin-right:160px;
    }

    .wxology-brand {
        width:160px;text-align:center;
    }
    .nav-search {
        margin-right:145px;
    }

}


@media (max-width:1523px){

    .base-1300 {

        margin-left:115px;
        margin-right:115px;

    }

    .wxology-brand {
        width:115px;text-align:center;
    }
    .nav-search {
        margin-right:100px;
    }




}

#settingsViewContainer {
    width: 500px;
}

@media (max-width:1200px){

    #settingsViewContainer {
        width: 300px;
    }

    .base-1300 {

        margin-left:95px;
        margin-right:95px;

    }

    .wxology-brand {
        width:95px;text-align:center;
    }
    .nav-search {
        margin-right:20px;
    }

    .fluid-at-1200 {
        margin-left:0px;
        margin-right:0px;
        padding-left:0px;
        padding-right:0px;
    }

}

@media (max-width:992px){

    /* less than or equal to 992px */
    .base-1300 {

        margin-left:50px;
        margin-right:50px;

    }

    .wxology-brand {
        width:50px;text-align:center;
    }
    .nav-search {
        margin-right:0;
    }

    .fluid-at-1200 {
        margin-left:0px;
        margin-right:0px;
        padding-left:0px;
        padding-right:0px;
    }

    #unitDropdown {
        display: none;
    }

    #unitDropdownSmall {
        display: block;
    }


}

@media (max-width:806px){

    #unitDropdownSmall {
        margin: 0;
    }

}

@media (max-width:776px){

    #unitDropdownSmall {
        display: none;
    }

}

@media (max-width:768px){

    /* less than or equal to 768 */
    .base-1300 {

        margin-left:0px;
        margin-right:0px;

    }

    .wxology-brand {
        width:auto;
        display:inline;
        /*padding-left:20px;*/
    }
    .nav-search {
        display:none;
    }

    .fluid-at-1200 {
        margin-left:0px;
        margin-right:0px;
        padding-left:0px;
        padding-right:0px;
    }

    #canvasBlueDiv {
        width: 50px;
        height: 50px;
        margin: 0 0 0 15px;
    }

    .bluePlayButton {
        width: 50px;
        height: 50px;
    }

    #unitDropdown {
        display: none;
    }

    #unitDropdownSmall {
        display: none;
    }

}



@media (max-width:1300px){


    .webImg {
        display:block!important;
    }

    .mobileImage {
        display:none!important;;
    }
}


@media (max-width:1200px){


    .webImg {
        display:block!important;
    }

    .mobileImage {
        display:none!important;;
    }

}

@media (max-width:992px){


    .webImg {
        display:none!important;
    }

    .mobileImage {
        display:block!important;;
    }

}

@media (max-width:768px){


    .webImg {
        display:none!important;
    }

    .mobileImage {
        display:block!important;;
    }

}