@media (min-width:480px) and (max-width: 619px) {

 .pull_left {  float: none; text-align:center;}

   .pull_right {  float: none; text-align:center}   

   .left_panel{ width:100%; float:none; text-align:center; }

   .right_panel{ width:100%; float:none; text-align:center;}

  .right_panel_content img {  float: none;  margin-right: 0px; text-align:center;}

  .right_panel_text { float: none;  margin-right: 0px;}

  .right_panel_holder { float: none;}

  .right_panel_content { padding: 45px 8px;}

.right_panel {
    top: 0px;
}

}



/*@media (min-width:480px) and (max-width: 639px) {

   .pull_left {  float: none; text-align:center;}

   .pull_right {  float: none; text-align:center}   

   .left_panel{ width:100%; float:none; text-align:center; }

   .right_panel{ width:100%; float:none; text-align:center;}

  .right_panel_content img {  float: none;  margin-right: 0px; text-align:center;}

  .right_panel_text { float: none;  margin-right: 0px;}

  .right_panel_holder { float: none;}

  .right_panel_content { padding: 45px 8px;}

  

  

  .right_panel_content img {  float: none;  margin-right: 0px; text-align:center;}

  .right_panel_text { float: none;  margin-right: 0px;}

  .right_panel_holder { float: none;}

  .right_panel_content { padding: 45px 8px;}

}*/



@media (min-width:250px) and (max-width: 479px) {    

  .wx_search { text-align:center;}

  .wx_search input[type="text"] {width:60%;}

  .wx_search button[type="submit"] {width:11%;}
  

  #main_widget_base{ width:90%; position:relative; margin:0 auto;}

.left_panel {
    width: 100%;
    float: none;
    text-align: left;
	padding-left: 0%;
}
   .right_panel{ width:100%; float:none; text-align:center; top: 0px; clear:both;}

   .left_panel_content img { margin-right: 0px;}

   

   .pull_left {  float: none; text-align:center;}

   .pull_right {  float: none; text-align:center}

  

  

.right_panel_content img {
    float: left;
    margin-right: 0px;
    text-align: left;
}
.right_panel_text {
    float: left;
    margin-right: 10px;
}
  .right_panel_holder { float: none;}

.right_panel_content {
    padding: 45px 2%;
}
}

@media (min-width:250px) and (max-width: 412px) {  



/*@media (min-width:250px) and (max-width: 359px) {    

  .wx_search { text-align:center;}

  .wx_search label {display:block;}

  .wx_search input[type="text"] {width:80%;}

  .wx_search button[type="submit"] {width:10%;}

  

  

   #main_widget_base{ width:90%; position:relative; margin:0 auto;}

   .left_panel{ width:100%; float:none; text-align:center; }

   .right_panel{ width:100%; float:none; text-align:center; top: 0px;}

   .left_panel_content img {  float: none;  margin-right: 0px;}

   .pull_left {  float: none; text-align:center;}

   .pull_right {  float: none; text-align:center}

   

  .right_panel_content img {  float: none;  margin-right: 0px; text-align:center;}

  .right_panel_text { float: none;  margin-right: 0px;}

  .right_panel_holder { float: none;}

  .right_panel_content { padding: 45px 8px;}

  

}


@media (min-width:250px) and (max-width: 319px) {    

  .wx_search { text-align:center;}

  .wx_search label {display:block;}

  .wx_search input[type="text"] {width:75%;}

  .wx_search button[type="submit"] {width:12%;}

   #main_widget_base{ width:90%; position:relative; margin:0 auto;}

   .left_panel{ width:100%; float:none; text-align:center; }

   .right_panel{ width:100%; float:none; text-align:center; top: 0px;}


   .left_panel_content img {  float: none;  margin-right: 0px;}

   .pull_left {  float: none; text-align:center;}

   .pull_right {  float: none; text-align:center}


  .right_panel_content img {  float: none;  margin-right: 0px; text-align:center;}

  .right_panel_text { float: none;  margin-right: 0px;}

  .right_panel_holder { float: none;}

  .right_panel_content { padding: 45px 8px;}

  
}*/

.area_item p {
    font-size: 14px;
    color: #353f4b;
    font-weight: 600;
    margin: 6px 0px 6px 0px;
    padding: 0;
    line-height: 18px;
    width: 35%;
    float: left;
}

.data_item {
    width: 99%;
}

.area_item {
    border: 1px solid #ccc;
    padding: 2px;
    display: inline-block;
    margin: 2px;
    text-align: center;
    width: 98%;
    height: 80px;
}

.area_item h1 {
    font-size: 28px;
    color: #353f4b;
    font-weight: 700;
    margin: 1px 0px;
    line-height: normal;
    padding: .2em 0 0;
    width: 33%;
    float: left;
    clear: both; 
}

.area_item img {
    display: inline-block;
    margin: 0 auto;
    float: left;
    position: relative;
    top: -30px;
    width: 75px;
    height: 75px;
}

.area_item label {
    /* height: 60px!important; */
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    display: block;
    width: 42%;
    float: right;
    /* padding: 0px 0px 11px 0px; */
    position: relative;
    top: -25px;
}

.area_item b {
    padding: 0px 5px;
    font-size: 24px;
    color: #000;
    margin-bottom: 0;
    display: block;
    width: 40%;
    float: right;
    position: relative;
    top: -50px;
}

#main_widget_baseAreahourly .area_item {
    border: 1px solid #ccc;
    padding: 2px;
    /* display: inline-block; */
    margin: 2px;
    text-align: center;
    width: 99%;
    color: black;
    clear: both;
    min-height: 70px;
}

#drop {
    top: 5px;
    width: 9px;
    margin-right: 5px;
	max-height:15px;
	max-width:9px;
}

#main_widget_baseAreahourly .area_item p {
    font-size: 24px;
    color: #353f4b;
    font-weight: 600;
    margin: px 0;
    padding: 0;
    line-height: 18px;
    width: 30%;
    float: left;
    padding-top: 20px;
}

#main_widget_baseAreahourly .area_item h1 {
    font-size: 38px;
    color: #353f4b;
    font-weight: 700;
    margin: 9px 0px;
    line-height: normal;
    /* padding: .2em 0 0; */
    width: 25%;
    float: left;
	clear: none;
}

#main_widget_baseAreahourly .area_item img {
    display: inline-block;
    margin: 0 auto;
    float: left;
    position: relative;
    display: inline-block;
    margin: 0;
    width: 65px;
    height: 65px;
	top: 5px;
}


#main_widget_baseAreahourly .area_item b {
    padding: 12px;
    font-size: 20px;
    color: #000;
    margin-bottom: 0;
    display: block;
    width: 25%;
    float: right;
	top: -50px;
}
	
#main_widget_baseAreahourly .area_item label {
    float: left;
	width:42%;
}

}