@media screen and (max-width: 1310px) {

    


    /*.prizesColumn {
        max-width:90%;
    }
    .prizeIMG1 {
        max-width:29%;
    }

    .headerTitleIMG {
        max-width:60%;
    }
    .pageHeader {
        background-size:200%;

    }
    .headerText {
        margin:10px 0px;
    }
    .htpSectionTitle {
        font-size:3.5vw;
    }
    .htpTitle {
        font-size:3vw;
        margin-top:0px;
    }
    .htpSubTitle {
        font-size:2vw;
    }
    .htpSubTitle sup {
        font-size:1.1vw;
    }
    
    .htpSection {
        font-size:15px;
    }*/

    


    .modern-ticker {
        width:29%;
    }



.headerTitleLogo, .headerSubLogo {
    margin:0px;
}
.headerTitleLogo {
    max-width:30%;
    margin:0px 3% 20px 3%;
}
.headerSubLogo {
    max-width:120px;
}








}



@media screen and (max-width: 1310px) {

    .modern-ticker {
        width:100%;
        margin:0px;
        -moz-border-radius: 0px; 
	    -webkit-border-radius: 0px;
        border-radius: 0px;
    }

}




@media screen and (max-width: 1100px) {



    body {
        background-size:150%;
    }

    .htpSectionTitle {
        font-size:5vw !important;
        letter-spacing:.05em;
    }
    .htpTitle {
        font-family: 'Cubano-Regular';
        font-size:3.5vw;
    }
    
    .htpSubTitle {
        font-size:2.3vw;
    }
    
    .htpSection {
        font-size:2vw;
        position:relative;
        display:none;
    }


    .htpSubSection {
        max-width:100%;
        margin:5vw 1vw;
    }

    .htpNumber {
        width:98%;
        font-size:22vw;
        line-height:75%;
    }

    .prizeIMG {
        max-height:14vw;
    }

    .prizesColumn {
        width:47%;
        margin:2vw 1vw;
    }
}





@media screen and (max-width: 768px) {

    .headerTitleIMG {
        max-width:80%;
    }

    .buttonBig {
        padding: 10px 30px 8px 30px;
        font-size: 16px;
        margin:4px;
        min-width:auto;
    }
    
}



@media screen and (max-width: 680px) {

    .hideOnMobile {
        display:none;
    }

    .showOnMobile, .showOnMobileOnly {
        display:inline;
    }

    .divOuterLeaderboard {
        float:left;
    }

}






@media screen and (max-width: 557px) {


    .prizes, .howToPlay {
        max-width:95%;
    }

.buttonBig {
    padding: 3vw 5vw 3vw 5vw;
    font-size: 3.6vw;
    margin:1vw;
}

.picksInfo {
    max-width:380px;
}
  
table.picksTable {
    width:100vw;
}

table.picksTable select {
    max-width:60px;
}


table.picksTable th, table.picksTable td {
    padding: 12px 0px;
    font-size: 12px;
}
.weekTitle {
    font-size:7vw;
}


.modern-ticker {
    position: absolute;
    top:13px;
    left:40px;
    margin:0px;
    width:32%;
}



.htpSectionTitle {
        font-size:7vw;
    }
    .htpTitle {
        font-size:3.8vw;
        margin-top:0px;
    }
    .htpSubTitle {
        font-size:2.4vw;
    }


    .htpSubSection .htpSubTitle {
        font-size:4vw;
    }

    .htpSubTitle sup {
        font-size:2vw;
    }
    .htpSection .disclaimer {
        font-size:2vw;
        margin-top:2%;
    }

.prizesColumn {
    margin:5px 1%;
}

.prizes, .howtoPlay {
        width:100%;
    float:none;
    }
    





.genderFloat {
    float:left;
}

input[type=radio] {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
    


.divPicksOptions {
    font-size:3.5vw;
}
    .divPicksOptions, .mainContent div.colLeft, .mainContent div.colRight {
        max-width: 100%;
        width: 100%;
        padding:0;
    }








.howToPlay, .prizes, .pageHeader {
    box-sizing:border-box;
    padding:.5vw 2%;
    width: 100%;
}

.pageHeader {
    padding:0px;
}




.htpSection {
    font-size:3.5vw;
    width: 100%;
}








#submitMobile {
    display:block;
}

.menuIcon {
    font-size:30px;
    margin-left:5px;
}
.menuIcon:hover {
    cursor:pointer;
}

.socialNavBTN {
    margin:2px;
}


.pageNavLeftContainer {
    display:none;
    float:left;
    width:100%;
    height:auto;
    padding-left:0;
}
.pageNavLeft {
    padding:0px;
}
.pageNavRightContainer {
    padding:0px;
    display:block !important;
    position:absolute;
    top:0px;
    right:0px;
}

.pageNavRightContainer .landingButtons {
    margin:0px;
}


.pageNavLeftSecondary {
    width:100%;
    text-align:center;
    padding:10px 0px;
}
.secondaryNavLinks {
    font-size:15px;
}


#htpIMG {
    max-width:100%;
}    
body {
    font-size:12pt;
    padding-top:0px;
    max-width:100%;
    background-size:180%;
    padding-bottom:25px;
}
#outerBody, #aspnetForm {max-width:100%;}
.mainContent {
    
}


/* How To Play */
div.mainContentHowToPlay input.button, div.mainContentHowToPlay input[type=button] {
    /*width:140px;*/
}

div.HowToPlayHeader, div.PrizesHeader {
    margin-top:30px;
}
div.divOuterHowToPlay, img.imgHowToPlay {width:100%;}

.nonNav {
    /*float:left;
    clear:none;*/
}
.pageNavMobile {
    display:inherit;
    width:100%;
    font-size:10pt;
    clear:both;
    height:50px;
    padding:10px 0 0 0;
}

.pageHeader {
    width:100%;
}
.pageNav a.pageNavLinks {
    font-size:16px;
    float:left;
    clear:both;
    text-align:left;
    height:24px;
}
input.button:hover {
    text-align:left;
    width:100%;
    height:34px;
    padding-top:12px;
}
.pageNav div.colLeft, .pageNav div.colRight { width:48%; }
.pageNav div.colLeft, .pageNavMobile div.colLeft {
    float:left;
}
.pageNav div.colRight, .pageNavMobile div.colRight {
    text-align:left;
    float:right;
}
#divBracketHeader { 
    height:auto;
}
select, input {
	font-size:13px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid grey;
}
input.button, input.button:active, input.button:hover {
	cursor:pointer;
	padding:14px;
	font-size:20px;
	font-weight:bold;
    width:140px;
}
.mt-news a {
    font-size:14px !important;
    line-height:14px;
    height: 30px;
}

#ctl00_ContentPlaceHolder1_btnSubmit {
    margin:40px 0 20px 0;
}
.hideOnMobileView {
    display:none;
    visibility:hidden;
}

.divPicksOptions {
}

}/* / 557 */



