.topnav {
	overflow: hidden;
	background-color: #333;
	position: relative;
  }
  
  /* Hide the links inside the navigation menu (except for logo/home) */
  .topnav #myLinks {
	display: none;
  }
  
  /* Style navigation menu links */
  .topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
  }
  
  /* Style the hamburger menu */
  .topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
  }

.topnav {
	overflow: hidden;
	background-color: #333;
	position: relative;
  }
  
  /* Hide the links inside the navigation menu (except for logo/home) */
  .topnav #myLinks {
	display: none;
  }
  
  /* Style navigation menu links */
  .topnav a {
	color: white;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	display: block;
  }
  
  /* Style the hamburger menu */
  .topnav a.icon {
	background: black;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
  }
.header-logo-section{display: flex;justify-content: space-between;align-items: center;}
.menu-icon {
	--s: 24px; /* control the size */
	--c: white; /* the color */
  
	height: var(--s);
	aspect-ratio: 1;
	border: none;
	padding: 0;
	border-inline: calc(var(--s) / 2) solid #0000;
	box-sizing: content-box;
	--_g1: linear-gradient(var(--c) 20%, #0000 0 80%, var(--c) 0) no-repeat
	  content-box border-box;
	--_g2: radial-gradient(circle closest-side at 50% 12.5%, var(--c) 95%, #0000)
	  repeat-y content-box border-box;
	background: var(--_g2) left var(--_p, 0px) top,
	  var(--_g1) left calc(var(--s) / 10 + var(--_p, 0px)) top,
	  var(--_g2) right var(--_p, 0px) top,
	  var(--_g1) right calc(var(--s) / 10 + var(--_p, 0px)) top;
	background-size: 20% 80%, 40% 100%;
	position: relative;
	clip-path: inset(0 25%);
	-webkit-mask: linear-gradient(90deg, #0000, #000 25% 75%, #0000);
	cursor: pointer;
	transition: background-position 0.3s var(--_s, 0.3s),
	  clip-path 0s var(--_s, 0.6s);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  }
  .menu-icon:before,
  .menu-icon:after {
	content: "";
	position: absolute;
	border-radius: var(--s);
	inset: 40% 0;
	background: var(--c);
	transition: transform 0.3s calc(0.3s - var(--_s, 0.3s));
  }
  
  .menu-icon:checked {
	clip-path: inset(0);
	--_p: calc(-1 * var(--s));
	--_s: 0s;
  }
  .menu-icon:checked:before {
	transform: rotate(45deg);
  }
  .menu-icon:checked:after {
	transform: rotate(-45deg);
  }
  .menu-icon:focus-visible {
	clip-path: none;
	-webkit-mask: none;
	border: none;
	outline: 2px solid var(--c);
	outline-offset: 5px;
  }
  
  
  .menu-iconcontainer{display: none;} 
  .slider-container{display: flex;justify-content: space-between;}
  .mobile-video{display: none;}

/* Landscape phone to portrait tablet */
@media (max-width: 979px) {  
	.container, .fullWidth, .containerNivo, .containerOrbit,#header,.portfolio-slider,.portfolio-slider .wrapper, .copyWrapper{width: 100%;}
	.portfolio-slider .clientContainer, .copy, .portfolio-slider .wrapper{width: 100%;}
	#topnav{height: auto;}
	.menu-iconcontainer{display: block;}
	#menu ul{display: none;}
	.img_side{width: 45%;padding-left: 0;}
	.content_side{width: 55%;}
	.slider-container,.header-logo-section, .fullWidth,#footer,   .our-firm-page, .site-map-page, .contacts-page, .zone-layout{padding: 0 30px;}
	*{box-sizing: border-box;}
	.copyWrapper{text-align: center;}
	.content_side{padding: 0 15px;}
	.slide{width: 100%;margin: auto;}
	 
	.img_side img{width: 100%;} 
	#menu[style*="block"] ul {display: flex;flex-direction: column;}
	#nav{height: auto;min-height: 36px;}
	.menu-iconcontainer{position: absolute;right: 15px;top:6px;}
	.block{margin-left: 0 !important;}
	#topnav ul.topRight li,#topnav ul.navi li a,#topnav ul.topRight{float: none;} 
	#topnav ul.navi{margin-top: 3px;}
	#topnav ul.topRight{display: inline-flex;}
	.portfolio-slider .wrapper{margin: 0;}
	.content_side{height: auto;}
	.desktop-video{display: none;}
	.mobile-video{display: block;}
	.youtube-container a{display:flex; justify-content: center; background: black;}
	.slider-container{flex-direction: column;width: 100%;}
	.our-firm-page{display: flex;}
	.dd ul li a{background-image: none;}
	.site-map-page, .contacts-page{display: flex;}
	.site-map-page .leftContent{padding-left: 15px;}
	.zone-layout{display: flex;}
	.zone-layout .leftContent{width:calc(100% - 276px);}
	.zone-layout .sidebar .widget img,
	.zone-layout .search input[type=text]{width: 100%;}
	.innerTop.zone-layout{height: auto;}
	.zone-layout.innerTop i{margin-bottom: 0;padding-bottom: 20px;}
	.zone-layout .post{font-size: 14px;line-height: 26px;}
	.zone-layout .postTitle{font-size: 16px;}
	.zone-layout .contactInfo{font-size: 14px;} 
	.zone-layout .leftContent p img, .zone-layout .leftContent .post img{width: 100%;}
	.zone-layout .leftContent .post table,
	.zone-layout .leftContent .post tr,
	.zone-layout .leftContent .post td{display: block;width: 100%;height: auto;}
	.zone-layout .leftContent .sig img, .zone-layout .leftContent .post .sig img{max-width: 221px;}
	.zone-layout .leftContent .post font img{width: auto;}
}
@media (max-width: 768px) { 
	
	.img_side{width: calc(100% - 60px);margin: auto;}
	.img_side img{width: 100%;}
	.content_side, .block{width: 100%;}
	.block{margin-left: 0 !important;}
	.block{width: 100%;}
	.dd ul li a{float: none;margin-left: 0;}
	.dd ul li{margin-left: 0 !important;}
	
	.topBanner{width: 40%;} 
	.slider-container,.header-logo-section, .fullWidth,#footer, .our-firm-page, .site-map-page, .contacts-page, .zone-layout{padding: 0 25px;}
	.slider-container{align-items: center;}
	.bx-prev{left: -15px;} 
	.bx-next{right: -15px;}
	.buttons .left_button,.buttons .right_button{float: none;}
	#topnav ul.navi li a{margin-left: 10px;}
	#topnav ul.topRight, #topnav ul.navi{float: none;}
	#topnav ul.navi li a, #topnav ul.topRight li{float: none;}
	#topnav ul.navi{display: flex;}
	#topnav ul.topRight{
		display: flex ;
			justify-content: space-between;
			white-space: nowrap;
			padding: 0 15px;
	}
	#topnav ul.topRight li{margin-left: 0;}
	.our-firm-page{display: block;}
	.our-firm-page .sidebar{width: 100%;}
	.our-firm-page .sidebar .sidebarBody .widget table tbody{display: flex;flex-wrap: wrap;gap: 0 30px;}
	.our-firm-page .search input[type=text],.our-firm-page .leftContent{width: 100%;}
	.our-firm-page .sidebar .sidebarBody{background-image: none;}
	.our-firm-page .sidebar .first, .our-firm-page .search{margin-left: 0;}
	.our-firm-page .sidebar .widget{padding-left: 0;}
	
	.contacts-page, .contacts-page table, .contacts-page tr, .contacts-page td, .contacts-page tbody{display: block;}
	.contacts-page .sidebar{width: 100%;}
	.contacts-page .sidebar .sidebarBody .widget table tbody{display: flex;flex-wrap: wrap;gap: 0 30px;}
	.contacts-page .search input[type=text],.contacts-page .leftContent{width: 100%;}
	.contacts-page .sidebar .sidebarBody{background-image: none;}
	.contacts-page .sidebar .first, .contacts-page .search{margin-left: 0;}
	.contacts-page .sidebar .widget{padding-left: 0;}
	.contacts-page iframe, .contacts-page table{width: 100% !important;}
	.zone-layout{display: block;}
	.zone-layout .leftContent,
	.zone-layout .sidebar, 
	.zone-layout .sidebar .sidebarTop,
	.zone-layout .search,
	.zone-layout .search input[type=text]{width: 100%;} 
	.zone-layout .sidebar .sidebarBody{background-image: none;}
	.zone-layout .search, .zone-layout .widgetTitle{margin-left: 0;}
	
 }
 @media (max-width: 768px) {

 }
 @media (max-width: 676px) {  
	.slide{width: 90%;flex-direction: column;align-items: center;margin: auto;}
	.slide{display: block;        margin-bottom: 15px;}
	.imgBlock { width: 100%;	}
	.slider-container .bx-wrapper + div img{width: 100%;} 
	#topnav ul.navi li a{margin-right: 0;}
	.topBanner{width: auto;margin: 0;} 
	.our-firm-page .sidebar .sidebarBody .widget table tbody tr,
	.our-firm-page .sidebar .sidebarBody .widget table tbody td{display: block;width: 100%;}
	.our-firm-page .sidebar .sidebarBody .widget table tbody td .plaque li{font-size: 14px;line-height: 22px;}
	.left-boxContainer{width: 100% !important;}
	.site-map-page{display: block;}

	.site-map-page .sidebar{width: 100%;}
	.site-map-page .sidebar .sidebarBody .widget table tbody{display: flex;flex-wrap: wrap;gap: 0 30px;}
	.site-map-page .search input[type=text],.our-firm-page .leftContent{width: 100%;}
	.site-map-page .sidebar .sidebarBody{background-image: none;}
	.site-map-page .sidebar .first, .site-map-page .search{margin-left: 0;}
	.site-map-page .sidebar .widget{padding-left: 0;}
	.site-map-page .sidebar .sidebarBody .widget table tbody tr,
	.site-map-page .sidebar .sidebarBody .widget table tbody td{display: block;width: 100%;}
	.site-map-page .sidebar .sidebarBody .widget table tbody td .plaque li{font-size: 14px;line-height: 22px;}
	.site-map-page .post ul li{font-size: 14px;}
	.contacts-page  table tbody tr,
	.contacts-page  table tbody td{display: block;width: 100%;padding: 0 !important;}
	.contacts-page  table tbody td .plaque li{font-size: 14px;line-height: 22px;}
	.zone-layout .widget{padding-left: 0;}
 }
@media (max-width: 480px) {  
	.slider-container,.header-logo-section, .fullWidth,#footer,  .our-firm-page, .site-map-page, .contacts-page, .zone-layout{padding: 0 15px;}

}
@media (max-width: 375px){
	#topnav ul.navi li a{white-space: nowrap; margin-left: 5px;}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	
 }