/*-----------------------------Reponsive-------------------------------*/
@media screen and (max-width: 768px){
    .custom-html-widget{
		flex: 0 0 100%;
    	max-width: 100%;
    }
  .col-12.col-lg-3.col-md-3 {
  	flex: 0 0 33%;
    max-width: 33%;
  }
  .footer-area .sidebar-widget{
  	flex: 0 0 33%;
    max-width: 33%;
  }
  .col-6.col-lg-2.col-md-3 {
  	flex: 0 0 33%;
    max-width: 33%;
  }
 
}

@media screen and (max-width: 993px){
  
   body:not([data-page="trang-chu"]):not([data-page="gioi-thieu"]):not([data-page="dich-vu"]) .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a {
  color: white !important;}
  body:not([data-page="trang-chu"]):not([data-page="gioi-thieu"]):not([data-page="dich-vu"]) .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li ul a {
  color: black !important;}
}
@media screen and (max-width: 430px){
	.col-12.col-lg-3.col-md-3 {
  	flex: 0 0 100%;
    max-width: 100%;
    padding-bottom:20px;
  }
  .footer-area .sidebar-widget{
  	flex: 0 0 100%;
    max-width: 100%;
  }
  .col-6.col-lg-2.col-md-3 {
  	flex: 0 0 100%;
    max-width: 100%;
  }
  
  
}


/*----------------------------------------*/
body:not([data-page="trang-chu"]):not([data-page="gioi-thieu"]):not([data-page="dich-vu"]) .navbar-area.nav-style-02 {
  background-color: #fff;
}
body:not([data-page="trang-chu"]):not([data-page="gioi-thieu"]):not([data-page="dich-vu"]) .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li a {
  color: #a96907;}
body:not([data-page="trang-chu"]):not([data-page="gioi-thieu"]):not([data-page="dich-vu"]) .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    color: #ac753e;
}
/* Write Custom Css Here */
.page-content .single-item img {
    max-width: 100%;
  
}
.share-area.breadcrumb{
  display:none;
}

