/*! woodworks 2018-12-15 12:12:21 */
/* ----------- iPhone 4 and 4S ----------- ddssds*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) 
{

  body 
  {
    overflow-x: hidden;
  }
  
  .device 
  {
	display:block !important;
}
  
  .menu-overlay
  {
	  display:none;
  }
  
  .logo
  {
	  z-index: -1;
  } 
  
  .logo img
  {
    margin-top: 0px;
}

input.hamburger-button ~ label > div, input.hamburger-button ~ label > div::before, input.hamburger-button ~ label > div::after
 {
    background: #fff;
	display:none;
}

header .container .menu nav ul > li > a
 {
    color: #fff;
    font-size: 1.1em;
    font-family: 'Poppins', sans-serif;
    line-height: 1.4em;
}

.menu nav
{
	background-color:#4d0b18;
}
 
.sticky 
{
    height: 100px;
}

.law-chember-banner-info h1
 {
    font-size: 3.2rem;
    line-height: 3.2rem;
}

header .container
 {

    border-bottom: 1px transparent;
}

.mob-lang-sec
 {
	 display: block;
    margin-bottom: 5px;
	background-color:#fff;
	padding:8px;
	margin-top:-20px;
 }
 
 .mob-lang-sec span
 {
	color: #2c2c2c;
    font-size: 1.1em;
    font-family: 'Poppins', sans-serif;
    line-height: 1.4em;
	padding-right:1px;
 }
 
 .mob-lang-sec a
 {
	padding-right:2px;
 }
 
 .mob-lang-sec img
 {
	width:35px;
 }

.law-chember-sec1 h3
 {
    margin-top: 30px;
}

.law-chember-sec2 h2 
{
    font-size: 2.5rem;
}

.law-chember-sec3 h2
{
    font-size: 3rem;
}

.law-chember-sec4 h2
 {
    font-size: 3em;
}

.law-chember-sec6 h2
 {
    font-size: 3em;
}

.footer-sec p
{
    text-align: left !important;
}

.footer-sec h4 
{
    text-align: left;
	margin-top:20px;
}

.footer-sec h6
{
	margin-top:10px;
}

.footer-bottom
{
	text-align:center;
}

.footer-sec h5
 {
    text-align: center;
}

.about-sec-banner
 {
    padding-bottom: 30%;
}

.law-chember-about h2 
{
    font-size: 2.5rem;
}

.read-bt
 {
    margin-bottom: 30px;
}

#jssor_1
{
	width:384px !important;
}

.areas-of-practice-banner
 {
    padding-bottom: 30%;
}

.law-chember-contact-sec2 h5
 {
    font-size: 1.4em;
}

.law-chember-contact-sec4 h2
 {
    font-size: 3em;
}

.news-articles-sec-inner img
{
	margin-top:0px !important;
}

.law-chember-sec6
   {
    padding-top: 60px;
    padding-bottom: 90px;
   }
 
  
}





@media (width:768px) 
{

  body 
  {
    overflow-x: hidden;
  }
  
  .menu
  {
	  display:none !important;
  }
  
  .device 
  {
	position: absolute;
    width: 630px !important;
    height: 510px !important;
    top: 60px !important;
    display: block !important;
    text-align: left !important;
}
  
  .menu-overlay
  {
	  display:none;
  }
  
  .logo
  {
	  z-index: -1;
  } 
  
  .logo img
  {
    margin-top: 0px;
}

input.hamburger-button ~ label > div, input.hamburger-button ~ label > div::before, input.hamburger-button ~ label > div::after
 {
    background: #fff;
	display:none;
}

header .container .menu nav ul > li > a
 {
    color: #fff;
    font-size: 1.1em;
    font-family: 'Poppins', sans-serif;
    line-height: 1.4em;
}

.menu nav
{
	background-color:#4d0b18;
}
 
.sticky 
{
    height: 100px;
}

.law-chember-banner-info h1
 {
    font-size: 3.2rem;
    line-height: 3.2rem;
}

header .container
 {

    border-bottom: 1px transparent;
}

.mob-lang-sec
 {
	display: block;
    margin-bottom: 5px;
	background-color:#fff;
	padding:8px;
	margin-top:-20px;
 }
 
 .mob-lang-sec span
 {
	color: #2c2c2c;
    font-size: 1.1em;
    font-family: 'Poppins', sans-serif;
    line-height: 1.4em;
	padding-right:1px;
 }
 
 .mob-lang-sec a
 {
	padding-right:2px;
 }
 
 .mob-lang-sec img
 {
	width:35px;
 }
 

.law-chember-sec1 h3
 {
    margin-top: 30px;
}

.law-chember-sec2 h2 
{
    font-size: 2.5rem;
}

.law-chember-sec3 h2
{
    font-size: 3rem;
}

.law-chember-sec4 h2
 {
    font-size: 3em;
}

.law-chember-sec6 h2
 {
    font-size: 3em;
}

.footer-sec p
{
    text-align: left !important;
}

.footer-sec h4 
{
    text-align: left;
	margin-top:20px;
}

.footer-sec h6
{
	margin-top:10px;
}

.footer-bottom
{
	text-align:center;
}

.footer-sec h5
 {
    text-align: center;
}

.about-sec-banner
 {
    padding-bottom: 30%;
}

.law-chember-about h2 
{
    font-size: 2.5rem;
}

.read-bt
 {
    margin-bottom: 30px;
}

.areas-of-practice-banner
 {
    padding-bottom: 30%;
}

.law-chember-contact-sec2 h5
 {
    font-size: 1.4em;
}

.law-chember-contact-sec4 h2
 {
    font-size: 3em;
}

.news-articles-sec-inner img
{
	margin-top:0px !important;
}
 
  
}





@media (width:1024px) 
{
	
	.menu-overlay
	{
		display:none !important;
	}
	
	
	header
	{
    top: 70px;
    }
	
	
	header .container .menu nav ul > li 
	{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 0; 
    }

   header .container .menu nav ul > li > a 
   {
    font-size: 1em;
	padding: 1rem 1rem !important;
   }
   
   
   header .container .menu
   {
    z-index: unset;
    top: -43px;
    left: 55px;
   }
   
   .sticky .container .menu
   {
	    top: 8px !important;
   }
   
   .about-sec-banner 
   {
    padding-top: 100px;
   }

   .areas-of-practice-banner 
   {
    padding-top: 100px;
   }
	
	
}	
	
	
	
	
	
	
	


@media(width:1920px)
{
    
.home-sec-banner
{
   padding-bottom: 15%;
}

.law-chember-sec2 p 
{
    font-size: 1.5em;
}
	
.law-chember-banner-info
 {
    margin-top: 150px;
}

.law-chember-sec1
{
	padding-top:90px;
	padding-bottom:120px;
}

.law-chember-sec2 
{
    padding-top: 150px;
    padding-bottom: 200px;
}


.law-chember-sec3
{
    padding-top: 100px;
    padding-bottom: 100px;
}

.law-chember-sec4
{
    padding-top: 100px;
    padding-bottom: 100px;
}

.law-chember-sec5 
{
    margin-top: 100px;
}

.law-chember-sec5-bottom
{
    height: 510px;
}

.law-chember-sec5 h4 
{
    font-size: 1.3em;
}

.law-chember-sec5-inner
{
    height: 310px;
}

.law-chember-sec6 h3 
{
    font-size: 1.7em;
}


.law-chember-sec6
{
    padding-top: 190px;
    padding-bottom: 190px;
}


.law-chember-about-sec2
{
    padding-top: 90px;
    padding-bottom: 110px;
}

.law-chember-about-sec2 h2
{
    font-size: 2.6em;
}

.law-chember-about-sec2 p
{
    font-size: 1.2em;
}

.law-chember-the-firm-sec3 h2
{
    font-size: 3.2em;
    line-height: 1.1em;
}

.law-chember-the-firm-sec3 p 
{
    font-size: 1.2em;
    line-height: 1.7em;
}

.law-chember-the-firm-sec3
{
    padding-top: 100px;
    padding-bottom: 110px;
}


.overlay a
{
    font-size: 2em !important;
    padding: 20px 0px;
}

.overlay-content-righ h4
{
    font-size: 2rem;
}


}




@media(width:1920px)
{
    
    header .container .menu nav ul > li > a
    {
	font-size:1.1em;
  }
  
  .lang-menu .dropbtn
 {
  font-size: 1.1em !important;
}

.lang-menu .lang-content a
{
	font-size: 1.1em !important;
}

header .container .menu
{
    left: 166px;
}

.lang-menu .dropdown-content
{
    min-width: 178px !important;
    width: 178px !important;
}

.lang-menu
{
    margin-left: 0px;
}
    
.home-sec-banner
{
   padding-bottom: 15%;
}

.law-chember-sec2 p 
{
    font-size: 1.5em;
}
	
.law-chember-banner-info
 {
    margin-top: 150px;
}

.law-chember-sec1
{
	padding-top:90px;
	padding-bottom:120px;
}

.law-chember-sec2 
{
    padding-top: 150px;
    padding-bottom: 200px;
}


.law-chember-sec3
{
    padding-top: 100px;
    padding-bottom: 100px;
}

.law-chember-sec4
{
    padding-top: 100px;
    padding-bottom: 100px;
}

.law-chember-sec5 
{
    margin-top: 100px;
}

.law-chember-sec5-bottom
{
    height: 510px;
}

.law-chember-sec5 h4 
{
    font-size: 1.3em;
}

.law-chember-sec5-inner
{
    height: 330px;
}

.law-chember-sec6 h3 
{
    font-size: 1.7em;
}


.law-chember-sec6
{
    padding-top: 190px;
    padding-bottom: 190px;
}


.law-chember-about-sec2
{
    padding-top: 90px;
    padding-bottom: 110px;
}

.law-chember-about-sec2 h2
{
    font-size: 2.6em;
}

.law-chember-about-sec2 p
{
    font-size: 1.2em;
}

.law-chember-the-firm-sec3 h2
{
    font-size: 3.2em;
    line-height: 1.1em;
}

.law-chember-the-firm-sec3 p 
{
    font-size: 1.2em;
    line-height: 1.7em;
}

.law-chember-the-firm-sec3
{
    padding-top: 100px;
    padding-bottom: 110px;
}


.overlay a
{
    font-size: 2em !important;
    padding: 20px 0px;
}

.overlay-content-righ h4
{
    font-size: 2rem;
}


}






/* Mobile Menu */

