/* Tablet and larger screens */
@media screen and (max-width: 1085px) {

    .infoDIV {
        margin: 20px auto;
        height: 100%;
        /*border: .5px dotted BLUE;*/
        z-index: 0;
    }

    .titleLbl {
        display: block;
        position: absolute;
        width: 100%;
        height: 16px;
        font-family: Arial;
        font-weight: bold;
        font-size: 1em;
        color: olivedrab;
        text-align: left;
        margin-top: 5px; margin-bottom: 15px;
        margin-left: 33%;
        z-index: 40;
    }

    .Wrapper1 {
        display: inline-block;
        width: 90%;
        margin-top: 2%;
        margin-left: 2%;
        vertical-align: top;
        padding: 5px;
    }

    .warnlbl {
        display: inline-block;
        vertical-align: top;
        color: black;
        font-size: 1em;
        width: 200px;
        margin-right: 150px;
        margin-top: 1px;
        text-align: right;
    }

    .outputLbl {
        display: inline-block;
        vertical-align: top;
        color: black;
        font-size: .7em;
        width: 40%;
        margin-left: 0px;
        margin-top: 1px;
        text-align: right;
        /*border: .5PX dotted ORANGE;*/
    }

    .inputLbl {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
        color: purple;
        font-size: .7em;
        font-weight: bold;
        width: 50%;
        height: 8px;
        margin-left: 5px;
        margin-bottom: 5px;
        margin-top: 0px;
        text-align: left;
        /*border: .5PX dotted ORANGE;*/
    }

    .inputLblShort {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
        color: purple;
        font-size: .8em;
        font-weight: bold;
        width: 90px;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 0px;
        text-align: left;
    }

    .ddl {
        display: inline-block;
        outline-color: black;
        font-size: .9em;
        width: 100%;
        height: 22px;
        margin-left: -3px;
        font-weight: bold;
    }

    .imageWrapper {
        width: 100%;
        padding-top: 15px;
    }

    .Wrapper2 {
        width: 105%;
        vertical-align: top;
        padding: 0px;
        padding-top: 5px;
    }

    .Wrapper3 {
        width: 100%;
        min-height: 60px;
    }

    .NFLWrapper4 {
        display: inline-block;
        vertical-align: top;
        max-width: 200px;
        max-height: 250px;
        min-width: 200px;
        min-height: 250px;
        margin-left: 10%;
        /*border: .5PX dotted BLUE;*/
    }

    .NFLWrapper5 {
        width: 100%;
        height: 150px;
        margin-bottom: 200px;
        /*border: .5PX dotted RED;*/
    }

    .innerWrapper {
        margin-LEFT: 6px;
        width: 90%; height: auto;
        /*border: .5PX solid PURPLE;*/
    }

    .colorPanel {
        display: inline-block;
        width: 15px;
        min-height: 15px;
        margin-left: 5px;
        margin-right: 5px;
        border: .5px solid white;
        border-radius: 10px;
    }

    .Symbol {
        display: inline-block;
        width: 60px;
        height: 55px;
        border: .5px solid black;
        border-radius: 10px;
        margin-top: 5px;
        margin-left: 80px;
    }

    .teamItemImage {
        display: inline-block;
        min-width: 50px;
        min-height: 50px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 10px;
    }

    .productImage {
        width: 60px;
        height: 80px;
        margin-left: 10px;
        margin-top: -10px;
    }

    .productImageCoaster {
        width: 60px;
        height: 60px;
        margin-left: 7px;
        margin-bottom: 10px;
    }

    .productLbl {
        display: inline-block;
        width: 85px;
        margin-right: 0px;
        margin-left: -3px;
        font-family: Arial;
        font-size: .6em;
        font-weight: bold;
        text-align: center;
    }

    .productLargeImage {
        position: relative;
        text-align: center;
        max-width: 80%;
        max-height: 70%;
        background-color: white;
        margin-left: 10px;
        padding: 5%;
    }

    .priceoutputLbl {
        display: block;
        text-align: center;
        color: black;
        font-size: 1em;
        width: 100%;
        margin-top: -20px;
    }

    .homeBtn2 {
        border: 1px solid black;
        background-color: green;
        border-radius: 5px;
    }

    .selectedItemNameLbl {
        display: block;
        width: 100%;
        font-size: 1.3em;
        text-align: center;
        margin-top: 5px;
    }

    .totalLbl {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin: 1px;
        font-size: .9em;
        text-align: center;
    }

    .titlePrice, .titleQuantity {
        display: inline-block;
        vertical-align: top;
        width: 50px;
        margin: 1px;
        margin-right: 18px;
        font-size: .6em;
        text-align: center;
    }

    .charPriceOut, .totalLbl {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin: 1px;
        font-size: .9em;
        text-align: center;
        margin-left: 10px;
    }

    .requestBtn {
        background-color: black;
        color: white;
        border-radius: 5px;
        margin-left: 35px;
        width: 90px;
        height: 35px;
    }

    .QuantityLbl {
        margin-left: 110px;
    }

    .quantityTB {
        width: 50px;
        height: 20px;
        resize: none;
        border-color: grey;
        font-size: 1em;
    }

    .ddl2 {
        width: 159px;
        height: 19px;
        outline: none;
        border: 1px solid grey;
        border-radius: 5px;
    }

    .schoolddl2 {
        width: 250px;
        height: 19px;
        outline: none;
        border: 1px solid grey;
        border-radius: 5px;
    }

    .productLargeImage2 {
        height: 350px;
        margin-bottom: 20px;
    }

    .productLargeImage2 {
        height: 350px;
        margin-bottom: 20px;
    }

    .imageLogo {
        display: inline-block;
        margin-left: 50px;
        width: 170px;
        max-height: 100px;
        vertical-align: top;
    }

    .imgSpacer {
        display: inline-block;
        vertical-align: top;
        width: 70px;
        height: 85px;
        margin-left: 0px; padding-top: 10%;
    }

}