.navbar-area .nav-container .responsive-mobile-menu .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border: 2px solid rgb(255 255 255) !important;
}
/*---------Side bar-----------*/
.service-details .sidebar-widget {
  padding:0;
  background-color: transparent;
  margin-top:40px;
}
.service-details .sidebar-widget a.wrap span{
	
  font-size:18px;
  color:#000000;
  line-height:1.2;
  margin-top:10px;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-details .widget-area-bottom a.wrap{
  display:block;
  padding:10px;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.service-details .widget-area-bottom a.wrap:first-child{
 padding-left:0; 
}
.service-details .widget-area-bottom a span{
 display:block;
  margin-top:10px;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.service-details .widget-area-bottom a:hover span{
 color:var(--main-color-one) 
}
.widget-area-bottom .owl-stage-outer{
 padding-bottom:40px; 
}
.blog-content-area .sidebar-widget {
    background-color: #f3f7ff;
}
.blog-content-area .widget_search .search-form .submit-btn {
	background-color: #e09524;  
}
.blog-details-page .sidebar-widget {
    background-color: #f8f5f4;
}
.blog-details-page .widget_search .search-form .submit-btn {
	background-color: #e09524;  
}
.blog-content-area .col-lg-8 .thumb img{
	height:250px;
  width:100%;
}
/*--------------------*/


.margin-bottom-40 {
    text-align: center;
  	font-size: 16px;
}

.widget-area-bottom .single-item .wrap img{
  	
    border-radius: 10px;
}
.widget-area-bottom .single-item .wrap a span{
 font-size: 18px;
  font-weight: bold;
  color: #000 !important;
  line-height: 1.2;
  text-transform: none;
  margin: 15px 0 0 0;
  display: block;
  text-align: center;
}

/*------------ Chung -------------*/
.footer-area .sidebar-widget{
	background-color: #333333;
}
.footer-area .widget ul{
  color:white;
}

.footer-widget .widget-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
  margin-bottom:20px;
}
.breadcrumb-area .shape{
	display:none;
}
.topbar-inner .right-contnet{
	display:none;
}
.topbar-inner .left-contnet{
 width:100%;
}
.topbar-inner .social-icon li:last-child{
 float:right; 
}
.topbar-inner a[href="#"]{
 cursor:default; 
}
[data-page="trang-chu"] .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav li.menu-item-has-children:before {
     position: absolute;
  right: 0;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFFFFF;
  transform: translateY(-50%);
  transition: all 0.3s ease-in;
}
 .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li a{
 padding:5px 8px 4px; 
}
[data-page="trang-chu"] .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li a:hover{
  background: #e19624;
}
[data-page="trang-chu"] .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover > a{
  color:#fff ;
}

/* ----    Footer   --- */
.widget.footer-widget ul li a{color: white}
.footer-area .sub-menu {display:none}
.widget.widget_nav_menu ul li a{
	display:flex;
}
.widget.widget_nav_menu ul{
	display:grid
}
.footer-area .widget ul li {
	padding:0px;
}
.footer-area .widget.widget_nav_menu ul li{
	margin:0px;
    color: white;
}
.footer-widget .widget-title{
	color:#e09524;;
}
.footer-widget {
	color:white;
}
.footer-top.style-04 {
    border-bottom: 1px solid rgba(114, 108, 148, 0.2);
    background-color: #333333;
}
/* -------- */
 

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



@media (min-width: 992px) {
  .lido .col-lg-4 {
    flex: 0 0 25%;
  }
}
  

.work-single-item .content .title {
    font-size: 16px;
    font-weight: 100;
}
/*-------------------------*/


/* ---- Liên Hệ---- */
.single-contact-item-02 .icon{
	color: #e19624;
}
.contact-inner-area .contact-form .btn-wrapper .submit-btn{
	background-image: linear-gradient(50deg, #e19624 0%, #ea7354 100%);
}
.contact-inner-area .contact-form .btn-wrapper .submit-btn:hover {
    background-image: linear-gradient(50deg, #ea7354 0%, #e19624 100%);
}
/* -------- */
.footer-top .widget:last-child {
        background: #333333;
}
/* -------- */
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{
 display:block!important;
}
.owl-nav,
.owl-nav-custom
{
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.owl-nav .owl-prev,
.owl-nav-custom .owl-prev,
.owl-nav .owl-next,
.owl-nav-custom .owl-next
{
  position: absolute;
  /* height: 100px; */
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.owl-nav .owl-prev i,
.owl-nav-custom .owl-prev i,
.owl-nav .owl-next i, 
.owl-nav-custom .owl-next i 
{
  font-size:3rem;
  color: rgba(0,0,0, 0.4);
}
.owl-nav .owl-prev:hover i,
.owl-nav-custom .owl-prev:hover i,
.owl-nav .owl-next:hover i,
.owl-nav-custom .owl-next:hover i
{
	color: var(--main-color-one);
}
.owl-nav .owl-prev, 
.owl-nav-custom .owl-prev 
{
  left: -2rem;
}
.owl-nav .owl-next,
.owl-nav-custom .owl-next
{
  right: -2rem;
}

@media (min-width: 992px) {
  .owl-nav .owl-prev{
    left: 1rem
  }
  .owl-nav .owl-next{
    right: 1rem;
  }
}

.owl-dots{
 text-align:center; 
  position:relative;
  margin-top:10px;
}
.owl-dots span{
 display:block;
  width:20px;
  height:20px;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
  background:var(--main-color-one);
  border:5px solid var(--main-color-two);
}
.owl-dots button.active span{
  border:5px solid #ffffff;
}
.owl-dots button + button{
  margin-left:10px;
}


/**css tuy chinh rieng cho tung trang**/
.dsdichvu .hard-single-item .content {
    padding-top: 0;

}

.dsdichvu .hard-single-item .thumb {
    background-position: center;
    background-repeat: no-repeat;
 
    border-radius: 15px;

 
}

.dsdichvu .section-title .title {
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    margin-bottom: 14px;

}
.dsdichvu .row.repeater > div {
 padding:15px; 
}
.footer-widget .widget-title{
 font-size:18px; 
}

.tenant_iframe iframe{
 border:0;
  padding:0;
  width:100%;
}
.widget .recent_post_item li + li{
 margin-top:10px; 

}
.widget .recent_post_item li.single-recent-post-item .content{
 border-bottom:1px solid #cccccc50; 
}
.widget .recent_post_item li.single-recent-post-item .thumb{
  height:auto;
  max-height:60px;
  overflow:hidden;
}
.widget .recent_post_item li.single-recent-post-item .content .title{
 width:100%; 
  max-width:100%;
}
.blog-content-listing > div{
 max-width:100%;
  width:100%;
  flex: 0 0 100%;
}
.blog-content-listing > div:not(:first-child) > .single-blog-grid{
  display:flex;
  width:100%;
}
.blog-content-listing > div:not(:first-child) > .single-blog-grid .thumb{
 width:30%; 
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    max-height:120px;
    overflow:hidden;
  border:1px solid #cccccc50;
}
.blog-content-listing > div:not(:first-child) > .single-blog-grid .thumb img{
 height:auto; 
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.blog-content-listing > div:not(:first-child) > .single-blog-grid .content{
 width:70%; 
  padding-left:20px;
}
.blog-content-listing > div::first-child{
 margin-bottom:20px; 
}
.blog-content-area .blog-content-listing .thumb img{
 height:auto; 

}
.blog-content-listing > div .content .title{
 line-height:1.1 
}
.blog-content-listing > div .content .title a {
font-size:16px;
  font-weight:bold
}
.blog-content-listing > div .content{
  border-bottom:1px solid #cccccc50;
}
.blog-content-listing > div:not(:first-child) .content .readmore{
 margin-bottom:-20px; 
}
.blog-content-listing > div .content .readmore{
 padding: 5px 10px;
  color: var(--main-color-two);
  background:rgb(236, 188, 115);
  margin: 0;
  float: right; 
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  margin-top:-20px;
}


@media screen and (min-width: 900px) {

  .dsdichvu .row.repeater > div{
   max-width: 33.33333%;

  }
}
@media screen and (max-width: 768px) {
.service-details .widget-area-bottom a.wrap{
 padding-left:0;
  padding-right:0;
}
  .service-details .widget-area-bottom a.wrap img{
   width:100%; 
  }
}

.breadcrumb-area {
    background-image: linear-gradient(50deg, #D1891C 0%, #A56504 100%);
}
.blog-details-content-area .content-area{
	text-align:justify;
}
.footer-area .widget{
	padding:unset;
}

@media (max-width: 430px){
	 .footer-area .widget.sidebar-widget {
	padding: 0px 20px 0px 20px !important;
}