.main-nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    background: #FFF;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: all .375s;
}

.main-nav.is-open {
    opacity: 1;
    z-index: 100;
    visibility: visible;
}

/* Yellow band effect */
.main-nav::before {
	 content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -15px;
    background: #4d0b18;
    transform-origin: 0 0;
    transition: all .275s .1s;
}


/* Skewing effect on menu links */
.main-nav ul {
    flex-direction: column;
    height: 93%;
    align-items: flex-end;
    justify-content: center;
    margin-top: 70px;
    margin-left: 50px;
}

.main-nav li {
    display: block;
    margin: .5rem 0;
    text-align: center;
}

/* Apparition effect on links */
.main-nav a {
    opacity: 0;
    transform: translateY(-10px);
}

.main-nav.is-open a {
    opacity: 1;
    transform: translateY(0);
}
.main-nav li:nth-child(1) a {
	transition: all 275ms 175ms
}
.main-nav li:nth-child(2) a {
	transition: all 275ms 225ms
}
.main-nav li:nth-child(3) a {
	transition: all 275ms 275ms
}
.main-nav li:nth-child(4) a {
	transition: all 275ms 325ms
}
.main-nav li:nth-child(5) a {
	transition: all 275ms 375ms
}


/* Decoration */
.main-nav ul,
.main-nav li {
	list-style: none;
	padding: 0;
}
.main-nav a {
	display: block;
	padding: 8px 0;
	color: #fff;
	font-size:1.3em;
	font-family: 'Poppins', sans-serif;
    font-weight: 400;
	text-decoration: none;
	text-align:left !important;
}

