/* Smartphones */

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

body.responsive.layout-full #page-wrapper .full-container {     max-width: 100%; }

body.responsive #masthead.masthead-logo-in-menu .logo {
    margin-left: 0px;
    margin: 0 auto;
    float: none;
    width: 50%;
}


#responsive-menu.RMOpened {     height: auto !important; }

#landing-header-inner {     padding: 0px 10px; }

#landing-header-inner .logo {
    width: 100%;
    float: none;
}

#landing-header-inner .logo img  {
    width: 60%;
    margin: 0 AUTO;
    DISPLAY: BLOCK;
    MARGIN-bottom: 10px;
}

#landing-header-inner #header-sidebar {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
}

#header-phoneno-wrapper {
    font-size: 17px;
    line-height: 25px;
}


#header-phoneno-wrapper a { 
    color: white;
    font-size: 25px;
    float: none;
    text-align: center;
}

body.responsive #masthead .hgroup #header-sidebar {     margin-top: 10px; }

#landing-header-left {
    width: 100%;
    float: none;
    margin-top: 10px;
}

#landing-header-left h3 {
    font-size: 23px;
    margin-bottom: 20px;
    line-height: 30px;
}

#landing-header-left ul { 
    font-size: 16px;
    margin-bottom: 20px;
}

.spacer {     display: none; }

#landing-header-left .fa {     font-size: 25px;
        margin-top: -2px; 
}

#video-embed {
    width: 95%;
    height: auto;
}

#landing-header-right {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-top: 20px;
}

#header-contact-form-wrapper h3 {     font-size: 24px; }

#header-contact-form-wrapper h4 {     font-size: 20px; 
    padding-bottom: 20px; 
}

#header-contact-form-wrapper {     padding: 0px 10px; }


.menu-main-menu-container {   display: none; }

#responsive-menu .menu-main-menu-container {     display: block; }

body.responsive #masthead .hgroup .logo img {     width: 50%; }

.metaslider .slides img {     width: auto; }

.flexslider .slides li {     height: 100% !important; }

.flexslider .slides {     height: 240px; }

.metaslider .caption {     margin-top: 140px; 
			   text-align: center;}

.slider-button {     display: inline-block;
    width: auto;
    margin-top: 10px;
}

#slider-contact-box {     width: 100%; }

#main {     margin-top: -22px; }

.two-column-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.home .two-column-content br  {   display: none; }

article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {     font-size: 6.5vw; }

.entry-content h2 {     font-size: 5vw; }

#practice-areas-inner-wrapper {     width: 100%;
    padding: 20px 0px; }

#practice-areas-inner-wrapper h2 {     font-size: 6.5vw;
    				    margin-bottom: 20px;
				}


.practice-area-box {     width: 41%; 
			margin: 13px 13px; }


.practice-area-box .fa {     font-size: 6vw; }

.practice-area-box p {     width: 90%; }

#satisfaction-inner-wrapper {
    width: 100%;
    padding: 20px 0px; }

#satisfaction-center p {     margin-top: 0px;
			     margin-bottom: 0px; }

#satisfaction-center h3 {     margin-top: -10px; }

#footer-contact-form-wrapper {     padding-bottom: 20px; }

#footer-contact-form-right {     display: none; }

#footer-contact-form-left {     width: 100%;
  				  float: none;
  				    padding: 20px 0px 20px 0px;
				height: auto;	}

#footer-contact-wrapper {
    width: 90%;
    float: none;
    margin-left: 5%;
}

#footer-contact-form-inner {     width: 100%; }

#footer-contact-form-left h3 { 
    font-size: 6.5vw;
    margin-top: 5px;
}

#contactformleft a {
    color: #CACACA;
    text-decoration: none;
}

#contactformleft a:hover {     text-decoration: underline; }

input[type=text], input[type=email], input[type=tel], textarea { 
    font-size: 10px;
    line-height: 22px;
}

textarea {     width: 97%; }

#form-seend-text {     display: none; }

#address-left img {
    width: 100%;
    margin-bottom: 8px;
    margin-top: 6px;
}

