@media all and (max-width: 880px){
    #wrap{ width:98%; margin:0 auto; padding:1%;/*background-color:#f0f0f2;*/}
    #logo-header-widget-1{ margin-bottom:10px; }

    /* =logo
    -----------------------------------------------------------------------------------------------*/

    #logo{ display:block; float:left; }
    #logo img{ display:block; width: 100%}
    #header-widget-1{display: none;}
    #dropdown-menu, #dropdown-menu1, #footer{display:none}

    #logo-header-widget-1{
        padding-left: 60px;
    }

    .thecontent{
        width:90% !important; float:none; margin: 0 auto; background-color: #fff;
    }

    .thepage{
        width:90% !important; float:none; margin: 0 auto; clear:both; padding: 1%;
    }

    .thesidebar, .client_short_info{
        width:90% !important; float:none; margin: 0 auto; clear:both; padding: 1%;
    }

    .client_short_info{
        padding-top:25px;
    }

    .client_short_info .nfo{
    	margin-left: 25px;
	}

    #content{
    	position:relative;
    	z-index:5;  /* IE6 and IE7 z-index bug fix*/
        padding-bottom:30px;
        min-height:600px;
    }

    #page-header{
        display:none !important;
    }
    
    .thesidebar hr{
        clear:both;
    }
    
    .thesidebar p{
        width:100%;
        padding: 0;
        margin: 0;
    }
    
    /** for optin, must re-do
    input[type="text"] {
        width: 95% !important;
        display: block;
        border: 1px solid #e9e9e9;
        box-shadow: 1px 1px 5px #bbbbbd;
        border-radius: 3px;
        padding: 5px 2px !important;
    }

    input[type="button"] {
        width: 99% !important;
        display: block;
        background-color: #f68121;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    **/
   
    #mobile-menu-top{
        position: absolute;
        left: -100px;
        width: 160px;
        z-index: 10000;
        display: block;
    }

    #mobile-menu-top #menu-open-btn{
    	display: block;
    	float: right;
    	width: 50px;
    	margin-left:5px;
    	margin-right:5px;
    }

    #mobile-menu-top img{
        display: block;
        width: 100%;
    }

    .second-menu-link img{
        border:0;
    }

    .second-menu-link{
        display:block;
        float: right;
        margin-right: 25px;
        margin-top: 5px;
    }

    #dropdown-menu1 {
        clear:both;
        width: 100%;
        left: -215px;
        position: relative;
        
    }

    .second-menu-wrap{
        width:100%;
        clear:both;
        margin-top: 100px;
        margin-left:0;
    }

    ul#dropdown-menu1 li{ float: none; width:100%;}
    ul#dropdown-menu li a, ul#dropdown-menu1 li a{ display: block; padding:20px 0 20px 0; border-top:1px solid #efefef; margin-top:-1px;color:#fff; text-transform:uppercase;}
    ul#dropdown-menu1 li a{padding:12px 0 12px 0;}
    ul#dropdown-menu1 li a{color: #fff}
    ul#dropdown-menu li.last > a, ul#dropdown-menu1 li.last > a{ padding-right:0; }
    ul#dropdown-menu li.hover, ul.dropdown-menu li:hover, ul#dropdown-menu1 li.hover, ul.dropdown-menu1 li:hover{ position: relative; text-decoration:none;  }
    ul#dropdown-menu li.hover a{ text-decoration:none; color:#333; }
    ul#dropdown-menu1 li.hover a{color:#fff;}/* LEVEL 1 menu item styling ON HOVER */
    ul#dropdown-menu li.current > a, ul#dropdown-menu1 li.current > a{ color:#333; border-top-color:#F28133; }		/* styling of LEVEL 1 menu item that is current */
    ul#dropdown-menu ul, ul#dropdown-menu1 ul{list-style:none; background: none; border: 0; display:inline-block; padding:5px; position:static; width:100%;}
    ul#dropdown-menu ul li, ul#dropdown-menu1 ul li{ width:100%; padding:0 15px; }

    ul#dropdown-menu li .sub-menu li > a, ul#dropdown-menu1 li .sub-menu li > a{ /* LEVEL 2 menu element styling  */
    	width:90%;
    	display: inline-block; /* IE 6 and 7 Needs Inline Block */
    	border:none;
    	padding:10px 0;   	
        font-weight:normal;
        text-transform:none;
        font-size:13px;
        color: #333;
        text-transform: uppercase;
        color: #FFF;
    }

    ul#dropdown-menu li .sub-menu li > a:hover, ul#dropdown-menu1 li .sub-menu li > a:hover{ text-decoration:none; color:#fff; } /* LEVEL 2 menu item styling ON HOVER */
    ul#dropdown-menu li .sub-menu li:last-child > a, ul#dropdown-menu1 li .sub-menu li:last-child > a{ border:none; }					/* LAST LEVEL 2 menu item styling */
    ul#dropdown-menu li .sub-menu li:last-child > a:hover, ul#dropdown-menu1 li .sub-menu li:last-child > a:hover{ border:none; }

    /* level 3 menu */
    ul#dropdown-menu ul ul, ul#dropdown-menu1 ul ul{ left:100%; top:-1px; }
    ul#dropdown-menu li:hover > ul, ul#dropdown-menu1 li:hover > ul{ visibility:visible; }
    ul#dropdown-menu ul ul li > a, ul#dropdown-menu1 ul ul li > a{ border-bottom:1px solid #fff; border-bottom:none; } /* LEVEL 3 menu styling */

    
    fieldset{ padding:5px; margin:0 0 10px 0; border:1px solid #efefef; }
    input.text{ width:90%; padding:1%; }
    textarea{ width:90%; height:60px; padding:1% }
    
    .thepage img{
        max-width: 80% !important;
        height:auto;
    }

    #footer{
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #footer-widget-2{
        display:none;
    }
    
    .month_box{
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    .month_box h3{
    	margin-top: 10px;
    }
    
    .month_box .hr{
    	display: none;
    }

    .list{
        width: auto!important;
    }
    
    .log_post_entry .list{
    	width: 100%!important;
    }

    .scheduler, .appointment-details{
        width: 90% !important;
    }

    .scheduler h3, .appointment-details h3{
        font-size: 10pt;
    }

    fieldset{
        padding: 0 !important;
    }

    #frmlogin .text {width: 90%;}
    #frmlogin fieldset {padding: 5% !important;}

    #register-form { margin-left: -5%;}
    #register-form .text {width: 90%;}
    #register-form fieldset {padding: 5% !important;}
    
    .log_post_entry h3.dashboard_title{
    	float: none;
    	margin-bottom: 10px;
    }
    
	.log_post_entry .dashboard_nav{
    	float: none;
    	margin-bottom: 10px;
    }   
    
    .log_post_entry .hr{
    	display: none;
    }

}

@media all and (max-width: 360px){
    #register-form { margin-left: -11%;}
    #register-form #recaptcha_widget_div {margin-left: -2%;}
    #register-form .text {width: 90%;}
    #register-form #pass {width: 90%; float: left;clear: both;}
    #register-form fieldset {padding: 2% !important;} 
}