/* Burger Style: @see: https://codepen.io/CreativeJuiz/full/oMZNXy */
.open-main-nav {
	position: absolute;
	top: 30px;
	padding-top: 20px;
	right: 15px;
	z-index: 1000;
	background: none;
	border: 0;
	cursor: pointer;
}
.open-main-nav:focus {
	outline: none;
}
.burger {
	position: relative;
	display: block;
	width: 28px;
	height: 4px;
	margin: 0 auto;
	background: #fff;
	transform: skew(5deg);
	transition: all .275s;
}

.burger:after,
.burger:before {
	content: '';
	display: block;
	height: 100%;
	background: #fff;
	transition: all .275s;
}

.burger:after {
	transform: translateY(-12px) translateX(-2px) skew(-20deg);
}

.burger:before {
	transform: translateY(-16px) skew(-10deg);
}

/* Toggle State part */
.is-open .burger {
	transform: skew(5deg) translateY(-8px) rotate(-45deg);
}

.is-open .burger:before {
	transform: translateY(0px) skew(-10deg) rotate(75deg);
}

.is-open .burger:after {
	transform: translateY(-12px) translateX(10px) skew(-20deg);
    opacity: 0;
}

/* MENU Text part */

.burger-text {
	display: block;
	font-size: .675rem;
	letter-spacing: .05em;
	margin-top: .5em;
	text-transform: uppercase;
	font-weight: 500;
	text-align: left;
	color: #fff;
}

.device {
	position: absolute;
	width: 345px;
	height: 460px;
	top:50px;
	display:none;
	text-align:left !important;
}

.device .container
 {
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	overflow: hidden;
}

.mob-sec
 {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Slow motion button */
[id="slowmo"] {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
	border: 0;
	font-size: 1rem;
	background: #FEDC2A;
	color: #5A3B5D;
	font-weight: bold;
	cursor: pointer;
	transition: all .275s;
}

[id="slowmo"] span {
	display: block;
	font-weight: normal;
}

[id="slowmo"]:hover,
[id="slowmo"]:focus {
	background: #5A3B5D;
	color: #FEDC2A;
}

[id="slowmo"].is-slowmo span:after {
	content: 'Activated';
	display: block;
	font-weight: bold;
}

/* When slowmotion is activated */

.is-slowmo + .device .open-main-nav .burger,
.is-slowmo + .device .open-main-nav .burger:before,
.is-slowmo + .device .open-main-nav .burger:after,
.is-slowmo + .device .main-nav,
.is-slowmo + .device .main-nav::before,
.is-slowmo + .device .main-nav a {
	transition-duration: 3s;
}
.is-slowmo + .device .main-nav li:nth-child(1) a {
	transition-delay: 1750ms
}
.is-slowmo + .device .main-nav li:nth-child(2) a {
	transition-delay: 2250ms
}
.is-slowmo + .device .main-nav li:nth-child(3) a {
	transition-delay: 2750ms
}
.is-slowmo + .device .main-nav li:nth-child(4) a {
	transition-delay: 3250ms
}
.is-slowmo + .device .main-nav li:nth-child(5) a {
	transition-delay: 3750ms
}