@media (min-width:980px) and (max-width:1099px)
{
   #ticker dt span{line-height:24px; font-size:15px;} 
   .rewardblock{padding:20px 10px;}
   .jscarousal1-contents-horizontal1 > div > div{width:20.5%;}
}

@media (min-width:600px) and (max-width:979px)
{
    .TextHeader{font-size:22px;margin:15px 0px;line-height:30px;}
    .TextHeader span{font-size:17px;line-height:20px;}

    .MainHeader{font-size:17px; margin:10px 0 4px 0;font-weight:bold;}
    .DefaultSmallBlock{float:left;width:46%;margin:0px 1% 10px 1%;min-height:280px;padding:1%;}
    .DefaultSmallBlock img{margin:0 0 0px 0; height:100px;width:100px; }
   
    
    .Purple{float:none;width:96%;padding:0px 2% 10px 2%;}
    #ticker{ height:150px; }
    #ticker dt span{font-size:13px;}
    .WelcomeText{padding:20px 2%;float:none;width:96%;}
    .rewardblock{padding:20px 10px;}
    .jscarousal1-horizontal1{height:120px;}
    .jscarousal1-contents-horizontal1{height: 120px;}
    .jscarousal1-contents-horizontal1 > div > div{width:20.5%;}
    .jscarousal1-contents-horizontal1 img{height: auto;}  
}

@media  (max-width:599px)
{
    .TextHeader{font-size:22px;margin:15px 0px;line-height:30px;}
    .TextHeader span{font-size:17px;line-height:20px;}

    .MainHeader{font-size:17px; margin:10px 0 4px 0;font-weight:bold;}
    .DefaultSmallBlock{float:none;width:90%;margin:0px 4% 10px 4%;min-height:100px;padding:1%;text-align:left;}
    .DefaultSmallBlock img{margin:0 0 0px 0; padding:0 10px 0 0;float:left;height:80px;width:80px; }
    .DefaultSmallBlocktext{text-align:left;line-height:18px;font-size:12px;}   
    
    .Purple{float:none;width:96%;padding:0px 2% 10px 2%;}
    #ticker{ height:150px; }
    #ticker dt span{font-size:13px;}
    .WelcomeText{padding:20px 2%;float:none;width:96%;}
    .rewardblock{padding:0 10px;}
    .jscarousal1-contents-horizontal1 > div > div{margin-left: 1%;margin-right:1%;padding:10px 1%;width:45%;}
    .jscarousal1-contents-horizontal1 img{height: auto;}
}