/* Write Custom Css Here */

.contact-form .btn-wrapper {
  text-align:center;
}
.attorney-contact-form-wrap .btn-wrapper {
  text-align:center;
}
.pagination {
  justify-content:center;
}
.arcontactus-message-button.no-text {
  border: 2px solid var(--main-color-two);
}
.no-container i{
	color:var(--main-color-two);
}
.blog-content-area .post-meta li:last-of-type{
  padding-left:15px
}
.arcu-menu-header{
	background-color:var(--main-color-two) !important;
}
#languages_selector .dropdown-menu li[data-value="en"]::before {
  background-image: url('/assets/tenant/frontend/flags/1x1/us.svg');
}
#languages_selector .dropdown-menu li::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.language_dropdown .dropdown-menu li[data-value="vi"]::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
    background-position: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-image: url('/assets/tenant/frontend/flags/1x1/vn.svg');
  border-radius: 50%;
}
#languages_selector .dropdown-menu li {
  color: transparent;
  font-size: 0;
  cursor: pointer;
}
.dropdown-menu{
	display:flex;
}
.bulid-content-area .section-title span span span {
	font-weight:bold;
}
.copyright-area.style-03{
	opacity:.7;
}
/* ----------- Lang en -------------*/
[lang='en'] .procedure > div > div:first-child > div .text-left .title{
	color:transparent !important;
}
[lang='en'] .procedure > div > div:first-child > div .text-left .title::before{
	position:absolute;
  	content:'WORKING PROCESS' !important;
  	color:var(--main-color-two) ;
  	border-top:unset;
  	width:100% !important;
  	opacity:1;
}
[lang='en'] .dichvu > div > div:first-child .title{
	color:transparent !important;
}
[lang='en'] .dichvu > div > div:first-child .title::before{
	position:absolute;
  	content:'A & D TAX ACCOUNTING SERVICES' !important;
  	color:var(--main-color-two) ;
  	border-top:unset;
  	width:100% !important;
  	opacity:1;
  	font-size:30px;
}
[lang='en'] .procedure > div > div:first-child > div .text-left .title::before,
[lang='en'] .procedure > div > div:first-child > div .text-left .title::after{
	content:unset;
}
[lang='en'] .dichvu > div > div:first-child .title::before,
[lang='en'] .dichvu > div > div:first-child .title::after{
	content:unset;
}

[lang='en'] .news .section-title.gym .title::after{
	width:240px;
}
[lang='en'] .blog-content-area .container > .row > div:last-child::before{
	content:'Contact us';
}
[lang='en'] .blogView .listing::after{
	content:'Other services';
}
[lang='en'] .blogView .listing .row > div:last-child .title::before{
	content:'SERVICES';
}
[lang='en'] [data-layoutid="section"].section > .container > .row > div:last-child::before{
	content:'Contact us';
}
[lang='en'] .blog-details-content-area .recent_post_item li.single-recent-post-item .content .title::before {
	content:'SERVICE';
}
[lang='en'] .view_box1 .relate_title::before {
	content:'Related Services';
}
[lang='en'] .topbar-area .social-icon li:first-child a{
	position:relative;
  	color:transparent;
}
[lang='en'] .topbar-area .social-icon li:first-child a:hover{
	color:transparent;
}
[lang='en'] .topbar-area .social-icon li:first-child a:before{
	position:absolute;
  	color:white;
  	content:'CLEAR FINANCIAL, SUSTAINABLE DEVELOPMENT';
  	width:500px;
  	top: -4px;
}
[lang='en'] .topbar-area .social-icon li:nth-child(2) a{
	color:transparent;
  	position:relative;
}
[lang='en'] .topbar-area .social-icon li:nth-child(2) a:before{
	position:absolute;
  	color:white;
  	content:'SEND CONSULTATION REQUEST';
  	width:250px;
  	top: -4px;
}
[lang='en'] .topbar-area .social-icon li:nth-child(2):hover a:before {
	color:var(--main-color-two);
}
[lang='en'] .topbar-area .social-icon li:nth-child(3){
	padding-left:70px;

}
[lang='en'] .topbar-area .social-icon li:first-child{
	padding-right: 285px;
}

