@media (min-width:320px) and (max-width:575.98px) {
	.img-box {
	  height: 226px;        
	  position:relative;
	}
	
	.img-box img {
		  max-height: 100%;      
		     
		  position:absolute;
		  top:0;
		  bottom:0;
		  right:0;
		  left:0;
		  margin:auto;
	}
    body {
        font-size: 17px !important
    }
    .col-sm-6.col-md-3,
    .col-sm-6.col-md-4 {
        width: 100%
    }
    .banner-wrapper {
        /*padding-top: 3.8em*/
		clear:both;
    }
	.mean-container .mean-bar{
	 position:static !important;	
	}
    .banner-wrapper .search-section {
        width: 55% !important;
        top: 50% !important;
        left: 24%;
        margin: 2em 0 0 1em
    }
    .search-section .form-group {
        padding: .15em .5em 0
    }
    .form-control {
        height: 27px
    }
    .carousel-control-container,
    .carousel-indicators {
        display: none
    }
    .breadcrumb_title {
        font-size: 25px !important
    }
    .inner-breadcrumb ul li a {
        font-size: .8em
    }
    .top_search_form {
        width: 70%
    }
    .top_search_form input[type=text] {
        width: 40% !important
    }
    .navbar-brand img {
        padding: 0em 0 0 .5em;
		height:60px;
    }
    .unordered-list {
        padding-top: 1em
    }
    .gal-container .modal-content {
        top: 12%
    }
    .site_map_links {
        min-width: 100%
    }
    .widget.widget_links>ul {
        padding: 0
    }
    
	.title h1{ line-height:1.2em;}
	.team-wrapper .profile-image {
	
		position:relative;
	}
	.hdct-carousel .owl-nav .owl-prev,.hdct-carousel .owl-nav .owl-next {
  
  bottom: 50% !important;
 
}

}

@media (min-width:576px) and (max-width:767.98px) {
	.img-box {
	  height: 355px;        
	  position:relative;
	}
	
	.img-box img {
		  max-height: 100%;      
		     
		  position:absolute;
		  top:0;
		  bottom:0;
		  right:0;
		  left:0;
		  margin:auto;
	}
	
	.team-wrapper .profile-image {
	
		position:relative;
	}
	.item_product_img{ height:225px; position:relative; margin:10px 0px;}
	.item_product_img img{ max-height:225px; top:0; bottom:0; right:0; left:0; margin:auto; position:absolute;}

	.title h1{ line-height:1.2em;}
    .callnow {
        width: 100%
    }
    body {
        font-size: 16px
    }
    .banner-wrapper .search-section {
        top: 50% !important;
        left: 30%;
        margin: 2em 0 0 1em;
        width: 50% !important
    }
    .search-section .form-group {
        padding: .15em .5em 0
    }
    .banner-wrapper {
        /*padding-top: 3.8em*/
		clear:both;
    }
	.mean-container .mean-bar{
	 position:static !important;	
	}
    .carousel-indicators {
        display: none
    }
    .inner-banner {
        min-heigth: 200px
    }
    .inner-breadcrumb ul li a {
        font-size: .9em;
        line-height: .9em
    }
    .inner-wrapper .callouts {
        min-height: 650px;
        max-width: 45%
    }
   /* .callouts-wrapper .callouts {
        min-height: 520px;
        max-width: 45%
    }*/
    .caption img {
        max-height: 150px
    }
    .top_search_form {
        width: 60%
    }
	.navbar-brand img {
        padding: 0em 0 0 .5em;
		height:60px;
    }    .unordered-list {
        padding-top: 1em
    }
    .gal-container .modal-content {
        top: 12%
    }
    .box img,
    .gal-container .description {
        max-width: 60%
    }
    .widget .site_map_links {
        padding: 0
    }
    
}