/*-----------------------------------------------------------------------------------*/

 /*Tablet and larger screens */
@media screen and (max-width: 2345px) {

    .infoDIV {
        margin: 0 auto;
        height: 100%;
        /*border: .5px dotted BLUE;*/
        margin-top: 15px;
    }

    .titleLbl {
        display: block;
        position: absolute;
        width: 7%;
        height: 16px;
        font-family: Arial;
        font-weight: bold;
        font-size: 1em;
        color: olivedrab;
        text-align: left;
        margin-top: -16px;
        margin-left: 27%;
        z-index: 20;
    }

    .Wrapper1 {
        display: inline-block;
        width: 17%;
        margin-right: 50px;
        margin-top: 10px;
        margin-left: 110px;
        vertical-align: top;
        padding: 5px; /*
        border: .5px dotted green;*/
    }

    .warnlbl {
        display: inline-block;
        vertical-align: top;
        color: black;
        font-size: 1em;
        width: 200px;
        margin-right: 150px;
        margin-top: 1px;
        text-align: right;
    }

    .outputLbl {
        display: inline-block;
        vertical-align: top;
        color: black;
        font-size: .7em;
        width: 90px;
        margin-right: 5px;
        margin-top: 1px;
        text-align: right;
        /*border: .5px dotted ORANGE;*/
    }

    .inputLbl {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
        color: purple;
        font-size: .8em;
        font-weight: bold;
        width: 70%;
        height: 14px;
        margin-left: 5px;
        margin-bottom: 10px;
        margin-top: 0px;
        text-align: left;
    }

    .inputLblShort {
        display: inline-block;
        vertical-align: top;
        font-weight: bold;
        color: purple;
        font-size: .8em;
        font-weight: bold;
        width: 90px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-top: 0px;
        text-align: left;
    }

    .ddl {
        display: inline-block;
        outline-color: black;
        font-size: 5em;
        width: 200px;
        height: 22px;
        margin-left: -3px;
        font-weight: bold;
        font-size: .9em;
    }

    .imageWrapper {
        width: 100%;
        padding-top: 5px;
    }

    .Wrapper2 {
        display: inline-block;
        width: 65%;
        vertical-align: top;
        padding: 0px;
        padding-top: 5px;
    }

    .Wrapper3 {
        width: 100%;
        min-height: 60px;
    }

    .NFLWrapper4 {
        display: inline-block;
        vertical-align: top;
        max-width: 380px;
        max-height: 380px;
        min-width: 380px;
        min-height: 380px;
        margin-left: 20%;
    }

    .NFLWrapper5 {
        display: inline-block;
        vertical-align: top;
        width: 550px;
    }

    .innerWrapper {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        width: 45%;
    }

    .colorPanel {
        display: inline-block;
        width: 25px;
        min-height: 25px;
        margin-left: 10px;
        margin-right: 10px;
        border: .5px solid white;
        border-radius: 10px;
    }

    .Symbol {
        display: inline-block;
        width: 80px;
        height: 70px;
        border: .5px solid black;
        border-radius: 10px;
        margin-top: 4px;
        margin-left: 50px;
    }

    .teamItemImage {
        display: inline-block;
        min-width: 50px;
        min-height: 50px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 10px;
    }

    .imgSpacer {
        display: inline-block;
        vertical-align: top;
        width: 75px;
        height: 65px;
        margin-left: 30px;
        padding: 1px;
    }

    .productImage {
        width: 60px;
        height: 80px;
        margin-left: 10px;
        margin-top: -10px;
    }

    .productImageCoaster {
        width: 60px;
        height: 60px;
        margin-left: 7px;
        margin-bottom: 10px;
    }

    .productLbl {
        display: inline-block;
        width: 85px;
        margin-right: 0px;
        margin-left: -3px;
        font-family: Arial;
        font-size: .6em;
        font-weight: bold;
        text-align: center;
    }

    .productLargeImage {
        display: block;
        text-align: center;
        max-width: 100%;
        max-height: 300px;
        background-color: white;
        margin-left: 5px;
    }

    .priceoutputLbl {
        display: block;
        text-align: center;
        color: black;
        font-size: 1em;
        width: 100%;
        margin-top: -20px;
    }

    .homeBtn2 {
        border: 1px solid black;
        background-color: green;
        border-radius: 5px;
    }

    .selectedItemNameLbl {
        display: block;
        width: 100%;
        font-size: 1.3em;
        text-align: center;
        margin-top: 5px;
    }

    .totalLbl {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin: 1px;
        font-size: .9em;
        text-align: center;
    }

    .titlePrice, .titleQuantity {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin: 1px;
        margin-right: 18px;
        font-size: .6em;
        text-align: center;
    }

    .charPriceOut, .totalLbl {
        display: inline-block;
        vertical-align: top;
        width: 100px;
        margin: 1px;
        font-size: .9em;
        text-align: center;
        margin-left: 10px;
    }

    .requestBtn {
        background-color: black;
        color: white;
        border-radius: 5px;
        margin-left: 35px;
        width: 90px;
        height: 35px;
    }

    .QuantityLbl {
        margin-left: 110px;
    }

    .quantityTB {
        width: 50px;
        height: 20px;
        resize: none;
        border-color: grey;
        font-size: 1em;
    }

    .ddl2 {
        width: 159px;
        height: 19px;
        outline: none;
        border: 1px solid grey;
        border-radius: 5px;
    }

    .schoolddl2 {
        width: 250px;
        height: 19px;
        outline: none;
        border: 1px solid grey;
        border-radius: 5px;
    }

    .productLargeImage2 {
        height: 350px;
        margin-bottom: 20px;
    }

    .productLargeImage2 {
        height: 350px;
        margin-bottom: 20px;
    }

    .imageLogo {
        display: inline-block;
        margin-left: 50px;
        width: 170px;
        max-height: 100px;
        vertical-align: top;
    }


}


