/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* ================= Mobile (Landscape) 240px - 767px ================= */
@media only screen and (min-width: 240px) and (max-width: 801px) {
/* ================= Logo and Main menu ================= */

#top_wrapper{
  display:block;
  width: 95%;
}
#top{
  width: 95%;
  display:block;
}

#fb_fanpage_link{
    width: 30px ;
    height: 30px;    
    float: right;
    border: 0px solid #FFF;
    
} 
#facebook_share{
    width: 100px;
    height:30px;
    border: 0px solid #FFF;
    z-index: 5;
    float: right;
}




#header_wrapper{
    display:none;
}

#header_mobile{
     display: block;
}

#logo_mobile{
    width: 232px ;
    height: 75px;
    margin-left:5px;
    margin-top: 5px;
    border: 0px solid #000;  
    clear: both;  
}    
   


#menu_wrapper {
    width:100%;
    background-color: #ecebeb ;
}

#menu {
    display:block;
    width:200px;
}


/* nav-wrap */
    #nav-wrap {
     position: relative;
     margin-top: 105px;
     color: #000;  
    }

    /* menu icon */
    #menu-icon {
        color: #000;
        width: 42px;
        height: 30px;
        background: #ecebeb url(images/menu-icon.png) no-repeat 10px center;
        padding: 8px 10px 0 42px;
        cursor: pointer;
        border: solid 1px #666;
        display: block; /* show menu icon */
    }
    #menu-icon:hover {
        background-color: #f8f8f8;
    }
    #menu-icon.active {
        background-color: #bbb;
    }
    
    
    /* main nav */
    #menu {
        clear: both;
        position: absolute;
        top: 38px;
        width: 250px;
        z-index: 10000;
        padding: 5px;
        background: #f8f8f8;
        border: solid 1px #999;
        display: none; /* visibility will be toggled with jquery */
        color:#000;    
    }
    #menu li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
    }
    #menu a, 
    #menu ul a  {
        font: inherit;
        background-color:none;
        color:#000;
        display: inline;
        padding: 0; 
        border: none;
    }
    #menu a:hover, 
    #menu ul a:hover ,  .ui-state-default{
        background-color:#FFF;
        color:#000;
        border: none;
    }
    
    /* dropdown */
    #menu ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #menu ul li , .ui-state-default{
        margin: 3px 0 3px 15px;       
    }




#breadcrumb{
    display:none;
}



#content_wrapper{
    width:100%;
}

#content {
    width:98%;
    padding: 2%;
}
.content .left_side {
    display:none;
}

/* ================= Homepage Slidesho ================= */
#slideshow-container{
    width:100%;
    height: auto;
    display:none;
}

div.slideshow {
    width: 99%;
}
#slideshow-container div.slideshow  img{
        width:90%;
        height: 90%;
}

#pager{
    width: 95%;
    display: none;
}

/* ================= Footer ================= */
#footer_wrapper{
    width: 100%;
}

#footer{
    width: 100%;
}

.footer_colns{
    width: 90%;
    margin: 2%;
    display: block;
}

.footer_colns img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}









/* ================= Page Info ================= */
    .page_info .text {
    float:none;
}
.page_info .search {
    float:none;
}
/* ================= Contact page ================= */
    .inputText {
    width:250px;
}
    .inputTextarea {
    width:250px;
    height:150px;
}
/* ================= Homepage ================= */
  


  /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    tr { border: 0px solid #ccc; }
    
    td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 0px solid #eee; 
        position: relative;
        padding-left:1%; 
    }
    
    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }
    
    iframe{
        width:65%;
        height:auto;
    }

  
} /* ================= End Media queries  ================= */