@media (max-width:767.98px) {
	.mobile-menu{position:absolute; z-index:9999; background:#007f3d}
    body {
        font-size: 17px !important
    }
    .icon-mobile {
        display: inline
    }
    .fade-carousel .carousel-control,
    .hover-inn,
    .icon-desktop,
    .page_links:after {
        display: none
    }
    .btn,
    .form-control,
    .search-section label {
        font-size: 15px
    }
    .form-control {
        height: 28px
    }
    .btn {
        padding: 2px
    }
    .search-section .radio-group {
        margin-top: -1.2em
    }
    .banner-wrapper .search-section {
        color: #fff
    }
    .sidebar,
    .widget_links {
        padding-left: 0
    }
    .footer-bottom .statistics {
        padding-top: 1em
    }
    .inner-banner-wrapper {
        padding-top: 4em
    }
    .team-wrapper .callouts {
        min-height: 400px
    }
    
    .callnow {
        padding-top: 5px;
        padding-left: 5px;
        font-size: 1em;
        position: absolute
    }
    .callnow>:not(:last-child) {
        margin-right: 1.5em
    }
    .callnow p {
        font-size: .8em !important
    }
    .row-callnow {
        height: 60px
    }
    .page_links {
        padding-left: 0;
        border-top: 1px solid #fff;
        color: #fff;
        width: 100%
    }
    .page_links>li:first-child {
        margin-top: 2em
    }
    .logo-bar img {
        height: auto;
        width: 165px;
        margin: 0
    }
    .navbar-collapse {
        float: none
    }
    .navbar-brand,
    .top-wrapper {
        padding: 0
    }
    .navbar-header {
        display: block;
        padding: 8px 0
    }
    .collapse {
        background: #007f3d;
        display: block;
        margin: 0;
        padding: 0;
        border: none
    }
    ul.nav.navbar-nav li ul {
        opacity: 1;
        position: static;
        visibility: visible
    }
    .callouts-wrapper h2::after {
        left: 40%
    }
    .pricing-wrapper-main p.space {
        margin: 0
    }
    .top-wrapper .pull-right {
        float: none !important;
        text-align: center
    }
	.item_product_title h2 {
		display: -webkit-box;
		-webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height:50px;
		color:#222;
	}
	.top-wrapper{ display:none;}
	.footer-bottom{ text-align:center;}
	.caption_title_news h3{ margin-top:1em !important;}
	.tieude_right{ padding-right:15px !important;}
}

@media (min-width:768px) {
    .md_hidden {
        display: none
    }
	/*.nd_gallery img {
	  object-fit: cover;
	  width: 100%;
	  height: 380px;
	  background: #fff;
	}*/
	
	
	
}

@media (min-width:768px) and (max-width:991.98px) {
	
	.img-box {
	  height: 306px;        
	  position:relative;
	}
	
	.img-box img {
		  max-height: 100%;      
		     
		  position:absolute;
		  top:0;
		  bottom:0;
		  right:0;
		  left:0;
		  margin:auto;
	}
	
	.nav .open > ul
	{
		visibility: visible !important;
  		opacity: 1 !important;
		top:100% !important;
		
		
	}
	.team-wrapper .profile-image {
	
		position:relative;
	}
	.item_product_img{ height:312px; position:relative; margin:10px 0px;}
	.item_product_img img{ max-height:312px; top:0; bottom:0; right:0; left:0; margin:auto; position:absolute;}
    .item_product_title h2 {
		display: -webkit-box;
		-webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height:50px;
		color:#222;
	}
    .banner-wrapper .search-section {
        top: 65% !important;
        left: 35%;
        width: 50% !important;
        color: #fff
    }
    .carousel-control-container {
        top: 60%
    }
    .top_contact_info,
    .top_logo {
        padding: 0 0 0 1em
    }
    .navbar-brand img {
        min-width: 106px;
        padding-right: 1em
    }
    .inner-wrapper .callouts {
        min-height: 570px;
        max-width: 46.5%
    }
    /*.callouts-wrapper .callouts {
        min-height: 380px;
        max-width: 46.5%
    }*/
    .team-wrapper .callouts {
        min-height: 520px;
        max-width: 46.5%
    }
    .page_links {
        padding-left: 0
    }
    .top_search_form_2 form {
        display: inline
    }
    .top_search_form_2 input[type=text] {
        height: 2em;
        border-top-left-radius: .5em;
        border-bottom-left-radius: .5em;
        border: 1px solid rgba(150, 150, 150, .5)
    }
    .top_search_form_2 button {
        width: 3em;
        background-color: #f5821f;
        color: #fff;
        border: none;
        cursor: pointer;
        height: 2em;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-left: -.3em
    }
    .page_links:after {
        display: none
    }
    .site_map_links {
        min-width: 100%
    }
    .widget .site_map_links {
        padding: 0
    }
    .top-wrapper {
        display: none !important
    }
    .navbar-header {
        max-width: 100px;
        padding: 0 0 15px;
        width: 100%
    }
    .mainmenu-area ul.nav.navbar-nav li ul li {
        max-width: 235px !important
    }
    .navbar-nav {
        float: none !important
    }
    .fade-carousel {
        position: relative
    }
    .carousel-indicators {
        top: 85% !important
    }
    .carousel-control {
        margin-top: -1.5em
    }
    
    .collapse {
        display: block
    }
    .navbar-collapse {
        padding: 0;
        float: none
    }
    .featured-plan {
        margin: 0 0 20px
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
	.img-box {
	  height: 405px;        
	  position:relative;
	}
	
	.img-box img {
		  max-height: 100%;      
		     
		  position:absolute;
		  top:0;
		  bottom:0;
		  right:0;
		  left:0;
		  margin:auto;
	}
	
    .banner-wrapper .search-section {
        top: 60% !important;
        left: 35%;
        width: 40% !important;
        color: #fff
    }
    .caption img {
        max-height: 180px
    }
    .inner-wrapper .callouts {
        min-height: 480px;
        max-width: 47.2%
    }
    .team-wrapper .callouts {
        min-height: 490px;
        max-width: 29%
    }
   /* .callouts-wrapper .callouts {
        min-height: 330px;
        max-width: 47%
    }*/
    .top_web {
        margin-left: -1.5em
    }
    .top_search_form_2 {
        display: none
    }
    .top_search_form_3 form {
        display: inline
    }
    .widget .site_map_links {
        padding: 0
    }
    .navbar-header {
        max-width: 100px
    }
    .navbar-brand {
        padding: 5px 0 0
    }
    .navbar-collapse,
    .navbar-nav {
        float: none !important
    }
    .fade-carousel {
        position: relative
    }
    .carousel-indicators {
        top: 85% !important
    }
    .carousel-control {
        margin-top: -1.5em
    }
    
	
	.item_product_title h2, .caption h3 {
		display: -webkit-box;
		-webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height:50px;
		color:#222;
	}
	.team-wrapper .profile-image {
		height: 200px;
		position:relative;
		}

	.team-wrapper .profile-image img {
		height: auto;
		max-width: 100%;
		max-height: 200px;
		/*border-radius: 8px;*/
		position:absolute;
		left:0;
		right:0; top:0; bottom:0; margin:auto;
	}
	.item_product_img{ height:200px; position:relative; margin:10px 0px;}
	.item_product_img img{ max-height:200px; top:0; bottom:0; right:0; left:0; margin:auto; position:absolute;}
	.nav .open > ul
	{
		visibility: visible !important;
  		opacity: 1 !important;
		top:100% !important;
		
		
	}
}

@media (min-width:1200px) {
	.img-box {
	  height: 365px;        
	  position:relative;
	}
	
	.img-box img {
		  max-height: 100%;      
		     
		  position:absolute;
		  top:0;
		  bottom:0;
		  right:0;
		  left:0;
		  margin:auto;
	}
	
	.nav .open > ul
	{
		visibility: visible !important;
  		opacity: 1 !important;
		top:100% !important;
		
		
	}
	.item_product_title h2, .caption h3 {
		display: -webkit-box;
		-webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		height:50px;
		color:#222;
	}
	.team-wrapper .profile-image {
		height: 240px;
		position:relative;
		}

	.team-wrapper .profile-image img {
		height: auto;
		max-width: 100%;
		max-height: 240px;
		/*border-radius: 8px;*/
		position:absolute;
		left:0;
		right:0; top:0; bottom:0; margin:auto;
	}
	.item_product_img{ height:260px; position:relative; margin:10px 0px;}
	.item_product_img img{ max-height:260px; top:0; bottom:0; right:0; left:0; margin:auto; position:absolute;}
	.mean-nav{display: flex !important;align-items: center;}
	.navbar-collapse{ margin:auto; margin-right:0px;}
	.navbar-brand img{ height:70px;}
    
    
    .top_contact_info,
    .top_logo {
        padding: 0 0 0 .5em
    }
    .banner-wrapper .search-section {
        width: 350px
    }
    .carousel-control {
        margin-top: -1.5em
    }
   
    .top_web {
        margin-left: -1.5em
    }
    .top_search_form_2 {
        display: none
    }
    .top_search_form_3 form {
        display: inline
    }
    .widget .site_map_links {
        padding: 0
    }
    .navbar-brand {
        padding-top: 0px
    }
    .fade-carousel {
        position: relative
    }
    .carousel-indicators {
        top: 85% !important
    }
    
}

@media (hover:hover) and (pointer:fine) {
    .mainmenu-area ul.navbar-nav li:hover>.sub-menu {
        display: block
    }
}