@charset "utf-8";
/* CSS Document */
.bNrFixedText{padding-bottom:0 !important;}
.tabWrap{margin:75px auto 0}

a.menuBtn {z-index: 9994}
.hmbrgMenu{z-index: 9993}

@media screen and (max-width:50000px){
	.bNrFixedText{
	width:1000px;
	padding:0 0 125px;
	margin:0 auto;
	position:relative;
	}

	.bNrFixedText .nxt, .bNrFixedText .prv{
		top:37%;
	}
	.tabWrap {
    width: 1055px;
        }
        
        .es-practice-tab {
        	width:170px !important;
        }
        .es-news-tab {
        	width:212px  !important;
        }
        .es-conact-tab {
        	width:104px  !important;
        }

}

@media screen and (max-width:1145px){
	.searchBar{right:-142px;width:222px}
	.searchBar a{ margin-right:2px}
	.search .submit2{ right:-1px}
	
	.bNrFixedText{
		margin:0 auto;
		padding:0 0 65px;
		position:relative;
		width:710px;
	}
	
	.bNrFixedText .nxt, .bNrFixedText .prv{
		top:45%;
	}
	
}

@media screen and (max-width:1024px){
	body{min-width:inherit}
	.bgCarousel{min-width:inherit}
	.hDr,
	.bNrFixedText{
		width:100%;
		max-width:710px;
	}
	.bNrFixedText .prv{right:0}
	.bNrFixedText .nxt{left:0}
	.tabWrap{
		width:100%;
		max-width:700px;
	}
	.tabMenu li{
		width:112px;
		font-size:15px;
		margin-right:3.5px;
	}
	.tabMenu li:last-child{
		margin-right:0;
		float:right;
	}
	.tabMenu li a{padding-left:10px}
	.center{
		width:100%;
		max-width:710px;
	}
	.sideBarlft{
		width:21.19205298013245%; /* 192 / 906 */ 
		box-sizing:border-box;
	}
	.sideBarrgt{
		width:78.80794701986755%; /* 714 / 906 */ 
		box-sizing:border-box;
	}
	.prlayOut .sideBarrgt {
		width: 100%;
	}
	.bgCarousel ul li img{
		width: auto;
		position:relative;
		margin-left:-50%;
		left:50%;
	}
	.footer{
		width:100%;
		max-width:944px;
	}

	.es-vers li {
		font-size: 14px !important;
		width: 130px !important;
	}

	.es-vers .es-practice-tab {
        	width:144px !important;
        }
        .es-vers .es-news-tab {
        	width:192px  !important;
        }
        .es-vers .es-conact-tab {
        	width:90px  !important;
        }

        .en-news-tab {
        	width: 178px !important;
        }
        .address form#contact-form {
 	  	 	width: 410px;
		}
		.tabMenu li {
    		width: 132px !important;
    	}	
}
@media (min-width: 1025px) and  (max-width: 1080px){
	.topAddress, .biolayOut .center2{
		padding-left:0;
		padding-right:0;
	}
}
@media screen and (max-width:991px){
	#logoWrap{
		width:100%;
		max-width:300px;
		margin:0;
	}
	a.menuBtn{
		right:30px;
		top:30px;
	}
	.langBox{
		right:70px;
		top:38px;
	}
	.footer,
	.topAddress,
	.biolayOut .center2{
		padding-left:0;
		padding-right:0;
		box-sizing:border-box;
	}
	.sideBarlft{width:25%}
	.sideBarrgt{width:75%}
	.prlayOut .sideBarrgt {
		width: 100%;
	}
	.popup {
		margin: 20px auto;
		padding: 10px;
		width: 80%;
	}
	.biolayOut .center2 {
		padding-top: 0;
	}
}

