@media only screen and (min-width: 320px) and (max-width: 589px) {


/*===== mobile menu css ==============*/

.mobile-nav {background:#393431 url(../images/tablet/menu-bg.jpg) repeat-x bottom ; height:70px; float:left; width:100%; display:block;}
.top_nav {margin:0 auto; width:320px;}
.top_nav ul {margin:0; padding:0; list-style:none;}
.top_nav ul li {display:inline; float:left; padding:10px 0px 9px; background:url(../images/mobile-img/nav-line.png) no-repeat right; width:25%; text-align:center;}
.top_nav ul li:last-child {background:none;}

#mobileToolbar {
    margin-top: -100px !important;
    position: absolute !important;
	z-index:1!important;
}

#top-menu-contener {display:none;}
.mobile-nav {display:block;}

/*===== menu css ==============*/

#top-header{display:none;}
#banner-area{display:none;}
#menu-area{display:none;}
#black-area-wrapper {width: 300px;}

.mob-bt1 {
    background: url(../images/mobile-img/bt-bg.jpg) repeat-x scroll left top rgba(0, 0, 0, 0);
    color: #3d3936;
    float: left;
    font-size: 20px;
    height: 76px;
	font-family:Arial, Helvetica, sans-serif;
    line-height: 25px;
	display:block;
	text-transform:uppercase;
    margin: 20px 0 0 20px;
    padding:25px 30px 0 30px;
    width: 200px;
	border-radius:10px;
	text-align:center;
}
.mob-bt1:hover{background: url(../images/mobile-img/bt-bg-hover.jpg) repeat-x scroll left top rgba(0, 0, 0, 0); color: #ac7a28;}
.model-bg1{display:none;}
.model-bg2{display:none;}

#content-doc-area-wrapper {
    background:none;
    border-radius:0;
    box-shadow:none;
    margin: 0 auto;
    min-height: 170px;
    padding: 0;
    width: 300px;
	text-align:center;
}
#content-doc-area-wrapper1 {
    width: 300px;
	padding:0;
}
.doc-content {width: 300px; text-align:center;}
.doc-img {
    float:none;
    margin: 0 0 17px 0;
}

#content-doc-area {
    background:#131210 url("../images/content-doc-c-bg.jpg") repeat-x scroll center top;
}

.gallery-bt {
    background:none;
    float: right;
    font-family:Myriad Pro;
    font-size: 20px;
    height: 60px;
    margin:25px 0 0 0;
    padding:0 0 0 0;
    width:300px;
}

.gallery-bt a {font-size: 20px; font-family:Myriad Pro;}
.gallery-bt a:hover{font-size:20px; font-family:Myriad Pro;}
.gallery-bt br{ display:none;}

.staff-bt {
    background:none;
    float: right;
    font-family:Myriad Pro;
    font-size: 20px;
    height: 60px;
    margin:0;
    padding:0 0 0 0;
    width:300px;
}

.staff-bt a {font-size: 20px; font-family:Myriad Pro;}
.staff-bt a:hover{font-size: 20px; font-family:Myriad Pro;}
.staff-bt br{ display:none;}
#footer-wrapper {width: 300px; padding:25px 0 30px 0;}
.footer-right { float: left; width: 300px; text-align:center; margin:0 0 25px 0;}
.footer-left { float: right; width: 300px; font-size:13px; text-align:center;}
.f-logo { display:none;}
.m-f-logo { display:block; margin:25px 0 0 0;}
#m-banner{
	width:auto;
	min-height:610px;
	padding:0 0 25px 0;
	margin:0 0 0 0;
	display:block;
	background:#f0efeb url(../images/mobile-img/banner-bg.jpg) center top no-repeat;
}
#m-banner-wrapper{
	width:300px;
	height:auto;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:center;
	color:#3d3936;
	font-size:17px;
	line-height:25px;
}
.m-logo{ margin:23px 0 0 0; width:280px; height:auto;}
.blue-bt {width: 260px; margin:306px 0 0 0 !important;}
.yellow-bt{margin:20px 0 27px 0 !important;}



/*=========== inner page css ==========*/
#inner-banner-area{display:none;}
#i-m-banner {
    background:#f0efeb url(../images/inner/m-b-bg.jpg) center top repeat-x;
    display: block;
    height: 138px !important;
    margin: 0;
    padding:0;
    width: auto;
}

#i-m-banner-wrapper {
    color: #3d3936;
    font-size: 17px;
    height: auto;
    line-height: 25px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 300px;
}
.back-links{display:none;}
#content-area-wrapper {
    padding: 25px 0 25px;
    width: 300px;
}
h1 { font-size: 26px;}
.socail-icons { width: 290px;}

.inner-leftside {    width: 300px;}

.i-doc-bg {
    background:url(../images/inner/m-d-bg.jpg) left top no-repeat;
    color: #99938d;
    height: 94px;
    margin: 10px 0 25px;
    padding: 20px 0 0 115px;
    width: 182px;
}
.i-doc-bg p{ display:none;}
.i-doc-img{ display:none;}
.i-doc-bg h4{ color:#000;}
.i-doc-bg h4 a{ color:#000; line-height:28px;}
.i-girl-bg{ display:none;}
.back-top-bt{ display:none;}
.inner-rightside{ display:none;}
.quote {
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 25px;
    padding: 10px;
    width: 280px;
}



#mobileToolbar {
    padding: 25px !important;
    right: 0 !important;
    width: 250px !important;
}

.link-area01 {
    border-right:0 !important;
    float: left;
    margin: 0 0 20px 0 !important;
    min-height:50px !important;
    padding: 0;
    width: 250px !important;
}

.link-area01 h4 a {font-size: 20px !important;}

.link-area01 h4 span {
    color: #ae8c56;
    text-transform: capitalize;
	font-size: 20px !important;
	font-weight:normal;
	font-family: Myriad Pro;
}
.three-icons{opacity:1; float:left; margin:0 10px 0 1px;}
.three-icons:hover{opacity:0.5; float:left;}

.contact_form input { width:168px!important;}
.contact-form [type="checkbox"] { width:13px!important;}
.contact-form-rgt { width:300px;}
.full_location .left { width:100%;}
.full_location .map { width:100%;}
.co-pad { padding-top:10px;}
.contact-form-lft h2 { padding-bottom:15px;}
.contact-form-rgt h2 { padding-bottom:15px;}
.viralicons { display:block!important; width:100%!important; padding-top:10px;}
.mclear {clear:both;}
.full_location .map{ margin-top:0px}
}