#address-bar-inner {
    width: 90%;
    padding: 30px 5%;
}

#address-left {
    width: 100%;
    float: none;
    text-align: center;
    padding-right: 0px;
    border-right: none;
}

#address-bar-right {
    width: 100%;
    float: none;
    margin-left: 0px;
    text-align: center;
    margin-top: 30px;
}

#address-left .fa-youtube {     margin-right: 10px; }

#footer-widgets .textwidget {     font-size: 3vw; }




/* Reworking Mobile Look  */

#landing-header-inner .hgroup {     padding-top: 5px; }

#landing-header-inner .logo {   display: none; }
 .mobile-logo img {
    width: 100%;
    height: auto;
}

.mobile-logo {   display: block; }

#landing-header-inner {     background: rgba(0, 0, 0, 0.2); }

#landing-header-inner #text-2 {    margin-bottom: 10px; }

#header-phoneno-wrapper {
    font-size: 13px;
    line-height: 22px;
}

.cta-small {    margin-bottom: 0px;
		    color: #CACACA; 
			display:block;}

#hpw-left  {
    margin-right: 0px;
    margin-top: -5px;
    display: block;
}

#hpw-right {     display: none; }

#landing-header-left h3 {    text-align: center; 
				font-weight: 900;
				    color: #FF1010;}


}  /*  End Of responsive Smartphones  */







/* IPAD VERTICAL - SMALL TABLETS - MOBILE HORIZONTAL  */

@media only screen and (min-device-width : 481px) and (max-device-width : 768px) {


#responsive-menu.RMOpened {     height: auto !important; }

#landing-header-wrapper {     padding: 0PX 10PX; }

#landing-header-inner .logo {
    width: 100%;
    float: none;
}

#landing-header-inner .logo img {
    width: 60%;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

#landing-header-inner #header-sidebar {
    width: 315px;
    float: none;
    text-align: center;
    margin-top: -5px;
    margin-right: 25px;
    margin: 0 auto;
}

#landing-header-left {
    width: 100%;
    float: none;
    margin-top: 0px;
}

#landing-header-left h3 {
    font-size: 35px;
    margin-bottom: 30px;
   line-height: 40px;
    text-align: center;
}

#landing-header-left ul {     font-size: 18px; }

#landing-header-left .fa { 
    font-size: 28px;
    margin-top: -2px;
   }

.spacer {     display: none; }

#video-embed {
    width: 95%;
    height: auto;
}

#landing-header-right {
    width: 100%;
    float: none;
    margin-left: 0px;
    margin-top: 10px;
}

#header-contact-form-wrapper { 
    width: 70%;
    margin: 0 auto;
}

.kgvid_wrapper {     margin: 0 auto; }

#landing-menu {     display: none; }

#main {     margin-top: -24px; }

.entry-content h2 {
    font-size: 16px;
    padding-bottom: 0px;
    margin-top: 0px;
}

#practice-areas-inner-wrapper {
    width: 100%;
   padding: 20px 0px;
}

#practice-areas-inner-wrapper h2 { 
    font-size: 28px;
    margin-bottom: 20px;
   }

.practice-area-box {
    width: 20%;
    margin: 0px 13px;
    margin-bottom: 20px;
    height: 170px;
    
}

.practice-area-box h3 {     font-size: 15px; }

#satisfaction-inner-wrapper {
    width: 100%;
    padding: 20px 0px;
}

#satisfaction-center p { 
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

#footer-contact-form-inner {     width: 100%; }

#footer-contact-wrapper {
    width: 90%;
    float: none;
    margin: 0 auto;
}

#address-bar-inner {
    width: 100%;
    margin: 0 auto;
    padding: 20px 10px;
}

#address-left {
    width: 100%;
    float: none;
    text-align: center;
    margin-right: 0px;
    padding-right: 0px;
    border-right: none;
}

#address-left .fa {     margin: 0px 10px 0px 10px; }

#address-left .fa-youtube {     margin-right: 10px; }

#address-bar-right {
    width: 100%;
    float: none;
    margin-left: 0px;
    color: white;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
}

#colophon {     padding: 20px; }

}