@media screen and (max-width:780px) {

 

            #TogoBadge { display:block; width:40px; }
            #TogoStrap { display:none; }

             .ctabx { width:70%; }
 
 

   .locaBread { width:100%;  
                text-align:left;
                padding:2% 0;
                margin:0;
                position:relative;
                top:0;
                left:0;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                }

        .midsub { width:94%; max-width:1000px; margin:0 auto; padding:10px 0; height:auto; position:relative; border-bottom:1px solid #575757; }

        .subnavbx { width:100%;  
                    text-align:left;
                    padding:2% 0;
                    margin:0;
                    position:relative;
                    top:0;
                    left:0;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                    font-size:0.7em;
                    line-height:1.6em;
                    color:#8b8b8b;
                }

            a:link.subbtn, a:visited.subbt, a:hover.subbtn, a:active.subbtnn { font-size:1em; line-height:1.3em; width:65px; }
 

           .menubx { width:70%;
                     -webkit-transition: 0.2s;
		             -moz-transition: 0.2s;
		             transition: 0.2s;
                    }
 

           /*---

             .off { background:#1D1D1D; display:inline-block; padding:5px 10px; margin:0 0 5px 0; font-size:0.75em; cursor:pointer;
 				     -webkit-border-radius:3px;
				     -moz-border-radius:3px;
				     border-radius:3px;
                     }
             .off:hover { background:#000; }

             .on { background:#fff; color:#121212;  display:inline-block; padding:5px 10px; margin:0 0 5px 0; font-size:0.75em; cursor:pointer;
 				     -webkit-border-radius:3px;
				     -moz-border-radius:3px;
				     border-radius:3px;
                     }


            --*/


            .readIcon { width:20%; vertical-align:top; }




       
        .btnpad { width:31.3333333333%; }        


 
}


@media screen and (max-width:650px) {



            h1 { font-size:1.2em; }  


        .booklft { display:block; width:100%; padding:10px 0; }
        .bookrgt { display:block; width:100%; padding:10px 0; }  

        .bookoutera { display:block; width:100%; padding:10px 0 0 0; margin:0; }
        .bookouterb { display:block; width:100%; padding:10px 0 0 0; margin:0; }


         #colout { display:none; } 


                        
       .bxouter { display:block; width:100%; padding:0 0 10px 0; margin:0; } 
 
        .mid { width:94%; max-width:1000px; margin:0 auto; padding:0; height:80px; position:relative; }    

         .UserName { font-size:1.4em; } 
                         
        .timebx { text-align:right;
                padding:0;
                margin:0;
                position: absolute;
                top: 50%;
                right:0;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size:0.7em;
                line-height:1.6em;
                color:#8b8b8b;
                }

        .time { font-size:2em; color:#e0e0e0; }     

 

	                input.walkbtn { background:#857040; border:none; font-size:0.8em; line-height:normal; padding:10px; margin:0.3%; color:#fff; cursor:pointer;  display:inline-block; vertical-align:middle;
				                  -webkit-transition-duration: 0.2s; width:15.9%;
				                  -moz-transition-duration: 0.2s;
				                  transition-duration: 0.2s;
					             -webkit-border-radius:2px;
					             -moz-border-radius:2px;
					             border-radius:2px; 
						        }
			
			        input.walkbtn:hover { background:#857040; color:#fff; cursor:pointer; 
			                            -webkit-transition-duration: 0.2s;
			                            -moz-transition-duration: 0.2s;
			                            transition-duration: 0.2s;
				                        -webkit-box-shadow:0 0 3px #1D1D1D;
				                        -moz-box-shadow:0 0 3px #1D1D1D;
				                        box-shadow:0 0 3px #1D1D1D; 
                                       -moz-box-shadow:    inset 0 0 5px #AEA379;
                                       -webkit-box-shadow: inset 0 0 5px #AEA379;
                                       box-shadow:         inset 0 0 5px #AEA379;
                                      }



        			input.walkbtnb { background:#857040; border:none; font-size:0.8em; line-height:normal; padding:10px 5px; margin:0.3%; color:#fff; cursor:pointer;  display:inline-block; vertical-align:middle; white-space: normal; width:15.9%;
				                     -webkit-transition-duration: 0.2s; 
				                     -moz-transition-duration: 0.2s;
				                     transition-duration: 0.2s;
					                -webkit-border-radius:2px;
					             -moz-border-radius:2px;
					             border-radius:2px; 
				                    -webkit-box-shadow:0 0 3px #1D1D1D;
				                    -moz-box-shadow:0 0 3px #1D1D1D;
				                    box-shadow:0 0 3px #1D1D1D; 
                                    -moz-box-shadow:    inset 0 0 5px #AEA379;
                                    -webkit-box-shadow: inset 0 0 5px #AEA379;
                                    box-shadow:         inset 0 0 5px #AEA379;
						        }
			
			        input.walkbtnb:hover { background:#857040; color:#fff; cursor:pointer; 
			                               -webkit-transition-duration: 0.2s;
			                               -moz-transition-duration: 0.2s;
			                               transition-duration: 0.2s;
				                           -webkit-box-shadow:0 0 3px #1D1D1D;
				                           -moz-box-shadow:0 0 3px #1D1D1D;
				                           box-shadow:0 0 3px #1D1D1D; 
                                           -moz-box-shadow:    inset 0 0 5px #AEA379;
                                           -webkit-box-shadow: inset 0 0 5px #AEA379;
                                           box-shadow:         inset 0 0 5px #AEA379;
                                        }


        			input.dobtn { display:block; width:100%; margin:0;  }

            .ttcost { text-align:center; }


                .bxoutqtr, .bxouthqtrb, .bxouthr, .bxouthrb, .bxouthlf, .bxouthlfb  { display:block; width:100%; padding:0 0 10px 0; margin:0; } 
 		        .lbfield { margin:0 0 10px 0; }		





                    .remind { float:none; padding:20px 0 0 0; text-align:center;
                              -webkit-transition:0.2s;
			                  -moz-transition: 0.2s;
			                  transition:0.2s;
                            }


                  .lgbx { height:330px; }





			    .droplog { width:30px; border:none; }
 



					.nconmenu { display:block; }
					.nconsrt { display:none; }






        .grid_1,
        .grid_2,
        .grid_3,
        .grid_4,
        .grid_5,
        .grid_6,
        .grid_7,
        .grid_8,
        .grid_9,
        .grid_10,
        .grid_11,
        .grid_12 {
	        margin:0 0 2% 0;
	        display: block;
            width:100%; 
        }
 


}





@media screen and (max-width:480px) {
     
 
        			input.logbtn { padding:10px; }
 
                    a:link.logbtn, a:visited.logbtn { padding:10px }
 


        .whatbtn { display:inline-block; vertical-align:middle; border:1px solid #353435; padding:8px; margin:0; cursor:pointer; font-size:11px; line-height:normal;
				-webkit-transition-duration: 0.4s;
				-moz-transition-duration: 0.4s;
				transition-duration: 0.4s;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px; 
                }

        .whatbtn:hover { display:inline-block; background:#857040; border:1px solid #9e8747; vertical-align:middle; padding:8px; margin:0; cursor:pointer; font-size:11px; 
				-webkit-transition-duration: 0.2s;
				-moz-transition-duration: 0.2s;
				transition-duration: 0.2s;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px; 
                    }


        .mid { width:94%; max-width:1000px; margin:0 auto; padding:0; min-height:80px; position:relative; }      
             
 

            .loca { padding:5px 0 0 0;
                    margin:0;
                    width:100%;
                    position:relative;
                    top:0;
                    left:0;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                   }


            .breadBx { padding:0; 
                       margin:0; 
                       position:relative;
                       top:0; 
                       right:0; 
                       width:100%;
                    -webkit-transform: translateY(0);
                    -ms-transform: translateY(0);
                    transform: translateY(0);
                   }

 

 
        .timebx { display:none; }


       
        .btnpad { margin:0.5%; width:49%; }        




        .fticon { width:35%; padding:1% 0; }
                .fticon img { width:100%;  }
        .ftlbl { padding:2% 3%; font-size:0.7em; line-height:1em; }

 

        .dealpic { display:block; float:none; width:100%; padding:0 0 20px 0;  } 


                  .lgbx { width:100%;  
                          position: absolute;
                            top:auto;
                            bottom:0;
                            left:0;
                            right:0;
                            margin: auto;
                          }

                    .remindbx { display:none; padding:20px; margin:20px auto; width:90%; position:relative; }
 

			table.livemb { margin:20px 0; padding:0; width:100%; border-collapse:collapse; }
			table.livemb th { background:#131313; padding:10px; font-weight:normal; font-size:0.7em; line-height:normal; color:#8E8E8E; border-bottom:3px solid #262626; }
			table.livemb td { padding:10px; border:1px solid #1F1F1F; font-size:0.7em; line-height:normal; vertical-align:middle; text-align:center;  }
			table.livemb td.rt { padding:10px; border:1px solid #1F1F1F; font-size:0.7em; line-height:normal; vertical-align:middle; text-align:right;  }
 

                 .invthx { text-align:center; border-bottom:1px solid #656565; padding:10px 0; margin:0 0 10px 0; font-size:0.9em; }
                 .debbx { font-size:0.7em; line-height:1.3em; }
                 .debtx { padding:5px 0; line-height:1em; }


         table.livembtouch td { padding:0; border:1px solid #1F1F1F; font-size:0.7em; line-height:normal; vertical-align:middle; text-align:center;  }




            .readIcon { width:30%; vertical-align:top; }

}