/*-----------------------------------------------------------------------------------*/

    /* Desktop and larger screens */
    @media screen and (min-width: 2345px) {

        .infoDIV {
            margin: 0 auto;
            height: 100%;
            /*border: .5px dotted BLUE;*/
            margin-top: 15px;
        }

        .titleLbl {
            display: block;
            position: absolute;
            width: 7%;
            height: 16px;
            font-family: Arial;
            font-weight: bold;
            font-size: 1em;
            color: olivedrab;
            text-align: left;
            margin-top: -16px;
            margin-left: 27%;
            z-index: 20;
        }

        .Wrapper1 {
            display: inline-block;
            width: 17%;
            margin-right: 50px;
            margin-top: 10px;
            margin-left: 110px;
            vertical-align: top;
            padding: 5px; /*
        border: .5px dotted green;*/
        }

        .warnlbl {
            display: inline-block;
            vertical-align: top;
            color: black;
            font-size: 1em;
            width: 200px;
            margin-right: 150px;
            margin-top: 1px;
            text-align: right;
        }

        .outputLbl {
            display: inline-block;
            vertical-align: top;
            color: black;
            font-size: .7em;
            width: 90px;
            margin-right: 5px;
            margin-top: 1px;
            text-align: right;
            /*border: .5px dotted ORANGE;*/
        }

        .inputLbl {
            display: inline-block;
            vertical-align: top;
            font-weight: bold;
            color: purple;
            font-size: .8em;
            font-weight: bold;
            width: 70%;
            height: 14px;
            margin-left: 5px;
            margin-bottom: 10px;
            margin-top: 0px;
            text-align: left;
        }

        .inputLblShort {
            display: inline-block;
            vertical-align: top;
            font-weight: bold;
            color: purple;
            font-size: .8em;
            font-weight: bold;
            width: 90px;
            margin-right: 10px;
            margin-bottom: 10px;
            margin-top: 0px;
            text-align: left;
        }

        .ddl {
            display: inline-block;
            outline-color: black;
            font-size: 5em;
            width: 200px;
            height: 22px;
            margin-left: -3px;
            font-weight: bold;
            font-size: .9em;
        }

        .imageWrapper {
            width: 100%;
            padding-top: 5px;
        }

        .Wrapper2 {
            display: inline-block;
            width: 65%;
            vertical-align: top;
            padding: 0px;
            padding-top: 5px;
        }

        .Wrapper3 {
            width: 100%;
            min-height: 60px;
        }

        .NFLWrapper4 {
            display: inline-block;
            vertical-align: top;
            max-width: 380px;
            max-height: 380px;
            min-width: 380px;
            min-height: 380px;
            margin-left: 20%;
        }

        .NFLWrapper5 {
            display: inline-block;
            vertical-align: top;
            width: 550px;
        }

        .innerWrapper {
            display: inline-block;
            vertical-align: top;
            margin-right: 20px;
            width: 45%;
        }

        .colorPanel {
            display: inline-block;
            width: 25px;
            min-height: 25px;
            margin-left: 10px;
            margin-right: 10px;
            border: .5px solid white;
            border-radius: 10px;
        }

        .Symbol {
            display: inline-block;
            width: 80px;
            height: 70px;
            border: .5px solid black;
            border-radius: 10px;
            margin-top: 4px;
            margin-left: 50px;
        }

        .teamItemImage {
            display: inline-block;
            min-width: 50px;
            min-height: 50px;
            margin-left: 10px;
            margin-right: 10px;
            border-radius: 10px;
        }

        .imgSpacer {
            display: inline-block;
            vertical-align: top;
            width: 75px;
            height: 65px;
            margin-left: 30px;
            padding: 1px;
        }

        .productImage {
            width: 60px;
            height: 80px;
            margin-left: 10px;
            margin-top: -10px;
        }

        .productImageCoaster {
            width: 60px;
            height: 60px;
            margin-left: 7px;
            margin-bottom: 10px;
        }

        .productLbl {
            display: inline-block;
            width: 85px;
            margin-right: 0px;
            margin-left: -3px;
            font-family: Arial;
            font-size: .6em;
            font-weight: bold;
            text-align: center;
        }

        .productLargeImage {
            display: block;
            text-align: center;
            max-width: 100%;
            max-height: 300px;
            background-color: white;
            margin-left: 5px;
        }

        .priceoutputLbl {
            display: block;
            text-align: center;
            color: black;
            font-size: 1em;
            width: 100%;
            margin-top: -20px;
        }

        .homeBtn2 {
            border: 1px solid black;
            background-color: green;
            border-radius: 5px;
        }

        .selectedItemNameLbl {
            display: block;
            width: 100%;
            font-size: 1.3em;
            text-align: center;
            margin-top: 5px;
        }

        .totalLbl {
            display: inline-block;
            vertical-align: top;
            width: 100px;
            margin: 1px;
            font-size: .9em;
            text-align: center;
        }

        .titlePrice, .titleQuantity {
            display: inline-block;
            vertical-align: top;
            width: 100px;
            margin: 1px;
            margin-right: 18px;
            font-size: .6em;
            text-align: center;
        }

        .charPriceOut, .totalLbl {
            display: inline-block;
            vertical-align: top;
            width: 100px;
            margin: 1px;
            font-size: .9em;
            text-align: center;
            margin-left: 10px;
        }

        .requestBtn {
            background-color: black;
            color: white;
            border-radius: 5px;
            margin-left: 35px;
            width: 90px;
            height: 35px;
        }

        .QuantityLbl {
            margin-left: 110px;
        }

        .quantityTB {
            width: 50px;
            height: 20px;
            resize: none;
            border-color: grey;
            font-size: 1em;
        }

        .ddl2 {
            width: 159px;
            height: 19px;
            outline: none;
            border: 1px solid grey;
            border-radius: 5px;
        }

        .schoolddl2 {
            width: 250px;
            height: 19px;
            outline: none;
            border: 1px solid grey;
            border-radius: 5px;
        }

        .productLargeImage2 {
            height: 350px;
            margin-bottom: 20px;
        }

        .productLargeImage2 {
            height: 350px;
            margin-bottom: 20px;
        }

        .imageLogo {
            display: inline-block;
            margin-left: 50px;
            width: 170px;
            max-height: 100px;
            vertical-align: top;
        }
    }