/*MAX AND MIN*/
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-6:not(.not-clear):nth-child(2n + 1),
    .col-md-4:not(.not-clear):nth-child(3n + 1),
    .col-md-3:not(.not-clear):nth-child(4n + 1) {
        clear: both;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .col-sm-6:not(.not-clear):nth-child(2n + 1),
    .col-sm-4:not(.not-clear):nth-child(3n + 1),
    .col-sm-3:not(.not-clear):nth-child(4n + 1) {
        clear: both;
    }
}

/*MIN*/
@media (min-width: 768px){
	
}
@media (min-width: 992px){
	.col-md-20 {
		width: 20%;
		float: left;
	}
	.col-md-20:nth-child(5n+1) {
	    clear: both;
	}
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6.col-md-3:nth-child(4n + 1),
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6.col-md-4:nth-child(3n + 1),
	[class *= product-] > .container-all .content-mid .col-xs-12.col-sm-6.col-md-6:nth-child(2n + 1)
	{
		clear: both;
	}
	.row.row-md-mar30 {
	    margin-right: -30px;
	    margin-left: -30px;
	}
	.row.row-md-mar30 > div[class*="col-"] {
		padding-left: 30px;
		padding-right: 30px;
	}
    body {
    	padding-top: 115px;
    }
	header .inner-header {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.over-form-search {
	    display: none;
	}
	body.open-search .over-form-search {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100vh;
	    background: rgb(255 255 255 / 95%);
	    display: block;
	    z-index: 999;
	}
	button.main-search-close {
	    position: absolute;
	    right: 10px;
	    top: 5px;
	    color: rgb(90, 83, 87);
	    border: 0;
	    background: transparent;
	    padding: 10px;
	}
	button.main-search-close svg {
	    width: 34px;
	    height: 34px;
	    fill: rgb(90, 83, 87);
	    stroke-width: 1;
	}
	body.open-search .over-form-search #box-search-top {
	    height: 100vh;
	    width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 0 60px;
	}
	#box-search-top .search {
	    position: relative;
	    width: 100%;
	    max-width: 800px;
	}
	#box-search-top input[type="text"] {
	    padding: 10px 16px;
	    background: transparent;
	    outline: unset;
	    border: 1px solid #333;
	    border-radius: 30px;
	    height: 50px;
	    width: 100%;
	    color: #000;
	}
	#box-search-top #_button-search {
	    border: 0;
	    background: transparent;
	    position: absolute;
	    right: 10px;
	    top: 0;
	    height: 50px;
	    line-height: 1;
	}
	#box-search-top #_button-search svg{
	    fill: #000;
	    width: 18px;
	    height: 18px;
	}
    .md-project-last .box-heading {
    	margin-bottom: 45px;
    }

	
	body[class*="product-product"] .col-md-7 {
		width: 55%;
	}
	body[class*="product-product"] .col-md-5 {
		width: 45%;
	}


	/*footer*/
	.footer-column-1 h3 {
	    white-space: pre-wrap;
	}
}
@media (min-width: 1200px){
	.col-lg-6:nth-child(2n + 1),
    .col-lg-4:nth-child(3n + 1),
    .col-lg-3:nth-child(4n + 1) {
        clear: both;
    }

    .product-additional-image {
    	padding-top: 50px;
    }
	.footer-column-3 {
		padding-left: 30px;
	}
	.footer-column-1 {
		padding-right: 60px;
	}
}
@media (min-width: 1300px) {
	.box-news-latest .row,
	.cat-featured-news .row {
	    margin-right: -30px;
	    margin-left: -30px;
	}
	
	.box-news-latest .row div[class*="col-"],
	.cat-featured-news .row div[class*="col-"] {
	    padding-right: 30px;
	    padding-left: 30px;
	}

	.col-left-news {
		padding-right: 16%;
	}
}