@media screen and (max-width:767px){
	#logoWrap{max-width:300px}
	a.menuBtn{
		right:5px;
		top:25px;
	}
	.langBox{
		right:35px;
		top:34px;
	}
	.footer,
	.topAddress,
	.biolayOut .center2{
		padding-left:25px;
		padding-right:25px;
		box-sizing:border-box;
	}
	.biolayOut h1{font-size:40px}
	.topAddress p span{margin-right:10px}
	.topAddress .email, .topAddress .vcard{
		margin-left:0;
		padding-right:8px;
	}
	.biolayOut .bottom{	
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.biolayOut .sideBarlft,
	.biolayOut .sideBarrgt{
		width:100%;
		flex:0 0 100%;
		padding:15px 25px;
		float:none;
	}
	.biolayOut .sideBarlft{order:2}
	
	.tabMenu{display:none}
	.tabItem{
		display:block !important;
		position:relative;
	}
	.tabItem::after{
		width:14px;
		height:11px;
		display:block;
		background:url(../images/arrow.png) no-repeat left top;
		position:absolute;
		content:"";
		right:15px;
		z-index:2;
		top:17px;
	}
	.tabItem.active::after{background-position:left bottom}
	.tabItem::before{
		padding:11px 18px;
		position:relative;
		content:attr(data-title);
		border-top:1px solid #8a8a8a;
		background-color:#fff;
		line-height:20px;
		font-weight:500;
		font-size:19px;
		cursor:pointer;
		display:block;
		z-index:1;
	}
	.tabItem:first-child::before{border-top:none}
	
	.tabItem .tabCont{
		opacity:0;
		overflow:hidden;
		visibility:hidden;
		height:0;
	}
	.tabItem.active .tabCont{
		opacity:1;
		visibility:visible;
		height:auto;
	}
	
	.tabCont .ourFirm{padding:15px !important}
	.tabCont .accordion,
	.tabCont .line_accor{padding:0}
	.tabCont img{
		height:auto;
		max-width:100%;
		display:block;
		margin:auto;
	}
	.addressLft address{
		width:50% !important;
		padding:0 15px;
		box-sizing:border-box;
	}
	.tabCont .addressLft iframe{
		margin:0;
		height:290px !important;
		width:100% !important;
	}
	.topAddress p span.phoneFax{margin-right:0}
	.hmbrgMenu > ul{padding-top:30px}
	.bgCarousel, .bgCarousel ul{height:615px}
	.bNrFixedText .prv{right:15px}
	.bNrFixedText .nxt{left:15px}
	.bgCarousel ul li img{height:615px !important}

	#about-us .tabCont img {
		margin: 0 75px 10px 0;
	}

	#about-us .tabCont table img  {
		margin: 0 15px 10px 0;
	}
	.popup {
		margin: 20px auto;
		padding: 10px;
		width: 80%;
	}
}

@media screen and (max-width:639px){
	#logoWrap{max-width:200px}
	a.menuBtn{top:19px}
	.langBox{
		width:130px;
		top:30px;
	}
	.langBox li{padding-right:10px}
	.langBox li a, .langBox li span{
		margin-right:0;
		line-height:14px;
		font-size:12px;
	}
	.biolayOut h1{font-size:28px}
	.biolayOut span.title{
		margin:0;
		padding:5px 0;
		line-height:25px;
		font-size:20px;
	}
	.biolayOut .center2{padding-top:5%}
	.peopleList li{width:50%}
	.tabWrap{margin:10px auto 0}
	.bgCarousel,.bgCarousel ul{height:212px}
	.hDr{padding:0}
	.phoneFax{display:block}
	.bgCarousel ul li img{height:350px !important}
	.addr-list-right {
		float: none; 
		padding-left: 12px;
	}
	form#contact-form input {
		width: 324px;
	}
	form#contact-form select {
 	   width: 350px;
	}
	form#contact-form textarea {
    width: 327px;
	}
	form#contact-form fieldset legend {
		float: none;
	}
	form#contact-form fieldset p {
		margin-right: 40px;
	}
	form#contact-form fieldset.long  {
		margin-right: 25px;
	}
	.accorDtls {
		padding-right: 0;
	}

	#about-us .accorDtls table,
	#about-us .accorDtls table td {
		width: auto !important;
	}

	#about-us .accorDtls table.about-brc {
		width: 100% !important;
	}
	#about-us .accorDtls table.about-brc td {
		width: 50% !important;
	}

	.popup {
		margin: 20px auto;
		padding: 10px;
		width: 80%;
	}
}

@media screen and (max-width:479px){
	#logoWrap{
		max-width:200px;
		padding-left:5px;
	}
	#logoWrap a{display:block}
	.langBox{
		width:60px;
		top:12px;
	}
	a.menuBtn{
		right:2px;
		top:8px;
	}
	.biolayOut .center2{
		padding-top:0;
		padding-left:0;
		padding-right:0;
	}
	.biolayOut span.title,
	.biolayOut .center2 h1,
	.biolayOut .center2 p.intro{
		width:100%;
		padding:15px 25px 0;
		box-sizing:border-box;
		background-color:#000;
	}
	.biolayOut .center2 h1 br {content: ''; }
	.biolayOut .center2 h1 br:after {content: ' '; }
	.biolayOut .center2 h1 {padding:15px 25px 7px;color: #FFFFFF;}
	.biolayOut span.title{padding:0 25px 15px; color: #8c8c8c}
	.bioImg {top:-4px;}
	.peopleList li{
		width:100%;
		height:auto;
	}
	.peopleList li > a{
		height:320px;
		display:block;
	}
	.addressLft address{width:100% !important}
	.bgCarousel ul li img{height:350px !important}
	.langBox {
		box-sizing: border-box;
		padding: 0 15px;
		width: 100%;
		top:55px;
		right: 0;
	}
	.a-email {
		font-size: 9.5px;
	}
	.address form#contact-form {
	    width: 100%;
	}
	form#contact-form input {
		width: 270px;
	}
	form#contact-form select {
	    width: 293px;
	}
	form#contact-form textarea {
	    width: 272px;
	}

	.popup {
		margin: 20px auto;
		padding: 10px;
		width: 80%;
	}
}
@media (max-width: 750px){
	#logoWrap {padding: 0 0 0 25px;}
	.sideBarrgt{padding:5px 25px 0}
	.prlayOut .center h1 {
    padding: 0 0 0 25px;
}
	.prlayOut .center .bottom h1 {
    padding: 0;
}
}