.topmaindiv       { width: 100%; margin: 0 auto; font-family: 'Museo-300', sans-serif; }
.topmaindiv h2    { color: #8dc63f; font-size: 30px;}
.dvfirst          { width: 32%; float: left; padding-right: 4px;}
.dvsecond         { width: 33%; float: left; padding-right: 4px;}
.dvthird          { width: 33%; float: left; }
.dvgroup          { width: 100%; display: inline-block; }
.odd              { background-color: #ffffff; }
.even             { background-color: #dbdbdb; }
.dvcityname       { width: 39%; float: left; text-align: left; font-size: 13px; padding: 5px;}
.dvtime2           { width: 52%; float: left; padding: 5px; font-size: 13px;}
#ddrCityOption    { font-family: "Museo-300",sans-serif; font-size: 18px; font-weight: normal; padding: 0; margin: 0 5px; background-color: #f4f3f3; border: 1px solid #ddd; border-radius: 3px; height: 35px; width: auto;}

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 1200px)   
{
#geocomplete   { width: 50%; height: 36px; margin: 0px 6px 5px 0px;}
.cities        { width: auto;}
.maindiv h2    { color: #8dc63f; font-size:25px;}
}

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 765px)   
{
.dvfirst      { width: auto; float:none; margin: 0 0px 5px 0;}
.dvsecond     { width: auto; float:none; margin: 0 0px 5px 0;}
.dvthird      { width: auto; float:none; margin: 0 0px 5px 0;}
.dvcityname   { width: auto; float:left;} 
.dvtime2       { width: auto; float: right;}
}

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 600px)   
{
#geocomplete   { width: 100%;}
.maindiv h2    { color: #8dc63f; font-size:15px;}
}

/* ipad Portrait [VERTICAL] CSS Start here */
@media only screen and (max-width : 400px)   
{
.maindiv h2    { font-size: 16px !important;}	
}