@media handheld, only screen and (max-width:320px) {
    #products-landing-item li{
    width:100%;
    height:206px;
    }
    li > a > img {
    width:98%;
    margin-left:4px;
    }
    #textOverImg{
    font-size:31px;
    margin-top:-46%;
    }
}

@media handheld, only screen and (max-width:375px) {
    #products-landing-item li{
    width:100%;
    height:206px;
    }
    li > a > img {
    width:80%;
    margin-left:22px;
    }
    #textOverImg{
    font-size:31px;
    margin-top:-35%;
    }
}

@media handheld, only screen and (max-width:399px) {
    #products-landing-item li{
    width:100.5%;
    height:246px;
    }

    li > a > img {
    width:98%;
    margin-left:4px;
    }
    #textOverImg{
    font-size:31px;
    margin-top:-46%;
    }
}

@media handheld, only screen and (max-width:425px) {
    #products-landing-item li{
    width:98.5%;
    height:258px;
    }
    li > a > img {
    width:94%;
    margin-left:3px;
    margin-top:7px;
    }
    #textOverImg{
    font-size:27px;
    margin-top:-43%;
    }
}

@media handheld, only screen and (max-width:428px) {
    #products-landing-item li{
    width:45.5%;
    height:143px;
    }
    li > a > img {
    width:94%;
    margin-left:3px;
    margin-top:7px;
    }
    #textOverImg{
    font-size:27px;
    margin-top:-43%;
    }
}

@media handheld, only screen and (max-width:521px) {
    #products-landing-item li{
        width:46.5%;
        height:175px;
    }
    li > a > img {
        width:94%;
        margin-left:3px;
        margin-top:7px;
    }
    #textOverImg{
        font-size:27px;
        margin-top:-43%;
    }
}

@media handheld, only screen and (max-width:635px) {
    #products-landing-item li{
    width:46.6%;
    height:175px;
    }
    li > a > img {
    width:94%;
    margin-left:3px;
    margin-top:7px;
    }
    #textOverImg{
    font-size:27px;
    margin-top:-43%;
    }
}

@media handheld, only screen and (max-width:768px) {
    #textOverImg{
    margin-top:-32%;
    }
    #products-landing-item li{
    width: 47%;
    height:229px;
    }
    li > a > img {
    width:68%;
    margin-top:20px;
    margin-left:48px;
    }
}

@media only screen and (max-width: 913px) {
    #ag-bottom-text {
    font-weight: bold;
    color: white;
    font-size: 20px;
    position: absolute;
    margin-left: 35%;
    margin-top: -36%;
    font-family: Petit Formal Script;
    text-shadow: 1px 1px 1px black;
    }
    #cardImg {
    position: absolute;
    margin-left: 34%;
    margin-top: -24%;
    width: 32%;
    }
    #textOverImg{
    font-size:30.6px;
    }	
    li  > a > img{
    width:86%;
    margin-top: 6px;
    height:188px;
    margin-left:27px;
    }
    #products-landing-item li{
    padding-left:1px;
    width: 31%;
    height:196px;
    }
    #products-landing-item{
    margin-right:-23px;
    }
}

@media screen and (max-width:1920px){
    #products-landing-item li {
    background: url("../images/buttonBG.png"); /* Old browsers */
    background: -moz-linear-gradient(left,  #87BCDC 0%, #dcd6d6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #87BCDC 0%,#dcd6d6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #87BCDC 0%,#dcd6d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87BCDC', endColorstr='#dcd6d6',GradientType=1 ); /* IE6-9 */
    width: 200px !important;
    height:200px !important;
    margin:6px;
    /*min-height:192px;*/
    position: relative;
    float: left;
    /*width: 24.52941176470588%;
    padding: 0.2352941176470588%;*/
    }
}

@media handheld, only screen and (orientation: portrait) {
    #products-landing-item li{
    width: 100%;
    height:266px;
    font-size:28px;
    }
    #textOverImg{
    margin-top: -39%;
    margin-bottom:2px;
    }
    li > a > img{
    width:97%;
    }
}