@media (min-width: 1580px) {
	.container {
	    width: 1550px;
	}

	#menu > ul > li {
		padding: 0 40px;
	}

	.box-heading h2,
	h1.title-all-page,
	h1.product-detail-title {
		font-size: 48px;
	}

	#menu a {
		font-size: 18px;
	}

	/* product detail */
	.product-detail-desc,
	.list-info-product .item-info {
		font-size: 20px;
	}
	.colunm-left-news .box-news-content .name a {
	    font-size: 32px;
	}
	h3.sub-title-cat-page {
		font-size: 32px;
	}
	.box-news-content .excerpt {
		font-size: 20px;
	}
	.box-news-content .info-news {
		font-size: 20px;
	}

	/* module */
	.box-news-latest .box-heading p {
		font-size: 36px;
	}
	.box-news-latest a.btn-view-more{
		font-size: 32px;
		padding: 10px 50px;
		margin-top: 35px;
	}
	.box-news-content .name a {
		font-size: 24px;
	}
	.md-project-last {
		padding: 180px 0 200px;
	}
	.form-change label {
		font-size: 20px;
	}
	.form-change input[type='text'], input[type='password'], textarea {
		font-size: 16px;
	}
	.form-change #button-send-book {
	    font-size: 20px;
	    height: 54px;
	}

	/* news detail  */
	body[class*="news-news"] h1.title-all-page {
		font-size: 36px;
	}
	.content-mid .news-description .desc,
	.news-info  {
		font-size: 20px;
	}
	.news-info span.cats {
	    padding-right: 50px;
	    margin-right: 50px;
	}

	/* column all */
	[id *= column-] .box-list-heading {
		font-size: 24px;
	}
	.box-product-column .image {
	    width: 175px;
	}
	.box-product-column .info-p {
	    width: calc(100% - 175px);
	}
	.product-column-item h3.name {
	    font-size: 20px;
	}
	.product-column-item .address {
		font-size: 16px;
	}

	/* product detial */
	.product-detail-number .item-number.item-number-income span.number {
	    font-size: 64px;
	}

	/* cat news */
	.news-top-category .info h2 {
		font-size: 36px;
	}
	.news-top-category .info {
		font-size: 20px;
	}

}

