@charset "utf-8";
/* CSS Document */


@media only screen 
and (max-width : 480px) {
/* Styles */
body{font-size:60%; position: absolute; min-height: 100%; width: 100%; height: auto;}
#maincontainer{overflow:hidden; height: auto; min-height: 100%;}
/*.middle{margin-bottom:40px;}*/
/*"#{resource['frontend/images/ui/menu.png]}"*/
#menu {background:url(../../images/ui/menu.png) no-repeat center center; width:18px; height:75px;}
#menu span{display:none;}
.header, .top_header, #menu, .chi_icon, .eng_icon ,.user, .sign_out {height:50px; font-size:1em;}
#menu, .chi_icon, .eng_icon , .sign_out{line-height:50px;}
#seperator{margin:12px 8px !important; line-height: 50px;}
.map_btn, .cal_btn, .announce_btn{left:-50%;}
.user img{width:auto; height:50px;}
#logo {padding-left: 0px; width:120px;}
#logo img{width:100%; height:auto;}
.header{position:relative;}
.middle {top: 0px; bottom:auto;}
.pg, .pg.spread, .middle {position:relative; height: auto;overflow: hidden; text-align: center;}
.footer_disclaimer, .footer_links{float:none; text-align: center;}
/*.footer_links{display:none;}*/
.footer{position:relative;}
.footer_disclaimer p, .footer_links p{padding:7px 10px; line-height: 15px; font-size:11px;}
.pg.spread.min, .pg.spread.auto  {padding-top: 10px;}
.pg.spread{height:auto;}
.center_adjust{margin:0px; width:100%;}
#announcement_container, #bg_wallpaper, .user_window {/* top: -144px;*/ display:none;}
.announce_btn{display:block;}
#menu_wrap{width:100%; top:50px;}
#menu_wrap .menus, .temp_menu .menus{width:100%; text-align: center; border-right:none;}
.user  .user_window{position:absolute; z-index:200; width: 240px; background: #FFF; right: 10px; top: 65px; border: 1px solid #CCC;border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.user  .user_tip{position:absolute; display:block; top:-10px; left: auto;right: 10px;margin: auto;width: 0px;height: 0px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ffffff transparent;}
.user  .user_name{position:static; top:0px;}
.user  .user_id{padding-top:20px} 
.user  .user_id>div{display:block; width:100%; padding: 8px 0px; }
.user  .user_logout{position:absolute;top: 7px;right: 10px;margin-top: 0px;}
.user  .user_profile{position:absolute; top: 7px;right: 50px;margin-top: 0px;}
.user  .user_num{position:absolute; top: 7px;right: 90px;margin-top: 0px;}
.user  .time, #headerClock{background:#eee; border-top:#ccc solid thin; padding: 10px 15px; width:210px;}
.tile_section.X2, .tile_section.X1{width:96%; padding:0px 2%;  margin:0px; float:left;}

.tile_section.X2 .tiles, .tile_section.X1 .tiles{width:100%;  margin:0px; margin-bottom:15px;}
.tile_section.X1 .tiles.x1{width:48%; margin:0px; margin-bottom:15px;  margin-right:4%;}
.tile_section.X1 .tiles.x1:nth-child(odd){ margin-right:0px;}

.winning_num_tile .winning_num_tile_nav .winning_num_tile_right{position:relative; float:left; right:auto; top:0px;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right div , .winning_num_tile .winning_num_tile_nav .winning_num_tile_right>div.winning_num_tile_btns{float:left; clear:none; line-height:30px;}
#win_num_tile.tiles.x16 .tiles_content_wrapper, #win_num_tile.tiles.x16 .tiles_content_wrapper:hover, #win_num_tile.tiles.x16 .tile_content, .tiles.x16{height:auto; position: relative;}
.winning_num_tile_prize .td_label{min-height: 43px;}
.winning_num_tile_prize .col2_labelP{min-height: 30px;}
.pg.full{padding:10px !important;}
.pg.full, .full_center, .temp1, .temp2, .temp3, .temp4, .temp2 .side_right{position:relative; height:auto; top:0px; left:0px;}
.center_adjust{margin:0px;}
.temp1 .tiles, .temp2 .tiles, .temp3 .tiles, .temp4 .tiles, .temp2 .side_left{width:100%; }

.temp2 .side_left, .temp3 .side_left, .temp4 .side_left{width:100%; margin-left:0px; }
.temp1 div.paper, .temp2 .side_right>div.paper, .temp3 .side_right .side_right_left>div.paper, .temp4 .side_right .side_right_full div.paper, .temp4 .side_right .side_right_left div.paper{padding:15px 15px 25px 15px;}
.temp2 .side_left .tiles.x2, .temp3 .side_left .tiles.x2, .temp4 .side_left .tiles.x2{width:315px; margin:0px auto; position:relative; float: none;}
.temp3 .side_right, .temp3 .side_right .side_right_left, .temp3 .side_right .side_right_right, .temp4 .side_right, .temp4 .side_right .side_right_left, .temp4 .side_right .side_right_right {position:relative; overflow:hidden; right:auto; bottom:auto; left:0px; top:0px;}
.temp3 .side_right .side_right_right, .temp4 .side_right .side_right_right{margin:0px auto; margin-top:15px;}
.temp1 .paper h1 , .temp2 .side_right h1, .temp3 .side_right h1 , .temp4 .side_right h1{font-size:1.6em; text-align:left;}
.temp1 .paper , .temp2 .side_right , .temp3 .side_right  , .temp4 .side_right {font-size:.8em;}
.tile_menu_btns{padding:15px;}
.tile_menu_btns > .tile_sub_menu{position: relative;left: 0px;top: 100%;width: auto;border: none;background: none;}

/*custom page */

.contact_panel, .contact_content{position:relative; height:auto; width:auto;}
.contact_panel{padding:15px;}
.contact_panel .feed_form{position:relative; padding:15px; width:100%; margin-left:-15px; top:10px;}
.contact_content{left:0px; height:auto; padding:10px 20px; top: 0px; width:auto; display:block;}

#map_container{height:700px; position:relative; top:0px;}
#map_search{left:20px; top:20px; width:auto;}
#map_nav{bottom:20px;}
.map_btns{display:block; width:100%; padding:5px 0px; border-left:0px; border-bottom:#999 thin solid; margin:0px 30px; width:auto;}

.login_form {width:95%;}
.login_form .redBar .form_input{padding:13px 20px;}

#registration{position:relative;}
.track_mid_bg, .track_left_bg, .track_right_bg{display:none;}

#user_container{position:relative; top:0px; padding:10px;}
#user_container .user_details .user_details_row{ border-bottom:#999 thin dotted;}
#user_container .user_details .user_details_row:nth-child(2n) {background:none; }
#user_container .user_details .user_details_row .user_label{font-size:.8em; width:70px;}
#user_container .user_details .user_details_row .user_data{margin-left:70px;}
#user_container .user_details .user_details_row .user_data input, #user_container .user_details .user_details_row .user_data label {width:80%; font-size:.8em;}
#user_container .user_details{margin:0px; clear:both; text-align:left;}
#user_container .user_img{width:100%; position:relative; height:150px;}

.aus_search select{width:25%;}
.dream_number_left, .dream_num_right{width:100%;}
.dream_num_table .dream_num_td1 img {width: 40px;height: 40px;}
.dream_num_table .dream_num_td3{width: 40%; padding-left:5%;}

.fav_num_tile {width: 48.5%;margin: 10px .2%;}
.my_fav_num_content{padding-top:0px; text-align:center;}
.dream_num_table .dream_num_td .dream_num_td1, .dream_num_table .dream_num_td .dream_num_td2, .dream_num_table .dream_num_td .dream_num_td3, .dream_num_table .dream_num_td {height: 50px;}

.contact_us_form .form_row input{width:90%; float:left;}

.chart{width:100%; padding:0px;}
.chart>div.bars>div img{width:20px; height:20px; bottom:-10px;}

.news_row .news_thumb{width:60px;}
.news_row .news_details{margin-left: 70px;}

.winning_history_content .side_left, .did_i_win_content .side_left, .winning_history_content .side_right, .did_i_win_content .side_right{ width:100%; position: relative; left: 0px; padding:0px;}
/*#overlay .side_left, #overlay .side_right{ width:100%; position: relative; left: 0px; padding:0px;}*/
.winning_history_content, .did_i_win_content{top:0px; bottom:0px; left:0px; right:0px; padding:12px;}
.winning_history_table, .did_win_table{font-size:.7em;}
.winning_history_table .winning_history_td2{width:20%;}
.winning_history_table .winning_history_td4{width:40%;}
.winning_history_content .side_left>div, .winning_history_content .side_right>div, .did_i_win_content .side_left>div, .did_i_win_content .side_right>div{padding:0px;}
.did_win_table .did_win_td input[type=text] {width: 35%;padding:5px 0px;margin:5px 0px;}
.did_win_table .did_win_td .did_win_td3 input[type=text], .did_win_table .did_win_td .did_win_td4 input[type=text]{width: 80%;}
.slider_switch_wrapper{font-size:.8em;}
.slider_switch_left{left: -80px; }
.slider_switch_right{right: -100px;}

/* big winning number */
.big_win_table .big_win_th {display:none;}
.big_win_table .big_win_td {float:left; width:100%; border-bottom:#999 solid thick;}
.big_win_table .big_win_td>div{width:100%; text-align:left; padding-left:50%; width:48%;}
.big_win_table .big_win_td>div>div {display: block; border-top:#09C thin dotted;}
.big_win_table .big_win_td:nth-child(even) {background: #eee;}

.big_win_table .big_win_td>div:before { border-top:#09C thin dotted;position: absolute;top: 0px;left: 0px;width: 46%; white-space: nowrap; color: #181B60;overflow: hidden;font-size:.9em;padding: 5px 4%;text-transform: uppercase;font-weight: bold;}
.big_win_table .big_win_td>div:nth-of-type(1):before { content: "Draw Date"; }
.big_win_table .big_win_td>div:nth-of-type(2):before { content: "Number"; }
.big_win_table .big_win_td>div:nth-of-type(3):before { content: "Game Type"; }
.big_win_table .big_win_td>div:nth-of-type(4):before { content: "Number of Shares"; }
.big_win_table .big_win_td>div:nth-of-type(5):before { content: "Amount Won"; }
.big_win_table .big_win_td>div:nth-of-type(6):before { content: "Bought At"; }

.big_win_table .big_win_td>div>div{padding:5px 0px;}

.horz_chart {padding: 10px 0; margin-top: 20px;}
.horz_chart>div.bars{width:90%}
.horz_chart>div.bars>div {margin: 5px 0px 0px 50px;}
.horz_chart>div.bars>div span:first-child{font-size:1.6em; color:#181B60; margin-left:-50px;}
.horz_chart>div.bars>div span:last-child{position:absolute; right:-30px; line-height:30px;}

.zodiac_row{width:98%;}
/*live draw */
.live_draw_simulator_panel{height: auto;}
.live_draw_simulator_panel .main_starter{margin-top:10px;}
.live_draw_simulator_panel, .live_draw_simulator_prize{width:100%;}
.num_matrix_numbers>div {height: 60px;}


}

@media only screen 
and (max-width : 550px){
.winning_num_tile .winning_num_tile_prize, .winning_num_tile .winning_num_tile_jackpot{width:100%}
.registration_form{width:95%}
.registration_form h3{font-size:1.3em;}
.registration_form .form_input{padding: 10px 6% 10px 6%;}
.registration_form .form_input .form_input_right{margin:0px; display:block;}
.registration_form .form_input>label{display:block; width:100%; padding:0px 0px 10px 10px; color:#181B60; text-align:left;}
.num_matrix_box{width:100%;}
}

@media only screen 
and (min-width : 481px) 
and (max-width : 780px) {
/* Styles */

#logo {padding-left: 0px;}
#announcement_container { top: -144px;}
#menu {background:url(../../images/ui/menu_b.png) no-repeat center center; width:26px; height:75px;}
#menu span{display:none;}
#menu_wrap{width:100%; }
#menu_wrap .menus, .temp_menu .menus{width:100%; text-align: center; border-right:none; }

.user  .user_window{position:absolute; z-index:200; width: 240px; background: #FFF; right: 10px; top: 95px; border: 1px solid #CCC;border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
.user  .user_tip{position:absolute; display:block; top:-10px; left: 0px;right: 0px;margin: auto;width: 0px;height: 0px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ffffff transparent;}
.user  .user_name{position:static; top:0px;}
.user  .user_id{padding-top:20px} 
.user  .user_id>div{display:block; width:100%; padding: 8px 0px; }
.user  .user_logout{position:absolute;top: 7px;right: 10px;margin-top: 0px;}
.user  .user_profile{position:absolute; top: 7px;right: 50px;margin-top: 0px;}
.user  .user_num{position:absolute; top: 7px;right: 90px;margin-top: 0px;}
.user  .time, #headerClock{background:#eee; border-top:#ccc solid thin; padding: 10px 15px; width:210px;}

body{font-size:60%; position: absolute; min-height: 100%; width: 100%; height: auto;}
#maincontainer {overflow: hidden; position:absolute; width: 100%; min-height: 100%; height: auto;}
.header{position:fixed; top:0px;}
.middle {top:0px; bottom:auto; padding-bottom:50px; padding-top:80px;}
.center_adjust{margin:0px; width:100%;}
.pg, .pg.spread, .footer, .middle {position:relative; height: auto;overflow: hidden; text-align: center;}
.pg.spread{height:auto;}
.footer{/*top:0px;*/ position:fixed; bottom:0px;}
.footer_disclaimer, .footer_links{float:none;}
/*.footer_links{display:none;}*/
.footer_disclaimer p, .footer_links p{padding:7px 10px; line-height: 15px; font-size:11px;}
.pg.spread.min, .pg.spread.auto  {padding-top: 10px;}
.pg.spread{height:auto;}

.tile_section.X2{width:96%; padding:0px 2%;  margin:0px; float:left;}
.tile_section.X1{width:47%; padding-left:2%;  margin:0px; float:left;}
.tile_section.X1 + .tile_section.X1{padding-left:2%}
.tile_section.X2 .tiles, .tile_section.X1 .tiles{width:100%;  margin:0px; margin-bottom:15px;}
.tile_section.X1 .tiles.x1{width:48%; margin:0px; margin-bottom:15px;  margin-right:4%;}
.tile_section.X1 .tiles.x1:nth-child(odd){ margin-right:0px;}

.winning_num_tile_left{width:70%;}
.winning_num_tile_right{width: 40%;float: right;clear: none;}
#win_num_tile.tiles.x16 .tiles_content_wrapper, #win_num_tile.tiles.x16 .tiles_content_wrapper:hover, #win_num_tile.tiles.x16 .tile_content, .tiles.x16{height:auto; position: relative;}

.pg.full{padding:10px;}
.pg.full, .full_center, .temp1, .temp2, .temp3, .temp4, .temp2 .side_right{position:relative; height:auto; top:0px; left:0px;}
.center_adjust{margin:0px;}
.temp1 .tiles, .temp2 .tiles, .temp3 .tiles, .temp4 .tiles{width:100%;}

.temp2 .side_left, .temp3 .side_left, .temp4 .side_left{width:100%; margin-left:0px; overflow:hidden;}
.temp1 div.paper, .temp2 .side_right>div.paper, .temp3 .side_right .side_right_left>div.paper, .temp4 .side_right .side_right_full div.paper, .temp4 .side_right .side_right_left div.paper{padding:15px 15px 25px 15px;}
.temp2 .side_left .tiles.x2, .temp3 .side_left .tiles.x2, .temp4 .side_left .tiles.x2{width:315px; margin:0px auto; position:relative; float: none;}
.temp3 .side_right, .temp3 .side_right .side_right_left, .temp3 .side_right .side_right_right, .temp4 .side_right, .temp4 .side_right .side_right_left, .temp4 .side_right .side_right_right {position:relative; overflow:hidden; right:auto; bottom:auto; left:0px; top:0px;}
.temp3 .side_right .side_right_right, .temp4 .side_right .side_right_right{margin:0px auto; margin-top:15px;}
.temp1 .paper h1 , .temp2 .side_right h1, .temp3 .side_right h1 , .temp4 .side_right h1{font-size:1.5em; text-align:left;}
.tile_menu_btns {padding:15px !important;}
.tile_menu_btns > .tile_sub_menu{position: relative;left: 0px;top: 100%;width: auto;border: none;background: none;}
/*custom page */

.contact_panel, .contact_content{position:relative; height:320px; width:auto;}
.contact_content{left:0px; height:auto; padding: 20px; top: 0px;}
#map_container{height:700px; position:relative; top:0px;}

#registration{position:relative;}
.track_mid_bg, .track_left_bg, .track_right_bg{display:none;}

#user_container{position:relative; top:0px;}
#user_container .user_details .user_details_row .user_data input {width:70%;}
#user_container .user_details{margin:0px; clear:both; text-align:left;}
#user_container .user_img{width:100%; background:#eee; position:relative; height:300px;}
#user_container .user_img img{width:auto; height:90%; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}

.aus_search select{width:25%;}
.dream_number_left, .dream_num_right{width:100%;}
.dream_num_table .dream_num_td3{width: 40%; padding-left:5%;}
.dream_num_table .dream_num_td1 img {width: 60px;height: 60px;}
.dream_num_table .dream_num_td .dream_num_td1, .dream_num_table .dream_num_td .dream_num_td2, .dream_num_table .dream_num_td .dream_num_td3, .dream_num_table .dream_num_td {height: 80px;}

.contact_us_form .form_row input{width:95%; float:left;}

.chart{width:100%; padding:0px;}
.news_row .news_thumb{width:100px;}
.news_row .news_details{margin-left: 130px;}

#overlay .side_left, #overlay .side_right{ width:100%; position: relative; left: 0px; padding:0px;}
.winning_history_table{font-size:.9em;}
.winning_history_table .winning_history_td2{width:20%;}
.winning_history_table .winning_history_td4{width:40%;}
.winning_history_content .side_right>div{padding:0px;}

/* big winning number */
.big_win_table .big_win_th {display:none;}
.big_win_table .big_win_td {float:left; width:100%; border-bottom:#999 solid thick;}
.big_win_table .big_win_td>div{width:100%; text-align:left; padding-left:50%; width:48%;}
.big_win_table .big_win_td>div>div {display: block; border-top:#09C thin dotted;}
.big_win_table .big_win_td:nth-child(even) {background: #eee;}

.big_win_table .big_win_td>div:before { border-top:#09C thin dotted;position: absolute;top: 0px;left: 0px;width: 46%; white-space: nowrap; color: #181B60;overflow: hidden;font-size:.9em;padding: 5px 4%;text-transform: uppercase;font-weight: bold;}
.big_win_table .big_win_td>div:nth-of-type(1):before { content: "Draw Date"; }
.big_win_table .big_win_td>div:nth-of-type(2):before { content: "Number"; }
.big_win_table .big_win_td>div:nth-of-type(3):before { content: "Game Type"; }
.big_win_table .big_win_td>div:nth-of-type(4):before { content: "Number of Shares"; }
.big_win_table .big_win_td>div:nth-of-type(5):before { content: "Amount Won"; }
.big_win_table .big_win_td>div:nth-of-type(6):before { content: "Bought At"; }

.big_win_table .big_win_td>div>div{padding:5px 0px;}
.user.nologin .user_window{display:none;}

/*live draw */
.live_draw_simulator_panel{height: auto;}
.live_draw_simulator_panel .main_starter{margin-top:10px;}
.live_draw_simulator_panel, .live_draw_simulator_prize{width:100%;}
}

@media only screen 
and (min-width : 480px) 
and (max-width : 600px) {
.fav_num_tile {width: 32%;margin: 10px .2%;}
}

@media only screen 
and (min-width : 600px) 
and (max-width : 780px) {
.fav_num_tile {width: 32%;margin: 10px .2%;}
}
@media only screen 
and (max-width : 780px) {
#jackpot_popup:before{content:''; width: 0px; position:absolute; top:-5px; left:50%;height: 0px;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #ccc transparent;}

.map_details {float: left;width: 100%;}
}

@media only screen 
and (min-width : 780px) {
  .user_window {display:block !important;}
  .mobi #maincontainer,  .mobi .middle, .mobi .temp1, .mobi  .temp2, .mobi  .temp3, .mobi .temp4{overflow:visible;}
 .mobi  #bg_wallpaper,  .mobi .header{position:fixed; top:0px;}
 .mobi .footer{position:fixed;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 780px) 
and (max-width : 1024px) {
/* Styles */
.num_matrix_numbers>div{height:60px;}
.middle .full_center{left:30px; right:30px;}
.temp2 .side_left, .temp3 .side_left, .temp4 .side_left{width:255px;}
.temp2 .side_left .tiles.x2{width:100%}
.temp2 .side_left .tiles.x2, .temp3 .side_left .tiles.x2, .temp4 .side_left .tiles.x2{width:100%}
.temp2 .side_right, .temp3 .side_right, .temp4 .side_right{left:280px;}
.temp3 .side_right .side_right_left , .temp3 .side_right .side_right_right,.temp4 .side_right .side_right_left , .temp4 .side_right .side_right_right {position:relative; overflow:hidden;}
.temp1 div.paper, .temp2 .side_right>div.paper, .temp3 .side_right .side_right_left>div.paper, .temp4 .side_right .side_right_full div.paper, .temp4 .side_right .side_right_left div.paper{padding:15px 30px;}
.temp3 .side_right .side_right_right, .temp4 .side_right .side_right_right{margin:0px auto; margin-top:15px;}

.map_right{text-align:left; float:left; padding:0px; padding-top:10px;}
.fav_num_tile {width: 24%;margin: 10px .2%;}

.chart>div.bars>div img{width:30px; height:30px; bottom:-15px;}
.news_row .news_thumb{width:100px;}
.news_row .news_details{margin-left: 130px;}


/* big winning number */
.big_win_table .big_win_th {display:none;}
.big_win_table .big_win_td {float:left; width:100%; border-bottom:#999 solid thick;}
.big_win_table .big_win_td>div{width:100%; text-align:left; padding-left:50%; width:48%;}
.big_win_table .big_win_td>div>div {display: block; border-top:#09C thin dotted;}
.big_win_table .big_win_td:nth-child(even) {/*background: none;*/ background: #eee;}
/*.big_win_table .big_win_td:nth-child(4n-2), .big_win_table .big_win_td:nth-child(4n+1){background: #eee;}*/
.big_win_table .big_win_td>div:before { border-top:#09C thin dotted;position: absolute;top: 0px;left: 0px;width: 46%; white-space: nowrap; color: #181B60;overflow: hidden;font-size:.9em;padding: 5px 4%;text-transform: uppercase;font-weight: bold;}
.big_win_table .big_win_td>div:nth-of-type(1):before { content: "Draw Date"; }
.big_win_table .big_win_td>div:nth-of-type(2):before { content: "Number"; }
.big_win_table .big_win_td>div:nth-of-type(3):before { content: "Game Type"; }
.big_win_table .big_win_td>div:nth-of-type(4):before { content: "Prize"; }
.big_win_table .big_win_td>div:nth-of-type(5):before { content: "Amount Won"; }
.big_win_table .big_win_td>div:nth-of-type(6):before { content: "Wining Description"; }
.big_win_table .big_win_td>div:nth-of-type(7):before { content: "Bought at"; }

.big_win_table .big_win_td>div>div{padding:5px 0px;}
}

@media only screen 
and (max-width : 900px) {
/* Styles */
.map_right{text-align:left; float:left; padding:0px; padding-top:10px;}
.paper h4{margin-left:20px;}
.paper .section_row .section_row_left {height:auto;width:auto; float:none;}
.paper .section_row .section_row_right{margin-left:0px; width:100%;}
.paper .rounded_pin{position:relative; width:auto; padding:10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
}


@media only screen 
and (min-width : 1024px) 
and (max-width : 1224px){
/* Styles */
.map_right{text-align:left; float:left; padding:0px; padding-top:10px;}
.fav_num_tile {width: 19%;margin: 10px .2%;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}