/*  RESPONSIVE MOBILE PHONE  */

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

body {     width: 100%; 
	   overflow: hidden;
}

.site-header {     min-height: 200px; }

#header-fixed { position: relative; }



.primary-navigation ul ul {
     width: 100%;
    -moz-column-count: 1;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 1;
    -webkit-column-gap: 2.5em;
    column-count: 1;
    column-gap: 2.5em;
}

.primary-navigation ul ul a {     width: 100%; }

.site-navigation li {     height: initial !important; }

.primary-navigation.toggled-on {     margin-top: 22%;
				     padding: 0px; }

.site-navigation ul ul {     margin-left: 0px; }

.site-navigation ul ul .current-menu-item > a {
    color: #000000;
}

#logo-area {
    width: 93%;
    float: none;
}

#header-contact-area {
    width: 100%;
    float: none;
    clear: both;
    margin-top: 20px;
}

#tel-1 {     font-size: 4.2vw; }
#tel-2 a {     font-size: 8vw; }
#tel-3 {     font-size: 4.2vw; }

#header-slider-wrapper { margin-top: 80px; 
			min-height: 100px;}

.slide-text- {
    font-size: 4vw;
    line-height: 5vw;
}

.slider-cta {
    padding: 2%;
    font-size: 4vw;
    margin-top: 10px;
   }

.site-content .entry-header h1 {  width: 100%;
 			          font-size: 5vw; }

.page .site-content .entry-header {
    padding: 0px 2% !important;
    width: 96% !important;
}

.home .site-content .entry-header {
    padding: 0px 2% !important;
    width: 96% !important;
}

#homepage-content-wrapper-inner {     padding-top: 20px; }

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

#homepage-content-wrapper .two-col-content h2 {     font-size: 4vw; }

.page .entry-content {
    padding: 2% !important;
    width: 96%;
   }

#homepage-content-wrapper-inner   {     margin: 0 2%; }

#logo-area-inner {     width: 100%; }

#logo-area-l {
    float: none;
    width: 160px;
    margin: 0 auto;
}
#logo-area-c {     width: 100%;
		margin: 0px; }
#logo-area-c p {     font-size: 5vw;
       margin-top: 10px;
   }
#logo-area-r {     display: none; }


#practice-areas-wrapper h2 {     font-size: 6vw; }

.practice-area-box {     width: 45%; 
			padding: 10px 0px;
			min-height: 101px;}

.practice-area-box br {     display: none; }

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

#map-area-1 {
    width: 100%;
    float: none;
    margin-left: 2.1%;
    text-align: center;
    margin-bottom: 20px;
}

#map-area-2  {
    width: 96%;
    float: none;
    text-align: center;
    padding: 0 2%;
}

#map-area-3 {
    width: 100%;
    float: none;
}

#map-area-2 h3 {     margin-top: 50px; }

#addres-text-3 {     font-size: 4vw; }



#addres-text-1, #addres-text-2, #addres-text-3 {     width: 85%; }

#footer-copyrights {
    padding: 10px;
    font-size: 3vw;
    padding-top: 30px;
   
}

.primary-navigation .menu-item-has-children > a:after, .primary-navigation .page_item_has_children > a:after { display: none; }



}



/*  RESPONSIVE TABLET  */




@media only screen and (min-width: 501px) and (max-width: 1350px) {

body {     width: 100%; 
	   overflow: hidden;
}

#header-fixed {     position: relative; }

#logo-area {
    width: 25vw;
    margin-top: 1vw;
}

#header-contact-area {
    width: 30vw;
    float: right;
    text-align: center;
}

#header-top-wrapper {
    height: 7vw;
    padding: 2% 10%;
}


#tel-1 {     font-size: 1.5vw; }
#tel-2 a {     font-size: 3vw; }
#tel-3 {     font-size: 1.5vw; }

.primary-navigation {     padding-top: 0px; }

.site-navigation li  {
    font-size: 1.2vw;
    font-weight: 500;
    line-height: 6vw !important;
    height: 6vw !important;
}

.primary-navigation a {     padding: 0 1vw !important; }

#header-slider-wrapper {     min-height: 260px;
			     margin-top: 0px; }

.slide-text- {    
    font-size: 5vw;
    line-height: 5vw;   
}

.site-header {     min-height: 400px; }


.site-content .entry-header h1 {  width: 100%;
 			          font-size: 4vw; }

.page .site-content .entry-header {
    padding: 0px 2% !important;
    width: 96% !important;
}

.home .site-content .entry-header {
    padding: 0px 2% !important;
    width: 96% !important;
}

#homepage-content-wrapper-inner {     padding-top: 20px; }


#homepage-content-wrapper .two-col-content h2 {     font-size: 2vw; }

.page .entry-content {
    padding: 2% !important;
    width: 96%;
   }

.home .entry-content {
    padding: 0 !important;
    width: 100%;
   }

#homepage-content-wrapper-inner   {     margin: 0 2%; }


#logo-area-inner {     width: 100%; }

#logo-area-l {
    float: left;
    width: 20%;
    margin: 0 auto;
}
#logo-area-c {     width: 60%;
		margin: 0px; }
#logo-area-c p {     font-size: 5vw;
       margin-top: 10px;
   }
#logo-area-r {    float: left;
    width: 20%; }


.practice-area-box {     width: 18%;
			 padding: 2vw 0px;
			 line-height: 2.6vw;
			 font-size: 2vw; }

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

#addres-text-3 {     word-break: break-all; }

#addres-text-1, #addres-text-2, #addres-text-3 {
    width: 79%;
    font-size: 2vw;
    font-weight: 300;
    margin-left: 8%;
    
}


}

/*  MOBILE MENU TABBLET FIX  */

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

.primary-navigation ul ul {
     width: 100%;
    -moz-column-count: 1;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 1;
    -webkit-column-gap: 2.5em;
    column-count: 1;
    column-gap: 2.5em;
}

.primary-navigation ul ul a {     width: 100%;
				line-height: 9vw; }

.site-navigation li {
    height: initial !important;
    font-size: 2vw;
}
.primary-navigation.toggled-on {     margin-top: 22%;
				     padding: 0px; }

.site-navigation ul ul {     margin-left: 0px; }

.site-navigation ul ul .current-menu-item > a {
    color: #000000;
}

.site-navigation ul ul li  {     text-align: center;
				font-size: 4vw; 
				height: 6vw !important;}


}