/*MAX*/
@media (max-width: 1579px) {
	.info-home-item .icon {
	    height: 120px;
	}
	.info-home-item .icon img {
	    max-height: 115px;
	}
	.info-home-item h3 {
		font-size: 16px;
	    min-height: 83px;
	}
	.info-home-item span.view-detail {
	    height: 38px;
	    line-height: 38px;
	    padding: 0 20px;
	    font-size: 14px;
	}
	.info-home-item span.view-detail svg {
	    width: 25px;
	    height: 16px;
	}
	.item-product-featured .over-name {
	    padding-right: 50px;
	}
	.item-product-featured span.text-project {
		font-size: 16px;
	}
	.item-product-featured .info-p-left h3.name {
		font-size: 23px;
	}
	.item-product-featured .income, .item-product-featured .info-address {
	    padding-right: 50px;
	    font-size: 14px;
	}
	.item-product-featured .income span.number {
	    font-size: 23px;
	}
	.item-product-featured .info-address span.address {
	    margin-top: 3px;
	}
	.item-product-featured .info-p-right a {
	    height: 34px;
	    line-height: 34px;
	    color: #fff;
	    font-size: 14px;
	}
	.item-product-featured .info-p-right a svg {
	    height: 13px;
	    width: 19px;
	}

	.box-product .info-p .name a {
		font-size: 22px;
	}
	.box-product .number-p {
		font-size: 16px;
	}
}
@media (max-width: 1199px) {
	#menu > ul > li {
		padding: 0 15px;
	}
	#menu > ul > li > a {
		font-size: 14px;
	}
}
@media (max-width: 991px) {
    body {
    	padding-top: 65px;
    }
	.over-logo {
	    text-align: center;
	    width: 100%;
	}
	.box-heading h2 {
		font-size: 28px;
	}
	.logo img {
	    max-height: 55px;
	}
	button.nav-toggle-mb,
	span.show-search-icon {
		height: 65px;
    	line-height: 65px;
    	position: absolute;
    	top: 0;
    	right: 0;
	}
	#box-search-top {
	    width: 100%;
	    text-align: center;
	    padding: 5px 0;
	}
	#box-search-top .search {
		display: inline-block;
	}
	#box-search-top input[name="search"] {
		width: 160px;
		background: #D9D9D9;
		height: 25px;
		border: 0;
		outline: none!important;
		padding: 0 10px;
		font-size: 14px;
		float: left;
	}
	#box-search-top input[name="search"]::placeholder {
		font-size: 0;
	}
	#box-search-top button#_button-search {
		width: 25px;
		height: 25px;
		border: 0;
		outline: none!important;
		background: #013064;
		text-align: center;
    	line-height: 15px;
	}
	#box-search-top button#_button-search svg {
		fill: #fff;
	    width: 16px;
	    height: 16px;
	}

	/* modun */
	.slideshow .owl-controls .owl-page span {
		width: 8px;
		height: 8px;
	}
	.md-info-home {
		padding: 30px 0 15px;
	}
	.md-info-home .box-heading h2 {
		margin-bottom: 20px;
	}
	.md-info-home .mar-bt30 {
		margin-bottom: 15px;
	}
	.info-home-item {
	    padding: 15px;
	    height: auto;
	    text-align: left;
	}
	.info-home-item a {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.info-home-item .over-icon-title {
	    display: inline-flex;
	    align-items: center;
	}
	.info-home-item .icon {
		height: auto;
		width: 34px;
	}
	.info-home-item .icon img {
		max-height: unset;
		width: 34px;
	}
	.info-home-item h3 {
	    font-size: 14px;
	    min-height: unset;
	   	padding: 0 15px;
	    margin: 0;
	}
	.info-home-item span.view-detail {
	    height: 20px;
	    line-height: 20px;
	    padding: 0 10px;
	    font-size: 12px;
	    margin: 0;
	}
	.info-home-item span.view-detail svg {
		display: none;
	}

	.md-project-last {
	    background: #fff!important;
	    padding: 0;
	}
	.project-last-inner {
	    padding-top: 30px;
	    border-top: 1px solid #F3F2F2;
	}
	.md-project-last .box-heading h2 {
		margin-bottom: 10px;
	}
	.md-project-last .box-heading.white h2, 
	.md-project-last .box-heading.white h2 a {
		color: #0F3373;
	}
	.project-last-content {
		font-size: 14px;
	    color: #000;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #F3F2F2;
	}
	.module_carousel {
		padding: 0 0 50px;
	}
	.title-md-carousel {
	    background: #fff;
	    margin-bottom: 30px;
	}
	.title-md-carousel .box-heading {
		padding-top: 30px;
	}
	.title-md-carousel .box-heading h2 {
		margin-bottom: 10px;
	}
	.module_carousel .inner-item {
		padding: 0;
	}

	.featured-product {
		padding-top: 30px;
	}
	.featured-product .line-bottom {
	    width: 100%;
	    border-top: 1px solid #F3F2F2;
	    margin: 10px 0;
	}
	.products-featured-slide {
		background: #fff;
	}
	.item-product-featured .info-p {
		padding: 0 0 20px;
	}
	.item-product-featured .info-p-left {
		width: auto;
	    flex-direction: column;
	    align-items: flex-start;
	    padding-right: 30px;
	}
	.item-product-featured .over-name {
	    padding-right: 0;
	    margin-bottom: 5px;
	    display: flex;
   		align-items: baseline;
	}
	.item-product-featured span.text-project {
	    font-size: 11px;
	    padding-right: 10px;
	    white-space: nowrap;
	}
	.item-product-featured .info-p-left h3.name {
		font-size: 16px;
	}
	.item-product-featured .info-number-p {
	    display: flex;
	    align-items: baseline;
	    gap: 30px;
	}
	.item-product-featured .income, .item-product-featured .info-address {
	    padding-right: 0;
	    font-size: 11px;
	}
	.item-product-featured .income span, .item-product-featured .info-address span {
	    display: inline-block;
	}
	.item-product-featured span.title-small {
		padding-right: 5px;
	}
	.item-product-featured .income span.number {
		font-size: 16px;
	}
	.item-product-featured .info-address span.address {
	    margin-top: 0;
	}
	.item-product-featured .info-p-right a {
	    height: 26px;
	    line-height: 25px;
	    font-size: 11px;
	}
	.item-product-featured .info-p-right a svg {
		display: none;
	}
	.item-product-featured .info-p-right {
		width: auto;
	}
	.module_banner {
		padding-bottom: 20px;
	}
	.module_banner .banner-item {
		padding: 0 0 20px;
	}
	
	.box-news-latest {
		padding: 20px 0 30px;
	}
	.box-news-latest .box-border {
	    padding-top: 20px;
	    border-top: 1px solid #F3F2F2;
	}
	.box-news-latest .mar-bt30 {
		margin-bottom: 0;
	}
	.box-news-latest .box-news-content {
		display: flex;
		align-items: flex-start;
		border-bottom: 1px solid #F3F2F2;
	    padding-bottom: 10px;
	    margin-bottom: 10px;
	}
	.box-news-latest .box-news-content .image {
		width: 137px;
		margin: 0;
	}
	.box-news-latest .box-news-content  .info-p {
		width: calc(100% - 137px);
		padding-left: 10px;
	}
	.box-news-latest .box-news-content .name {
		margin: 0;
	}
	.box-news-latest .box-news-content .time {
		font-size: 14px;
		color: #C8C8C8;
	}
	/* end */
	/* box product	*/
	h1.title-all-page.title-all-page-pro {
	    margin: 30px 0;
	    font-size: 24px;
	}
	.container.list-product-page .box-product-content .row {
		margin-left: -15px;
    	margin-right: -15px;
	}
	.container.list-product-page .box-product-content .row > div[class*="col-"] {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.box-product {
		margin-bottom: 35px;
	}
	.box-product .image {
		margin-bottom: 15px;
	}
	.box-product .info-p .name a {
	    font-size: 18px;
	}
	.box-product .number-p {
	    font-size: 14px;
	}
	.box-product .info-p-right {
	    width: 65px;
	}
	.box-product a.view-more svg {
	    width: 34px;
	    height: 22px;
	}
	.slider-product-page.owl-carousel {
	    margin-bottom: 50px;
	}
	.slider-product-page .owl-controls .owl-page span {
		width: 11px;
		height: 11px;
	}

	/* detail product */
	.product-additional-image {
	    margin-bottom: 30px;
	}
	.product-additional-image .slick-dots li button:before {
	    width: 10px;
	    height: 10px;
	}
	h1.product-detail-title {
		font-size: 20px;
	}
	.product-detail-desc {
		font-size: 14px;
	}
	.list-info-product .item-info + .item-info {
	    margin-top: 10px;
	}
	.product-detail-info {
	    padding-top: 35px;
	}

	#footer .footer-all {
		padding: 30px 0 0;
	}
	#footer .footer-title {
		text-align: center;
	}
	#footer .footer-title h3 {
		font-size: 16px;
	}
	.logo-footer {
	    text-align: center;
	    width: 100%;
	    margin-bottom: 10px;
	}
	.logo-footer img {
		max-height: 50px;
	}
	#footer .footer-all ul.contact-footer li {
		border-bottom: 0;
	    margin: 0;
	    padding-bottom: 0;
	    font-size: 14px;
	}
	#footer .footer-all ul.contact-footer li .address {
		white-space: pre-wrap;
	}
	#footer .footer-all ul.contact-footer li span.hotline-mb {
	    display: inline-flex;
	    color: #0F3373;
	    background: #E3C986;
	    border-radius: 20px;
	    padding: 2px 10px;
	    font-weight: 600;
	    margin-top: 5px;
	    align-items: center;
	}
	#footer .footer-all ul.contact-footer li span.hotline-mb svg {
		width: 18px;
	    height: 18px;
	    margin-right: 3px;
	}
	.footer-column-1 {
		width: 100%;
		padding-left: 0;
		text-align: center;
		position: relative;
    	padding-bottom: 20px;
	}
	.footer-column-1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -100px;
		width: 200px;
		border-top: 1px solid #fff;
	}
	.footer-form-des {
	    margin: 0 0 15px;
	    text-align: center;
	}
	.form-contact-footer .text-right {
	    text-align: center;
	}
	.form-contact-footer .form-group label {
		font-size: 14px;
	}
	.form-contact-footer .row {
		margin-right: -10px;
    	margin-left: -10px;
	}
	.form-contact-footer .col-md-6 {
		padding-left: 10px;
		padding-right: 10px;
	}
	.form-contact-footer .form-control {
		height: 25px;
		padding: 0 10px;
	}
	.form-contact-footer button#send-form-footer {
	    font-size: 14px;
	    padding: 2px 10px 3px;
	}
	#powered .inner-powered ul {
		line-height: 1;
		margin-bottom: 10px;
	}
	#powered .inner-powered ul li {
		line-height: 1;
		padding: 0;
	}
	.inner-powered {
		flex-direction: column;
	}
	.over-inner {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: flex-end;
	    justify-content: space-between;
	}
	.over-inner .social-network-footer {
		margin-bottom: 10px;
	}

	/* cat news */
	.news-top-category .image {
		height: 50vh;
	}
	.news-top-category .info {
		font-size: 14px;
	}
	.news-top-category .info h2 {
		font-size: 18px;
	}
}
@media (max-width: 767px){	
    .col-xs-6:nth-child(2n + 1),
    .col-xs-4:nth-child(3n + 1),
    .col-xs-3:nth-child(4n + 1){
        clear: both;
    }
	.box-heading h2 {
		font-size: 18px;
	}

	/* modun */
	.box-news-latest .box-heading {
	    margin-bottom: 15px;
	    text-align: center;
	}
	.box-news-latest .box-news-content .name a {
		font-size: 14px;
	}
	.box-news-latest .box-news-content .time {
		font-size: 10px;
	}
	.box-news-latest a.btn-view-more {
	    font-size: 14px;
	    padding: 3px 20px 5px;
	    border-radius: 20px;
	    margin-top: 10px;
	}
	.form-change label {
		font-size: 14px;
	}
	.form-change input[type='text'], input[type='password'], textarea {
		height: 35px;
    	line-height: 35px;
    	font-size: 14px;
	}
	.form-change #button-send-book {
		font-size: 14px;
	    height: 35px;
	    padding: 0 20px;
	}

	/* contact page */
	body.information-contact .box-heading h2 {
		margin: 50px 0;
	}
	.contact-content {
		padding-bottom: 50px;
	}
	.contact-content .title {
		border-right: 0;
		padding-bottom: 10px;
	}
	.contact-content .info {
		justify-content: space-between;
	}
	.contact-content .info .info-item {
		width: auto;
		text-align: left;
		font-size: 15px;
	}

	/* product page */
	.container.list-product-page {
		padding: 0 20px;
	}

	/* product detail */
	.product-detail-number .inner-detail-number {
		flex-direction: column;
	}
	.product-detail-number .item-number.item-number-income {
		margin: 35px 0;
	}

	/* cate news page */
	body[class*="news-category"] h1.title-all-page {
	    margin: 45px 0 10px;
	    font-size: 20px;
	}
	h3.sub-title-cat-page {
		font-size: 16px;
	}
	.cat-new-news, .cat-featured-news {
	    padding-bottom: 0;
	    margin-bottom: 30px;
	}
	.colunm-right-news .box-news-content .image {
		width: 137px;
	}
	.colunm-right-news .box-news-content .info-p {
		width: calc(100% - 137px);
    	padding-left: 10px;
	}
	.colunm-left-news .box-news-content .name a {
		font-size: 16px;
	}
	.box-news-content .name a {
	    font-size: 15px;
	}
	.box-news-content .excerpt {
		font-size: 14px;
	}
	.box-news-content .info-news {
		font-size: 12px;
	}

	/* news detail  */
	body[class*="news-news"] #box-search-top {
		border-bottom: 1px solid #D9D9D9;
	}
	body[class*="news-news"] h1.title-all-page {
		font-size: 20px;
	}
	.news-info {
		font-size: 14px;
	}
	.news-info span.cats {
	    padding-right: 20px;
	    margin-right: 20px;
	}
	.bar-news-detial {
		font-size: 14px;
		margin: 30px 0 15px;
	}

	/* column */
	#column-right {
		padding: 15px;
	}
	
	#powered{ text-align: center; }
	#powered .pull-left, #powered .pull-right{ width: 100%; }
}
@media screen and (max-width: 480px){
	.module_carousel .item {
	    padding: 15px;
	}
	#load-more-news {
		font-size: 16px;
		padding: 6px 30px;
	}
}
@media screen and (max-width: 320px){
	.menu-mobi {
		width: 270px;
	}
}