/* ----------------- ------- */
[data-layoutid="section"]  {
	padding-top: 1px !important;
}
.share-area.breadcrumb{
	z-index: -1;
    position: relative;
  	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.breadcrumb-area{
	padding: 45px 0 45px 0;
  	position:relative;
    background-image: linear-gradient(50deg, var(--site-gradient-one) 0%, var(--site-gradient-two) 100%);
}
.shape,.blog-details-content-area .custom-login{display:none}
.form-control:focus{    border: 1px solid #ddd;}
/* Thanh trên cùng */
.topbar-area .social-icon{
	padding-top:unset;
}

.topbar-area .social-icon li+li:hover a{
	color:var(--main-color-two);
}
.topbar-area .social-icon li a:hover{
	color:#fff;
}
.topbar-inner{
    padding: 5px 0;
}
.topbar-area .social-icon li a{
	font-size: 14px;
    font-family: 'Quicksand', sans-serif;
}
.topbar-area{
	background-color:var(--main-color-two);
}
.social-icon li:nth-child(-n+3) i{
	display:none;
}
.social-icon li:first-child {
    padding-right: 355px;
}
.social-icon li:nth-child(2){
	padding-right:15px;
}
.topbar-area .social-icon li a .lab, .topbar-area .social-icon li a .las{
	font-size:22px;
}
.topbar-area .left-contnet {
  display:flex;
  align-items:center;
}


.topbar-area .row > div {
    padding-right: 10px;
    padding-left: 10px;
}

.social-icon li a i {
	padding:unset;
}
.social-icon .la-phone-volume{
	display:block !important;
  	font-size: 17px !important;
    padding-right: 6px !important;
    padding-top: 2px !important;
}
.social-icon li:nth-child(3) a {
	display:flex;
  	font-weight:bold;
  	color:#ffc107;
}
.social-icon li:nth-child(3) a:hover{
	color:#ffc107;
}
/*----*/

.header-style-01 .navbar-area.nav-style-02{
	position:relative;
}

/* Ẩn nút tìm hiểu */
.header-style-01 .nav-right-content{
	display:none !important;
}

/*----*/

/* Menu */
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children::before{
	color:var(--main-color-two) !important;
}
.navbar-area .sub-menu .sub-menu{
	min-width: 360px !important;
}
.navbar-nav .sub-menu .sub-menu li a{
	padding:8px 22px !important;
}
.preloader > div > div {
	display:none;
}
.responsive-mobile-menu{
	padding-left:80px;
}
.right-contnet .user-account{
	display:none;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover > .sub-menu{
    border: 1px solid rgba(0, 0, 0, .1);

}

.navbar-area.nav-style-02 .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover{
	    background-color: var(--main-color-two);
}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before{
	color: var(--main-color-two);
}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.current-menu-item a{
	color:unset;
}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before{
	color: #7d7d7d;
}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover a{
	color: var(--main-color-two);
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li + li{
	margin-left:5px;
}

.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a{
	padding:20px 15px;
  	color: var(----paragraph-color);
  	letter-spacing: 0px;
    text-transform: none;
    font-weight: bold;
  	font-size:18px;
}
.header-style-01 .navbar-area.nav-style-02{
	background-color:#fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.navbar-area .navbar-nav > li:nth-child(3) a{
	background-color:var(--main-color-two);
  	padding:8px 10px 8px 10px !important;
  	color:#fff !important;
  	border-radius:10px;	
  	font-weight:normal !important;
  	margin-left:20px;
}


/*----*/


/*-- Footer--*/
.about_us_widget .footer-logo{
	display:none;
}
.footer1 ul li a{
	display:flex;
  	color: #000;
    font-size: 16px;
}
.footer1 ul li i{
  	font-size: 18px !important;
}
.footer1 ul li{
	padding:unset;
  	margin:unset;
  	margin: 3px 0;
}
.footer1 ul li a span{
	text-align:left;
  	padding-left:10px;
}
.footer1 ul li:first-child{
	margin-left:10px
}
.footer1 .widget_nav_menu p {
    font-size: 20px;
    font-weight: bold;
    color: #000;
  	margin-bottom:8px;
} 
.widget.widget_nav_menu ul li{
	margin:7px 0 0 0;
}
.footer1 .social_share.style-01 li:nth-child(2){
    padding-top: 12px;
}
.footer1 .social_share.style-01 li:nth-child(2) a i{
padding-top: 4px;
}
.footer1 .social_share.style-01 li:nth-child(2),.footer1 .social_share.style-01 li:nth-child(4){
	margin-top:-3px !important;
}
.footer1 .social_share.style-01 li:nth-child(3){
	margin-top:12px !important;
}
.footer1 .social_share.style-01 li:nth-child(4) span {
	padding-top:2px;
}
.footer1 .footer-widget{
	display:none;
}
.footer1 .widget .social_share.style-01 li a:hover{
	color:var(--main-color-two) !important;
}
.footer1 .social_share.style-01 li:nth-child(2) span {
	line-height:22px;
}
/*------------------------*/

/*----------Sibar contact--------------*/
.all_contact .form {
	flex:0 0 100%;
  	max-width:100%;
      background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  	padding-top: 30px;
}
.all_contact .title{
	display:none;
}
 .all_contact .contact-form .btn-wrapper .submit-btn{
	background-image: linear-gradient(50deg, #057ea3 0%, #167fd3 100%);
    border: none;
    padding: 12px 40px;
    color:#fff;
    border-radius: 5px;
  	margin-bottom: 20px;
    cursor: pointer;
   	
}
[lang='en'] .all_contact .contact-form .btn-wrapper .submit-btn{
	position:relative;
  	color: transparent;
}

[lang='en'] .all_contact .contact-form .btn-wrapper .submit-btn:before{
	position:absolute;
  	content:'Send information';
  	left:17%;
  	color:#fff;
}
.all_contact .contact-inner-area .contact-form .form-group .form-control{
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
/*------------------------*/
.banner{
	margin-top:-5px;
}
/*----------Các liên kết--------------*/
[lang='en'] .widget.widget_nav_menu ul li:first-child a:hover {
	color:transparent !important;
}
[lang='en'] .widget.widget_nav_menu ul li:first-child:hover a:before{
	color:var(--main-color-two) !important;
}
[lang='en'] .footer-area .container .row > div:first-child .widget.widget_nav_menu ul li:first-child a{
	position:relative;
  	color:transparent;
}
[lang='en'] .footer-area .container .row > div:first-child .widget.widget_nav_menu ul li:first-child a:before{
	content:'\f1ad  135/6 Nguyen Van Luong, Ward 10, District 6, HCMC';
  	position:absolute;
	color:#fff;
  	text-align:left;
  	font-family:'Line Awesome Free';
}
[lang='en'] .footer1 .social_share.style-01 li:nth-child(2) a:hover{
	color:transparent !important;
}
[lang='en'] .footer1 .social_share.style-01 li:nth-child(2) a{
	position:relative;
  	color:transparent;
}
[lang='en'] .footer1 .social_share.style-01 li:nth-child(2):hover a:before{
	color:var(--main-color-two);
}
[lang='en'] .footer1 .social_share.style-01 li:nth-child(2) a:before{
	content:'\f279   Floor M, Central Park Building, 208 Nguyen Trai, Pham Ngu Lao Ward, District 1, HCMC';
  	position:absolute;
	color:#fff;
  	text-align:left;
  	font-family:'Line Awesome Free';
}
.link ul li a{

	 color: #000 !important;
    font-size: 16px !important;
}
.link ul li{
	margin:8px !important;
  	padding:1px 0 !important;

}
.link .widget-title{
	color:#000 !important;
    margin-top: -5px;
    font-size: 23px;
  	margin-bottom: 5px;
}
.footer-area .widget.footer-widget ul li a:hover{
	color:var(--main-color-two) !important;
}

/*------------------------*/

/*------------4 trang blog------------*/
.blog-content-area .single-blog-grid{
	display:flex;
}
.blog-content-area .thumb{
    flex: 0 0 28%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.blog-content-area > div > .row > div:first-child .content {
	flex: 0 0 72%;
  	padding-left:15px;
    display: flex;
    flex-direction: column;
}
.blog-content-area .thumb img{
	padding: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-content-area .blog-content-listing > div {
	flex:0 0 100%;
  	max-width: 100%;
}
.blog-content-area > div > .row > div:first-child .content .post-meta{
	padding:10px 0 0 0;
  	margin-bottom:unset;
  	color:#000;
}
.blog-content-area{
	padding-top:20px !important;
}
.blog-content-area > div > .row > div:first-child .post-meta {
	order:2;
}
.blog-content-area > div > .row > div:first-child .title {
	order:1;
  	padding-top:8px;
  	font-weight:bold;
}
.blog-content-area .description {
	order:3;
  	color:#000;
}
.blog-content-area .content > a{
	display:none;
}
.blog-content-area .attorney-contact-form .form-group .form-control{
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.blog-content-area .sidebar-widget{
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.blog-content-area .attorney-contact-form-wrap{
    background-color: #f9f9f9;
  	padding:unset;
}
.blog-content-area #contact_form_btn{
    border: none;
    padding: 12px 40px;
    color: #fff;  	
    border-radius: 5px;
    cursor: pointer;
    background-image: linear-gradient(50deg, #057ea3 0%, #167fd3 100%);
}
[lang='en'] .blog-content-area #contact_form_btn{
	position:relative;
   	color: transparent;
}
[lang='en'] .blog-content-area #contact_form_btn:before{
	position:absolute;
  	color:#fff;
  	content:'Send information';
  	left:17%;
}
.blog-content-area #contact_form_btn:hover{
	background-image: linear-gradient(50deg, #167fd3 0%, #057ea3 100%);
}
.blog-content-area .row > div:last-child .recent_post_item li + li{
	margin-top:0;
}
.blog-content-area .row > div:last-child ul li {
	margin:0;
}
.blog-content-area > div > div > div:last-child .widget-title{
	color:var(--main-color-two);
  border-bottom: 2px solid var(--main-color-one);
  font-size: 22px;
}
.blog-content-area > div .row > div:last-child .single-recent-post-item{
    flex-direction: column;
  	width:unset;
  	height:unset;
}
.blog-content-area > div > .row > div:last-child .single-recent-post-item .thumb{
	flex:0 0 100%;
  	max-width:100%;
  	width:unset !important;
  	height:unset !important;
  	border-radius:unset;
  	margin:unset;
}

.blog-content-area > div > .row > div:last-child .single-recent-post-item .content {
	flex:0 0 100%;
  	max-width:100%;
}
.blog-content-area > div > .row > div:last-child .thumb img{
	padding:unset;
}
.blog-content-area > div > .row > div:last-child .content{
	padding-left:unset;
}
.blog-content-area > div > .row > div:last-child .content .title{
    font-size: 18px;
    font-weight: 600;
    max-width: 100%;
  	position:relative;
  	padding-top:30px;
}
.blog-content-area > div > .row > div:last-child .content .title:before{
	content: 'DỊCH VỤ';
  	position: absolute;
  	top: 0;
  	left: 0;
  	font-size: 10px;
  	background-color: rgba(0,0,0,.3);
  	color: white;
  	margin-top: 6px;
  	padding: 0 6px;
  	border-radius: 2px;
}
.blog-content-area > div > .row > div:last-child .content .title:hover{
	color:var(--main-color-two);
}
.blog-content-area > div > .row > div:last-child .content .title:hover a{
	color:var(--main-color-two);
}
.blog-content-area > div > .row > div:first-child .title:hover a{
	color:var(--main-color-two);
}
.blog-details-content-area .entry-footer{
	padding:10px 0 0 0;
}
.blog-content-area .container > .row > div:last-child,
.blog-details-content-area .container > .row > div:last-child
{
	position:relative;
}
.blog-content-area .container > .row > div:last-child:before
{
	position: absolute;
  	content: 'Liên hệ với chúng tôi';
  	top: 10px;
  	left: 45px;
  	font-size: 22px;
  	color: var(--main-color-two);
  	font-weight: bold;
  	border-bottom: 2px solid var(--main-color-one);
  	line-height: 34px;
  	width: 76%;
}
[data-layoutid="section"].section > .container > .row > div:last-child{
	position:relative;
}
[data-layoutid="section"].section > .container > .row > div:last-child:before{
	position: absolute;
  	content: 'Liên hệ với chúng tôi';
  	top: 20px;
  	left: 30px;
  	font-size: 22px;
  	color: var(--main-color-two);
  	font-weight: bold;
  	border-bottom: 2px solid var(--main-color-one);
  	line-height: 34px;
  	width: 84%;
  	z-index:1;
}
[data-layoutid="section"].section .form .contact-form{
	padding-top:30px !important;
}
.blog-details-content-area .container > .row > div:last-child:before
{
	position: absolute;
  	content: 'Liên hệ với chúng tôi';
  	top: 10px;
  	left: 35px;
  	font-size: 22px;
  	color: var(--main-color-two);
  	font-weight: bold;
  	border-bottom: 2px solid var(--main-color-one);
  	line-height: 34px;
  	width: 81%;
}
.blog-content-area .sidebar-widget, .blog-details-content-area .attorney-contact-form-wrap{
	padding-top:45px !important;
}
/*------------------------*/

/*----------test footer--------------*/
.footer-area .container .row > div:nth-child(4) > div:first-child,
.footer-area .container .row > div:nth-child(4) > div:last-child p
{
	display:none;
}
[lang='en'] .footer-area .container .row > div:nth-child(4){
	margin-top:-85px;
}
.footer-area .container .row > div:nth-child(4){
	margin-top:-35px;
}
.footer-area .la-facebook-f:hover, .footer-area .la-qrcode:hover{
    color:var(--main-color-two);
  	border:1px solid var(--main-color-two)
}
.footer-area .la-qrcode{margin-left:6px}
.footer-area .la-facebook-f, .footer-area .la-qrcode{
	color: #fff;
  	border: .5px solid aliceblue;
  	padding: 5px;
  	border-radius: 5px;
  	transition: .3s ease-in-out;
}
.footer-top.style-04{
    background-color: rgb(21, 43, 79);
  	padding-top:45px;
}
.footer1 .widget_nav_menu p{
	color:#fff;
}
.footer1 ul li a{
	color:#fff ;
}
.link .widget-title{
	color:#fff !important;
}
.link ul li a{
	color:#fff !important;
}
.copyright-area{
	padding: 4px 0;
}
.footer-area .link a {
	position:relative;
}
.footer-area .link a:before{
    content: "\27A7";
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    opacity: 0.8;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position: absolute;
    left: -16px;
    top: -6.5px;
}
/*------------------------*/

/*------------Chi tiết dịch vụ------------*/
.blog-details-content-area{
    text-align: justify;
}

.blog-details-content-area p{
    color: #000 !important;	
}
.blog-details-content-area h3{
    font-size: 26px;
    color: #000;
}
.blog-details-content-area h2{
	color: #000;
    font-size: 22px;
}
.blog-details-content-area .single-post-details-item .title{
    color: #000;
  	font-weight:bold;
  	position:relative;
    padding-bottom: 6px;
}
.blog-details-content-area .single-post-details-item .title:after{
	content: '';
    position: absolute;
    width: 12%;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid rgb(174 174 174);
}
.blog-details-content-area .single-post-details-item .content-area{
	padding-top:unset;
}
.blog-details-content-area .single-post-details-item .post-meta li{
	color: #000;
}
.blog-details-content-area .row:last-child .widget{
	padding:unset;
    border-radius: 8px;
}

.blog-details-content-area .row:last-child .attorney-contact-form-wrap{
	padding:20px;
}
.blog-details-content-area .attorney-contact-form-wrap{
	background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.blog-details-content-area .form-control{
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset
}
.blog-details-content-area #contact_form_btn{
    background-image: linear-gradient(50deg, #057ea3 0%, #167fd3 100%);
    border: none;
    padding: 12px 40px;
  	color: #fff;
  	border-radius:5px;
      cursor: pointer;

}
[lang='en'] .blog-details-content-area #contact_form_btn{
  	position:relative;
  	color: transparent;
}
[lang='en'] .blog-details-content-area #contact_form_btn:before{
	position:absolute;
  	content:'Send information';
  	color:white;
  	left:17%;
}
.blog-details-content-area #contact_form_btn:hover{
    background-image: linear-gradient(50deg, #167fd3 0%, #057ea3 100%);
}

.blog-details-content-area .row >div:last-child > div:last-child {
	background-color: #F3F7FF;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  	padding:20px;
}
.blog-details-content-area .row >div:last-child > div:last-child > h4{
	color:var(--main-color-two);
  	border-bottom:2px solid var(--main-color-one);
  	font-size: 22px;
}

.blog-details-content-area .widget .recent_post_item li.single-recent-post-item{
    flex-direction: column;
}
.blog-details-content-area .widget .recent_post_item li.single-recent-post-item .thumb{
	width: 100%;
    height: auto;	
}
.blog-details-content-area .recent_post_item li.single-recent-post-item .content .title{
    max-width: 100%;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    color: #000;
  	position:relative;
    padding-top: 34px;
}
.blog-details-content-area .recent_post_item li.single-recent-post-item .content .title:before{
	content:'DỊCH VỤ';
  	position:absolute;
  	top:0;
  	left:0;
    font-size: 10px;
    background-color: rgba(0,0,0,.3);
    color: white;
    margin-top: 6px;
    padding: 0 6px;
    border-radius: 2px;
}
.blog-details-content-area.widget .recent_post_item li + li{
	margin-top:unset;
}
.blog-details-content-area .widget ul li{
	padding:unset;
}
.blog-details-content-area .recent_post_item li.single-recent-post-item .content .title a{
	font-size:17px;
}
.blog-details-content-area .recent_post_item li.single-recent-post-item .content .title a:hover{
	color:var(--main-color-two);
}
.blog-details-content-area h1, .blog-details-content-area h2,.blog-details-content-area h3,
.blog-details-content-area h4,.blog-details-content-area h5,.blog-details-content-area h6,
.blog-details-content-area li
{
	color:#000;
}

/*------------------------*/

/*-----------Blog view-------------*/

.blog-view .content_details{
	text-align:justify;
}
.view_box1 .row > div >  .details {
	display:none;
}
.view_box1{
	padding-left:15px;
  	padding-right:15px;
}
.view_box1 > div {
	padding-left:0;
  	padding-right:0;
}

/*------------------------*/
[lang='en'] .blog-details-content-area .container > .row > div:last-child:before{
	content:'Contact us';
}
.box1{display:none}
.breadcrumb-area {
	padding: 6% 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://ketoanad.com/assets/tenant/uploads/media-uploader/ketoanad/bn11730103497.jpg);
}
.shape{display:none}
.box1 .row.content > div {
	max-width:100%;
  	flex:0 0 100%;
}
.box1 .single-blog-grid-01{
	display:flex;
}
.box1 .news-date{
  	display:none;
}
.box1 .image {
	width:234px;
  	height:144px;
}
.box1 img{
	height:100%;
  	object-fit:cover;
}
.box1 .row .content{
	margin:auto;
  	padding:0 20px 0 20px;
}
.box1 .content .title{
    color: #000;
  	font-weight:bold;
  	position:relative;
}
.box1 .content .title:after{
  	content: '';
    position: absolute;
    width: 12%;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid rgb(174 174 174);
}
.box1 .description{
	color: #000;
    font-size: 14px;
}
.box1 .content .title:hover a, .box2 .content .title:hover a,
.box1 .content .title:hover, .box2 .content .title:hover
{
	color:var(--main-color-two) !important;
}
.box1 .single-blog-grid-01{
	margin-bottom:50px;
}

.section{
	padding-top:70px;
}
.box2 .news-date{
	display:none;
}
.box2 .row.content > div, .box2 .justify-content-center > div{
	flex:0 0 100%;
  	max-width:100%;
}
.box2 .section-title.gym .title{
	font-size: 26px;
    line-height: 34px;
    border-bottom: 2px solid var(--main-color-one);
    color: var(--main-color-two);
    text-align: left;
}
.box2 .container {
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
.blog-view h2,.blog-view p, .blog-view td{
	color:#000;
}
.view_box1 h3, .view_box1 li{
	color:#000;
}
.box2 .thumb img{
	border-radius:unset;
}
.box2 .content .title{
	position:relative;
  	padding-top:30px;
  	color:#000;
  	font-weight:bold;
  	font-size:20px;
}
.box1 .content .title a{
	padding-bottom:6px;
}
.box2 .content{
	padding:unset ;
}
.box2 .content .title:before{
    content: 'DỊCH VỤ';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    background-color: rgba(0, 0, 0, .3);
    color: white;
    margin-top: 6px;
    padding: 0 6px;
  	height:20px;
  	line-height:21px;
    border-radius: 2px;
}
.box2 .content .title:after{
    content: '';
    position: absolute;
    width: 12%;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid rgb(174 174 174);
}
.box2 .section-title.gym{
	padding-bottom:unset;
}
.box2 .description{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  	color: #000;
    font-size: 14px;
}

.view_box1 .image{
    width: 234px;
    height: 144px;
}
.view_box1 img{
    border-radius: 10px;
    width: 100%;
}
.view_box1 .title{
    color: #000;
    font-weight: bold;
    font-size: 24px;
    line-height: 25px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  	padding-bottom:3px;
}
.view_box1 .details > div {
	padding-left:0;
  	padding-right:0;
}
.view_box1 .title:hover{
	color:var(--main-color-two);
}
.view_box1 .title:after{
	content: '';
    position: absolute;
    width: 12%;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid rgb(174 174 174);
}
.view_box1 .content{
	font-size:14px;
  	color:#000;
  
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.view_box1 .listing .row > div:first-child{
	flex: 0 0 30%;
    max-width: 30%;
}
.view_box1 .listing .row > div:last-child{
	flex: 0 0 70%;
    max-width: 70%;
  	padding:0 30px 0px 60px;
}
.view_box1 .relate_title{
	position:relative;
  	color:transparent;
  	margin-bottom: 30px;
  	
}
.view_box1 .relate_title:before{
	position:absolute;
  	content:'Dịch vụ liên quan';
  	color:var(--main-color-two);
  	font-size: 26px;
  	font-weight: bold;
    border-bottom: 2px solid var(--main-color-two);
    padding-bottom: 3px;
    width: 230px;
    padding-left: 7px;
}
.view_box1 .listing > div {
	padding-bottom:40px;
  	padding-left:0;
  	padding-right:0;
}
.view_box1 h4{
	color:#000;
}
.view_box1 .row.details .title:hover{
	color:#000
}
.blog-view.view_box1 .image {
	width:234px;
  	height:auto;
}
.blog-view.view_box1 .content_details img{
	height:auto;	
}
.blog-view.view_box1 .details .image {
	width:100%;
}
.thue img{
	width:100%;
}
.thue .social-share{
	display:flex;
  	color:#000;
  	padding-left:0;
}
.thue h3{
	color:#000;
}
.thue h2{
	line-height:1.2
}
.thue .details img {
	border-radius:10px;
}

.page-item.active .page-link{
	background-color: var(--main-color-two);
    border-color: var(--main-color-two);
}
.page-link{
	color:var(--main-color-two)
}

/*------------*/
.blogView .listing .row > div {
	flex: 0 0 100%;
    max-width: 100%;
  	padding-top:30px;
}
.blogView .listing{
	position:relative;
    padding-top: 40px;
}
.blogView .listing:after{
    content: 'Dịch vụ khác';
    position: absolute;
    top: 0;
    left: 15px;
    font-size: 26px;
    line-height: 34px;
    border-bottom: 2px solid var(--main-color-one);
    color: var(--main-color-two);
    text-align: left;
    font-weight: bold;
    width: 90%;
}
.blogView .listing .row > div:last-child .title{
	position:relative;
    padding-top: 32px;
    font-weight: bold;
    color: #000;
    font-size: 20px;
    padding-bottom: 4px;
}
.blogView .listing .row > div:last-child .title:after{
    content: '';
    position: absolute;
    width: 12%;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid rgb(174 174 174);
    padding-bottom: 4px;
}
.blogView .listing .row > div:last-child .title:before{
    content: 'DỊCH VỤ';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    background-color: rgba(0, 0, 0, .3);
    color: white;
    margin-top: 6px;
    padding: 0 6px;
    height: 20px;
    line-height: 21px;
    border-radius: 2px;
}
.blogView .container{
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    padding: 20px;
}
.blogView .listing .row > div:last-child{
    padding-top: 5px;
}
.blogView .listing .row > div:last-child .content{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000;
    font-size: 14px;
}
.blogView .listing .row > div:last-child > .details {
	display:none;
}
.blogView .listing .row > div:last-child .title:hover{
	color:var(--main-color-two);
}
.blogView .details,  .blogView .relate_title{
	display:none;
}
/*-----------*/
[lang='en'] .contact .single-contact-item-02 .icon{
	display:none;
}
[lang='en'] .contact .single-contact-item-02 .content .details{
	font-size:18px;
}
/**css tuy chinh rieng cho tung trang**/
.thue .title:hover{
	color:var(--main-color-two);
}
.thue .listing > div {
	margin-bottom:30px;
}
.thue .listing.relate img{
	border-radius:4px;
}
.thue .listing img {
	height: 100%;
    object-fit: cover;
    width: 100%;


}

.thue .listing .row > div:first-child {
	max-width:28%;
  	flex: 0 0 28%;
}
.thue .listing .row > div:last-child{
	max-width:72%;
  	flex: 0 0 72%;
  	padding-top:10px;
}
.thue .section-title .title{
    font-weight: bold;
    color: var(--main-color-two);
  	position:relative;
  	margin-bottom:34px;
}
.thue .section-title .title:before{
	content: '';
    display: block;
    width: 140px;
    height: 2px;
    background-color: var(--main-color-two);
    position: absolute;
    bottom: -2px;
    left: 0;

}
.thue .listing .row .title a {
    font-weight: bold;
    color: #000;
    font-size: 22px;
}
.thue .listing .row .content{
	font-size:14px;
  	color:#333333;
}

.thue .listing .row > div:last-child > a{
    position: relative;
    color: transparent;
}

.thue .title{
	font-size:19px;
  	font-weight:bold;
    position:relative;
  	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.thue .listing .image {
	height:190px;
  	padding: 6px;
  	border: 1px solid rgba(0,0,0,.1);
}
.thue .listing .row > div:last-child > .btn-action.details:before {
    content: "Xem thêm";
    position: absolute;
  	width:100px;
    background-color:var(--main-color-two);
  	color:#fff;
    padding: 6px 10px 6px 18px;
  	margin-top:30px;
}
.thue .listing .row > div:last-child > a:hover:before{
	background-color:#3072d0;
}
.thue .listing .row .title a:hover{
	color:var(--main-color-two)
}





.thue{position:relative}
.thue > .container > .row.details{
	max-width:66.6666%;
}
.thue > .container > .row.relate{
	width:33.3333%;
    position: absolute;
    top: 65px;
    right: 30px;
    background-color: #f5f5f5;
  	padding-top:30px;
  	border-bottom-left-radius:4px;
  	border-bottom-right-radius:4px;
}
.thue .relate .image{
	height: auto;
    width: 100%;
    padding: unset;
    border: unset;
}
.thue .relate .row .title a{
	font-size: 18px;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 .thue .relate > div > .row > div > .details{
	display:none;
}

.thue .relate > div > .row .content{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.thue .container {
    position: relative;

}
.thue .relate .row > div:first-child{
	max-width: 100%;
    flex: 0 0 100%;
}
.thue .relate .row > div:last-child{
	max-width: 100%;
    flex: 0 0 100%;
  	padding-top:15px;
}
.view_box1 .social-share{
	display:flex;
  	padding-left:0;
}
button:focus{
	outline:none;
}
.thue .relate > div{
	padding-left:unset;
  	padding-right:unset;
}

.thue .relate {
	padding-left:15px;
  	padding-right:15px;
}

.thue .relate_title{
    width: 33.3333%;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 0;
    font-weight: bold;
    color:transparent;
    font-size: 26px;
    background-color: #f5f5f5;
    height: 40px;
    padding: 20px 10px 40px;
  	border-top-left-radius: 4px;
  	border-top-right-radius: 4px;
}
.thue .relate_title::before {
	content: "Tin liên quan";
  	display: block;
  	font-weight: bold;
  	font-size: 26px;
  	color: var(--main-color-two);
  	border-bottom: 2px solid #ed265a;
  	width: 100%;
  	padding-bottom: 4px;
  
}

.breadcrumb-area .breadcrumb-inner ul.page-list {
    position: absolute;
    bottom: -52px;
    list-style: none;
    display: flex;
    font-size: 16px;
  	align-items:center;
    padding-left: 0;
    z-index: 2;
	overflow:hidden;
}

.breadcrumb-area ul li {
	margin-right:36px;
}
.breadcrumb-area .page-list li, .breadcrumb-area .page-list li a{
	color:#333333;
  	font-size:16px;
}
.breadcrumb-area .breadcrumb-inner ul.page-list li:not(:last-child):before {
    position: absolute;
    right: -28px;
    transform: translateY(-50%);
    top: 50%;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    content: "\f101";
    color: #b5b3b3;
    font-family: "fontawesome";
}

.breadcrumb-area.contents .page-list li:first-child a{
	padding-left:1px;
}

.breadcrumb-area .page-list li:after{
	content:'';
}
.breadcrumb-area .page-list li{
	padding-left:0;
}

.breadcrumb-area .page-list li:first-child a {
	color:var(--main-color-two);
}
.breadcrumb-area .page-list li:nth-child(2) a:hover {
	color:var(--main-color-two);
}

.footer-area .social_share > li:nth-child(4){
	position: relative;
	top: -10.1px;
    left: -12px;
}

.contact-inner-area .contact-form .btn-wrapper .submit-btn:hover{
	background-image: linear-gradient(50deg, #167fd3 0%, #057ea3 100%);
}
@media screen and (max-width:1920px){
  .banner .item {
  	height:573px !important;
  }
  [lang='en'] .header-area.header-social .header-inner .title{
  	 font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .banner .container_header > div{
  	max-width:76% !important;
  }
  .banner .container_header{
  	left:19.5% !important;
  }
  .header-area.header-social .header-inner .title{
  	margin-bottom:10px;
    font-size:36px;
    font-weight:bold;
    line-height:36px;
  }
}
@media screen and (max-width:1440px){
  .banner .container_header{
  	left:9% !important;
  }
  .banner .container_header > div {
        max-width: 50% !important;
    }
    [lang='en'] .banner .container_header > div {
        max-width: 66% !important;
    }
  .header-area.header-social .header-inner .title{
  	font-size:36px !important;
    margin-top:10px;
  }
  .thue > .container > .row.details{
  	  max-width: 66.66666% !important;
  }
  .banner .item {
  	height:430px !important;
  }
  .thue .relate_title{
        right: 15px !important;
        max-width: 33.3333% !important;
        top: 10px !important;
  }
  .thue > .container > .row.relate{
		max-width: 33.3333% !important;
        right: 30px !important;
        top: 60px !important;
  }


  .header-area.header-social .header-inner .title{
  	font-size:46px;
    margin-bottom:10px;
  }
  
}
	
@media screen and (min-width:991px) and (max-width:1200px){
  .footer-area .container .row > div:nth-child(4) {
  margin-top: -15px;
}
  [lang='en'] .social-icon li:first-child{
  	padding-right:100px !important;
  }
  .topbar-area ~ .header-style-01 nav.navbar.active{
  	margin-top:-50px !important;
  }
  [lang="en"] .procedure > div > div:last-child > div:nth-child(1) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(2) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(3) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(4) .work-single-item{
	height:350px !important;
}
  .blog-details-content-area .container > .row > div:last-child:before{
  	width: 78%;
  }
  .blog-content-area .container > .row > div:last-child:before{
  	width: 72%;
  }
  [data-layoutid="section"].section > .container > .row > div:last-child:before
  {
  	width: 81%;
  }
  .procedure > div > div:last-child > div:nth-child(1) .work-single-item,
  .procedure > div > div:last-child > div:nth-child(2) .work-single-item
  {
  	margin-bottom:40px
}
  .procedure .work-single-item .content .utility-para{
  	height:102px !important;
  }
  .banner .container_header{
  	left:1% !important;
  }
  .banner .container_header > div{
  	max-width:55% !important;
  }
  [lang="en"] .banner .container_header > div{
  	max-width: 66% !important;
  }
  [lang="en"] .header-area.header-social .header-inner .title{
  	font-size:28px !important;
    line-height:20px !important;
  }
  .header-area.header-social .header-inner .title{
  font-size: 32px !important;
    margin-bottom: 1px;
    font-weight: bold;
    line-height:32px;
  }
  [lang="en"] .header-area .subtitle{
  	letter-spacing:unset;
  }

   .banner .item {
  	height:306px !important;
  }
  .dichvu >div > div:first-child .title:before, .dichvu >div > div:first-child .title:after{
  	width:28% !important;
  }
  .procedure > div > div:first-child >div .text-left .title:before, .procedure > div > div:first-child >div .text-left .title:after{
      width: 30% !important;
  }
  .thue .relate_title{
        right: 15px !important;
        max-width: 33.3333% !important;
        top: 10px !important;
  }
  .thue > .container > .row.relate{
        max-width: 33.3333% !important;
        right: 30px !important;
  }
  .view_box1 .listing .row > div:last-child{
  		padding: 0 0 0px 90px;
  }
  .breadcrumb{
  	background-color:white !important;
  }
  .procedure > div > div:last-child > div:nth-child(2) .work-single-item, {
      padding-bottom: 35px !important;
      margin-bottom:20px;
  }
  .procedure > div > div:last-child > div:nth-child(3){
        padding-bottom: 35px !important;
      margin-bottom:20px;
  }
  .procedure .work-single-item .content .utility-para{
  	padding: 0 60px;
  }
  .procedure > div > div:last-child > div {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a{
      padding: 20px 8px;
  }
  .responsive-mobile-menu {
    padding-left: unset;
}
  .social-icon li:nth-child(2){
  		padding-left:unset;
  }
  .social-icon li:first-child{
      padding-right: 180px;
  }
}

@media screen and (min-width:768px) and (max-width:990px){
  .title > div > div{
  	padding:unset !important;
  }
  .footer1 .social_share.style-01 li:nth-child(2){
  	height: 40px;
  }
    [lang="en"] .footer-area .container .row > div:nth-child(4) {
    margin-top: -320px !important;
  }
  .footer1 .social_share.style-01 li:nth-child(4){
  	margin-top:0 !important;
  }
  .footer-area .container .row > div:nth-child(4) {
  margin-top: -105px;
}  
  [lang="en"] .footer-area .container .row > div:nth-child(4) {
  margin-top: -105px;
}
  [lang="en"] .topbar-area .social-icon li:first-child {
  padding-right: 35px !important;
}
  [lang="en"] .banner .container_header > div{
  	max-width:80% !important;
  }
  [lang="en"] .header-area.header-social .header-inner .title{
  	margin-bottom:1px !important;
  }
  [lang="en"] .header-area .subtitle{
  	padding-left:40px;
  }
  [lang="en"] .header-area .subtitle::after{
  width:30px;
  }
    [lang="en"] .procedure > div > div:last-child > div:nth-child(1) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(2) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(3) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(4) .work-single-item{
	height:370px !important;
}
  .header-area .subtitle::after{
  	width:30px;
  }
  .social-icon li:first-child{
  	padding-right: 105px;
  }
  .social-icon li:nth-child(2){
  	display:none;
  }
  [data-layoutid="section"].section > .container > .row > div:last-child:before{
  	width:79%;
  }
  .blog-content-area .container > .row > div:last-child:before{
  	width: 87.5%;
  }
  .navbar-area .nav-container .navbar-collapse{
  	padding-top:60px;
  }
  .banner .container_header{
    left: .2% !important;
  }
  .banner .container_header > div{
  max-width: 59% !important;
  }
   .banner .header-inner .title.style-01 {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top:5px;
  }
  .banner .subtitle{
  	font-size:13px;
    letter-spacing:unset;
    margin-bottom:.1rem;
    padding-left:40px;
  }
    .banner .item {
  	height:229px !important;
  }
  .navbar-area .nav-container .navbar-collapse{
  	top:2% !important;
  }

    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
  	border-bottom:unset;
  }
.procedure > div > div:first-child >div .text-left .title:before, .procedure > div > div:first-child >div .text-left .title:after{
      width: 24% !important;
  }
  .dichvu >div > div:first-child .title:before, .dichvu >div > div:first-child .title:after{
      width: 20% !important;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover a{
  	color:#fff;
  }
  .news .single-blog-grid-01 .content .title a{
      display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .container .row > .column:last-child{
          flex: 0 0 40%;
        max-width: 40%;
  }
  .container .row > .column:first-child{
        flex: 0 0 60%;
        max-width: 60%;
  }

  .news .section-title.gym{
  	padding-bottom: 15px !important;
            padding-top: 40px;
  }
  	    .thue > .container > .row.details {
        max-width: 100% !important;
    }
  .thue > .container > .row.relate{
          margin-top: 20px;
  }
  .thue .listing .row .title a{
      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .thue .listing .row .content{
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .thue .relate img{
  	border-radius:unset;
  }
  .thue .relate .image{
      height: 100px;
  }
  .thue .listing img{
      object-fit: cover;
    border-radius:unset;
  }
  .thue .relate > div > .row .content{
      -webkit-line-clamp: 2;
  }
  .thue .relate .row > div:last-child{
      padding-top: 10px;
  }

  .thue .relate .row > div:first-child {
    max-width: 30%;
    flex: 0 0 30%;
}
    .thue .listing .row > div:first-child {
    max-width: 34%;
    flex: 0 0 34%;
}
    .thue .listing  .row > div:last-child {
    max-width: 66%;
    flex: 0 0 66%;
}
  .thue > .container > .row.details > div{
  	padding-right:0;
  }

      .thue .relate_title {
		position:relative;
        width: 100% !important;
        background-color:unset;
    }
  .thue .relate_title:before{
border-bottom: 2px solid var(--main-color-two);
    width: 170px;
    
  }
      .thue > .container > .row.relate {
		position:unset;
        max-width: 100% !important;
        width:100%;
                margin-left: 0;
        margin-right: 15px;
    }
  .view_box1 .listing .row > div{
      flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .view_box1 .listing .row > div:last-child{
      padding: 10px 20px 0px 20px;
  }
  .blog-view.view_box1 .image{
  	width:100%;
  }
    .procedure > div > div:last-child > div:nth-child(2) .work-single-item, .procedure > div > div:last-child > div:nth-child(3){

      margin-bottom:20px;
  }
  .procedure .work-single-item .content .utility-para{
  	height:130px !important;
  }
  .dichvu > div > div:last-child >div:nth-child(5){
  margin-left: 180px;
  }
  .procedure > div > div:last-child > div {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
  .responsive-mobile-menu {
    padding-left: unset;
}
  .dichvu > div > div:last-child .work-single-item{
  	min-height:460px !important;
  }
  nav.navbar.active .nav-container{
  		padding-left: 1px;
        padding-right: 1px;
        max-width: 1000px;
  }
  nav.navbar.active .nav-container .responsive-mobile-menu{
  		box-shadow:unset;
        margin-right: 22px;
        margin-left: 22px;
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav{
  		width:100%;
  }

  .social-icon li:nth-child(2) {
    margin-right:unset;
  }

    .blog-details-content-area .container > .row > div:last-child:before{
  	width:90%;
  }
}

@media screen and (min-width:576px) and (max-width:767px){
    .title > div > div{
  	padding:unset !important;
  }
  [lang="en"] .footer-area .container .row > div:nth-child(4) {
  margin-top: -5px;
}
  .footer-area .container .row > div:nth-child(4) {
  margin-top: -6px;
}
  [lang="en"] .topbar-area .social-icon li:first-child{
  	padding-right:unset !important;
  }
  [lang="en"] .topbar-area .social-icon li:nth-child(3){
  	padding-left:unset;
  }
  [lang="en"] .procedure > div > div:last-child > div:nth-child(1) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(2) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(3) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(4) .work-single-item{
	height:380px !important;
}
  .social-icon li:first-child{
  	padding-right:unset;
  }
  .topbar-area .left-contnet{
  	max-width:70%;
  }
  .procedure > div > div:last-child > div:nth-child(3) .title{
  	padding:0 5px;
  }
  [data-layoutid="section"].section > .container > .row > div:last-child:before{
      left: 45px;
  }
  .blog-content-area .container > .row > div:last-child:before{
  	width: 83% !important;
  }
  .header-area.header-social .header-inner .title.style-01{
  font-size: 18px !important;
    line-height: 20px;
    font-weight: bold;
    margin-bottom:1px;
  }
   .banner .container_header {
    left: 12% !important;
  }
    .banner .container_header > div {
    max-width: 72% !important;
  }
  .banner .subtitle{
  	font-size:12px;
    line-height: 18px;
    letter-spacing:unset;
    padding-left: 30px;
  }
  .banner .subtitle::after{
  	width: 20px;
  }
   .banner .item {
  	height:252px !important;
  }
  .thue .listing .row > div:last-child > .btn-action.details::before{
  	margin-top:10px;
  }
    .thue .container {
    	padding-right:unset;
  }
    .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
  	border-bottom:unset;
  }
      .breadcrumb-area .page-list li:nth-child(2), .breadcrumb-area .page-list li:nth-child(3) {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
  .procedure > div > div:first-child >div .text-left .title:before, .procedure > div > div:first-child >div .text-left .title:after{
  width: 15% !important;
  }
  .dichvu >div > div:first-child .title:before, .dichvu >div > div:first-child .title:after{
  	width:10% !important;
  }
    .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover a{
  	color:#fff;
  }
  .thue .relate_title{
  	position:relative;
    width: 100%;
    max-width:100% !important;
    right:unset !important;
    background-color:unset;
  }
  .responsive-mobile-menu{
	padding-left:0;
}
  .thue .relate_title:before{
  	border-bottom:2px solid var(--main-color-two);
    width: 170px;
  }
  .thue > .container > .row.relate{
        max-width: 100% !important;
        position: unset;
        width: 100%;
  }
  .thue .listing .row > div:last-child{
      max-width: 65%;
    flex: 0 0 65%;
          padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
    .thue .listing .row > div:first-child{
      max-width: 35%;
    flex: 0 0 35%;
  }
  .thue .listing .row .title a{
      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .thue .listing .image{
  	height: 140px;
  }
  .thue .listing .row .content{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .thue > .container > .row.details{
  	    max-width: 100% !important;
  }
  .thue > .container > .row.details >div {
  	padding-right:unset;
  }
  .thue > .container > .row.relate{
  	margin-left: 0;
    margin-top: 20px;
  }
  .thue .relate .image{
      height: 90px;
  }
  .thue .relate .row > div:first-child {
    max-width: 32%;
    flex: 0 0 32%;
	}
  .thue .relate .row > div:last-child{
  	padding:0;
  }
  .thue .relate img{
  border-radius:unset;
  }
  .thue .relate > div > .row .content{
  -webkit-line-clamp:2;
  }
  
  .view_box1 .listing .row > div:first-child{
      flex: 0 0 100%;
    max-width: 100%;
  }
  .view_box1 .listing .row > div:last-child{
  	padding:0 15px;
        flex: 0 0 100%;
    max-width: 100%;
  }
  .view_box1 .title{
  	padding-bottom: 1px;
    font-size: 18px;
  }

  .view_box1{
      padding-bottom: 10px !important;
  }
  .view_box1 .listing > div {
    padding-bottom: 30px;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left:15px;
    padding-right:15px;
}
  .section .row > .column > .blogView{
  	display:none;
  }
  .view_box1 .content{
      -webkit-line-clamp: 2;
  }
  .blog-view.view_box1 .image{
      width: 100%;
  }

  .footer-area .row > div:nth-child(2) .link{
  	padding-left: 8px;
  }
  .news .section-title.gym .title{
  	padding-top: 30px;
  }
    .procedure > div > div:last-child > div:nth-child(2) .work-single-item, .procedure > div > div:last-child > div:nth-child(3){
      margin-bottom:20px;
  }
  .procedure .work-single-item .content .utility-para{
  	padding: 0 60px;
  }
  .procedure > div > div:last-child > div {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
    .social-icon li:first-child{
      padding-left: unset;
  }
    nav.navbar.active .nav-container{
  		padding-left: 1px;
        padding-right: 1px;
        max-width: 1000px;
  }
    .topbar-area ~ .header-style-01 nav.navbar.active{
          margin-top: -55px !important;
  }
  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    width: 100%;
}
  .social-icon li:nth-child(2) {
      padding-left: unset;
    	padding-right: 65px;
  }	
  .view_box1 .container{
  	padding-right: 0;
    padding-left: 0;
  }
}

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

    .title > div > div{
  	padding:10px !important;
  }
  .footer-area .container .row > div:nth-child(4) {
  margin-top: -20px;
}
  [lang="en"] .dichvu > div > div:first-child .text-left::before{
	content: 'A & D TAX ACCOUNTING SERVICES';
    position: absolute;
    color: var(--main-color-two);
    font-size: 30px;
    font-weight: bold;
    padding-left: 10px;
  }
  [lang="en"] .procedure > div > div:first-child > div .text-left::before{
	content: 'WORKING PROCESS';
    position: absolute;
    color: var(--main-color-two);
    font-size: 30px;
    font-weight: bold;
    left:25%;
  }
  [lang='en'] .header-area.header-social .header-inner .title.style-01{
  	line-height:10px;
  }
    [lang="en"] .banner .container_header > div {
    max-width: 100% !important;
  }
  .blog-details-content-area .container > .row > div:last-child:before{
    width: 87%;
  }
  [data-layoutid="section"].section > .container > .row > div:last-child:before{
  	width: 84%;
    left: 45px;
  }
  .blog-content-area .container > .row > div:last-child:before{
  	width: 80%;
  }
	.blog-content-area > div > div > div:first-child .single-blog-grid .thumb,
  	.blog-content-area > div > div > div:first-child .single-blog-grid .content
  {
  	max-width:100%;
    flex:0 0 100%;
    padding-left:unset;
  }
  .blog-content-area > div > div > div:first-child .single-blog-grid {
  	flex-direction: column
  }
    .header-area.header-social .header-inner .title.style-01 {
    font-size: 18px !important;
    line-height: 14px;
    font-weight: bold;
    margin-bottom: 6px;
      margin-top: 6px;
  }
  .header-area .subtitle{
  	padding-left:18px;
  }
  .header-area .subtitle::after{
  	width:12px;
  }
  .header-area .subtitle{
  	font-size:12px;
    line-height:14px;
    letter-spacing:unset;
  }
    .banner .container_header {
    left: 0 !important;
  }
  .banner .item {
  	height:192px !important;
  }
  .banner .subtitle{
  	margin-bottom:.1rem
  }
  .thue .listing .row > div:last-child > .btn-action.details::before{
  	margin-top:10px;
  }
    .thue .container {
    	padding-right:unset;
  }
  .view_box1 .details > div{
  	padding-left:15px;
    padding-right:15px;
  }
  .view_box1 .listing > div{
  	padding-left:15px;
    padding-right:15px;
  }
  .owl-dots{
  	margin-top:-22px !important;
  }
  .navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
  	border-bottom:unset;
  }
    .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li:hover a{
  	color:#fff;
  }
  .dichvu >div > div:first-child .title:before, .dichvu >div > div:first-child .title:after,
  .procedure > div > div:first-child >div .text-left .title:before, .procedure > div > div:first-child >div .text-left .title:after
  {
  	display:none;
  }
  .section .all_contact > div > .row{
  	padding-left: 15px;
    padding-right: 15px;
  }
  .breadcrumb-area .page-list li:nth-child(3){
  	padding-right:unset;
  }
  [data-layoutid="section"] > .container{
    	padding-right: unset;
    padding-left: unset;
  }
  	.responsive-mobile-menu{
	padding-left:0;
	}
    .thue .relate_title{
  	position:relative;
    width: 100%;
    max-width:100% !important;
    right:unset !important;
    background-color:unset;
  }
  .thue .relate_title:before{
  	border-bottom:2px solid var(--main-color-two);
    width: 170px;
  }
  .thue > .container > .row.relate{
        max-width: 100% !important;
        position: unset;
        width: 100%;
  }
  .thue > .container > .row.details{
  	    max-width: 100% !important;
  }
  .thue > .container > .row.details >div {
  	padding-right:unset;
  }
    .thue .listing .row > div:last-child{
      max-width: 60%;
    flex: 0 0 60%;
      padding-left: 0;
	padding-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
    .thue .listing .row > div:first-child{
      max-width: 35%;
    flex: 0 0 35%;
  }
  .thue .listing .row .title a{
      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .thue .listing .image{
  	height: 140px;
  }
  .thue .listing .row .content{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .thue > .container > .row.relate{
  	margin-left: 0;
    margin-top: 20px;
  }
  .thue .relate .image{
      height: 90px;
  }
  .thue .relate .row > div:first-child {
    max-width: 32%;
    flex: 0 0 32%;
	}
  .thue .relate .row > div:last-child{
  	padding:0;
  }
  .thue .relate img{
  border-radius:unset;
  }
  .thue .relate > div > .row .content{
  -webkit-line-clamp:2;
  }
  .news .thumb {
      flex: 0 0 40% !important;
  }
  .news .thumb img{
  	object-fit:cover;
  }
  .news .image {
  	width:100% !important;
  }
  .news .content{
  	flex:0 0 60% !important;
  }
  .news .content a{
      overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .contact-inner-area .title, .contact-inner-area .form{
          flex: 0 0 100% !important;
        max-width: 100% !important;
  }

  .view_box1 .pagination{
  	display:none;
  }
  .blogView{
      padding: 0 15px;
  }
  .view_box1 {
  	padding-bottom: 10px !important;
  }
  .view_box1 .all_contact{
      padding: 0 15px;
  }
  .view_box1 .title{
  	padding-top: 10px;
  }
  .view_box1 .listing .row > div{
  flex: 0 0 100% !important;
    max-width: 100% !important;
   padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .blog-view.view_box1 .image{
  	width:100%;
  }
  .view_box1 .content{
  	text-align:justify;
  }
    .footer-area .row > div:nth-child(2) .link{
  	padding-left: 8px;
  }
  .news .section-title.gym .title{
  	padding-top: 30px;
  }
  .procedure > div > div:last-child > div {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom:30px;
}
  [lang="en"] .procedure > div > div:last-child > div:nth-child(1) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(2) .work-single-item, 
  [lang="en"] .procedure > div > div:last-child > div:nth-child(3) .work-single-item,
  [lang="en"] .procedure > div > div:last-child > div:nth-child(4) .work-single-item {
    height: 350px !important;
}
    nav.navbar.active .nav-container{
  		padding-left: 1px;
        padding-right: 1px;
        max-width: 1000px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    width: 100%;
}
	.social-icon li:first-child{
      padding-left: unset;
      padding-right: 40px;
  }
    nav.navbar.active .nav-container{
  		padding-left: 1px;
        padding-right: 1px;
        max-width: 1000px;
  }
    .social-icon li:nth-child(2) {
		display:none;
  }	
  .social-icon li:nth-child(3) {
    margin-right: 10px;
  }
  .breadcrumb-area .page-list li:nth-child(2),
  .breadcrumb-area .page-list li:nth-child(3)
  {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .breadcrumb-area .page-list li:nth-child(3){
    overflow: hidden; 
  }
}
@media screen and (max-width:450px){
  [lang="en"] .footer-area .container .row > div:nth-child(4) {
  margin-top: -25px;
}
  [lang="en"] .dichvu > div > div:first-child .text-left::before{
  	font-size:24px
  }
  .dichvu{
  	padding-top:10px !important;
    padding-bottom:0 !important;
  }
  .procedure > div > div:first-child > div .text-left::before{
  	left:18%;
  }
  .language_dropdown .selected-language {
  border: 1px solid #e2e2e2;
  padding: 5px 10px;
  cursor: pointer;
  min-width: 130px;
  text-align: left;
  color: #fff;
  display: none;
}

  .topbar-area .right-contnet ul li{
  	padding-left:unset;
  }
  .topbar-area .right-contnet ul [data-value="en"]{
  	padding-left:10px;
  }
  [lang="en"] .topbar-area .social-icon li:first-child {
  padding-right: 0 !important;
	}
  [lang="en"] .topbar-area .social-icon li:nth-child(3) {
  padding-left: 0px !important;
	}
  .topbar-area .left-contnet{
  	max-width:100%;
  }
  .topbar-area ~ .header-style-01 nav.navbar.active{
  	margin-top:-85px;
  }
  .social-icon li:first-child{
  padding-right: 0;
  }
  .topbar-area .right-contnet{
  	margin-top:-15px
  }
  .blog-details-content-area .container > .row > div:last-child:before{
  	width:84%;
  }
  [data-layoutid="section"].section > .container > .row > div:last-child:before{
  	width:81%;
  }
   .procedure > div > div:last-child > div {
     flex: 0 0 100% !important;
     max-width: 100% !important;
  
  }
  .procedure .work-single-item .content .utility-para{
  	height:110px !important;
  }
	.banner .container_header > div {
    max-width: 90% !important;
  }
  .header-area.header-social .header-inner .title.style-01{
   font-size: 16px !important;
    margin-top:6px;
  }
  .banner .container_header{
  	top:90% !important;
  }
    .owl-dots {
    margin-top: 0px !important;
  }
    .banner .item {
    height: 154px !important;
  }
}
@media screen and (max-width:991px){
.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon
  {
	color:#fff !important;
}
.navbar-area .nav-container .navbar-collapse .navbar-nav li,
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before  
  {
	color:#fff;
}
  .navbar-area .navbar-nav > li:nth-child(3) a{
  font-weight: bold !important;
   margin-left:unset;
  }
}

.blog-details-content-area.blog-details-page{
padding-top: 50px !important;
}