.container {
	width:100% !important;
	padding: 0 10px;
}
.container-1200 {
	width: 1440px  !important;
	margin: 0 auto;
	max-width: 100% !important;
}
.container-full{
	width: 100%;
	margin: 0 auto;
}
@media (min-width: 1300px) and (max-width: 1514px) {
	.search{
		width: 200px
	}
}
@media (min-width: 1090px) and (max-width: 1299px) {
	.search{
		width: 150px;
	}
}
@media (max-width: 1089px) {
	.btn-open-search{
		display: block;
	}
	.search{
		position: absolute;
		top: 45px;
		width: 0px;
		opacity: 0;
	}
	.header-right{
		width: inherit;
	}
}
@media (min-width: 1200px) {
	.container {
		/* width: 1200px !important; */
	}
	.container-1200 {
		max-width: 1440px  !important;
		margin: 0 auto;
		
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.menu ul#main-nav{
		gap: 10px;
	}
	.slider-doitac .slick-prev {
		/* left: 22px; */
	}
	.slider-doitac .slick-next {
		/* right: 24px; */
	}
}

@media (min-width: 767px) and (max-width: 991px) {
	.menu ul#main-nav{
		gap: 10px;
	}
	.about_left {
		width: 40%;
	}
	.about_right {
		width: 60%;
		padding: 0px 20px 0px 30px;
	}
	.pro1-item:nth-child(2n+1) .pro1-left,
	.pro1-left{
		padding:20px;
	}
	.pro1-item{
		margin:20px 0;
	}
	.name_pro1 a{
		font-size: 25px;
	}
	.des_pro1{
		font-size: 14px;
	}
	.img_pro1{
		width: 60%;
	}
}

@media (max-width: 767px) {
	.padding {
		padding: 10px 0;
	}

	footer {
		padding: 20px 0;
	}

	.row_footer {
		flex-wrap: wrap;
	}

	.footer1,
	.footer2,
	.footer3,
	.footer4 {
		width: 100%;
		padding: 5px;
	}

	.coppyright,
	.thongke {
		text-align: center;
	}

	.fix-toolbar {
		display: block;
	}
	#tienich,
	.topone,
	.zalo_fixed,
	.drag-wrapper,
	.ctrlq.fb-button,
	.call_fixed,
	header nav,
	.topone_center p:nth-child(2),
	.hotline,
	.menu,
	.topone_center p {
		display: none;
	}

	.form_contact {
		width: 100%;
		padding: 0;
	}
.wrap-top-row{
	justify-content: flex-start;
}
	.logo {
    width: 16%;
}
	.header-right{
		width:50%;
	}
	.logo img{
		max-height: 80px;
	}
	header{
		background: transparent;
	}
	header .wrap-top{
		padding: 10px 0;
		background: transparent;
		position: fixed;
	}
	.wrap-top-row .showmnrp {
		/* width:50%; */
	}
	.showmnrp {
		display: block !important;
	}

	.pagination>li>a,
	.pagination>li>span {
		padding: 4px 10px;
	}

	.title-pro-detail {
		margin: 10px 0;
	}
	.content-tabs-pro-detail img,
	.content-main img {
		height: inherit !important;
	}
	
	.media_left,
	.media_right,
	.about_left,
	.about_right {
        width: 100%;
        /* padding: 5px 0; */
    }
	.about_right{
		padding: 15px 10px 5px;
		background: #000;
	}
	.btn-album{
		margin:10px 0;
	}
	.title-about,
	.title-home,
	.title-main{
		font-size:24px;
	}
	.title-about span,
	.title-home span,
	.title-main span{
	font-size: 24px;
	}
	.title-about p,
	.title-home p,
	.title-main p{
		font-size: 20px;
	}
	.about_img{
		padding: 0;
	}
	.about_img:before{
		border-width:10px;
	}
	.pro1-item:nth-child(2n+1) .pro1-left,
	.pro1-left{
		padding: 10px;
		width: 100%;
		border: 0;
	}
	.pro1-right{
		padding: 0px;
		width: 100%;
	}
	.pro1-item{
		margin: 10px 0;
	}
	.name_pro1 a{
		font-size: 25px;
	}
	.des_pro1{
		font-size: 14px;
	}
	.img_pro1{
		width: 60%;
	}
	.slideshow .owl-item.active .name-slide{
		font-size: 28px;
	}
	.slideshow .owl-item.active .desc-slide{
		font-size: 16px;
	}
	.slideshow .owl-item.active .content-slide{
		font-size: 14px;
	}
	.btn1-show-all{
		padding: 6px 20px;
	}
	.btn1-show-all span{
		font-size:15px;
	}
	.mangxahoi{padding: 15px 10px;}
	
	.criteria_left,
	.criteria_right{
		width:100%;
		
	}
	.criteria_right{
		padding: 20px 10px;
	}
	.section-services-luxury .row_about{
		display: grid;
		grid-template-columns: minmax(300px, 38%) minmax(0, 1fr);
		gap: 24px;
		align-items: stretch;
	}
	.section-services-luxury .service-luxury-grid{
		display: contents;
	}
	.section-services-luxury .criteria_left{
		width: auto;
		max-width: none;
	}
	.section-services-luxury .criteria_right{
		width: auto;
		max-width: none;
		padding: 0 0 0 24px;
	}
	.criteria-desc{
		font-size:50px
	}
	.album1{
		grid-column: 6 span;
		grid-row: 6 span;
	}
	.album2{
		grid-column: 12 span;
		grid-row: 12 span;
	}
	.bg-btn-album{
		position:relative;
		width: 100%;
		bottom: inherit;
		grid-column: 12 span;
		grid-row: 12 span;
	}
	.bgmap-item{
		flex-wrap:wrap;	
	}
	.map-item,
	.map-item-content{
		width:100%;
	}
	.top-contact {
		margin: 0 ;
		padding: 0 5px;
	}
	
	.list-question{
		height: 400px;
	}
	.list-question::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}
	
	.list-question::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}
	
	.list-question::-webkit-scrollbar-track {
		background-color: var(--bgbtntienich);
	}
	
	.list-question::-webkit-scrollbar-track-piece {
		background-color: #ffffff;
	}
	
	.list-question::-webkit-scrollbar-thumb {
		height: 50px;
		background-color: var(--bgbtntienich);
		border-radius: 3px;
	}
	
	.list-question::-webkit-scrollbar-corner {
		background-color: #ffffff;
	}
	
	.list-question::-webkit-resizer {
		background-color: var(--bgbtntienich);
	}
	.slider-doitac .slick-prev,.slider-doitac  .slick-next{
		display: none !important;
	}
	.designer-grid{
		flex-wrap: wrap;
	}
	.bgdesigner{
		width: 100%;order:2;
	}
	.designer-static{
		width: 100%;
		order:1;
	}
	.designer-name{
		font-size: 12px;
	}
	.designer-avatar {
		transform: scale(0.7);
	}
	.choose_cat-roll{
		width: 100%;
		overflow: auto;
	}
	.choose_cat{
		min-width: 500px;
	}
	header.h-header-50{
		height: 50px !important;
	}
	.slideshow-item{
		height: calc(100vh - 50px);
	}
	
	.duannoibat_row{
		margin: 0
	}
	.wrap-du-an .breadCrumbs .wrap-content .breadcrumb {
		padding: 0px 0 0px;
	}
	.grid-item.item_project{
		width: 50%;
	}
}

@media (max-width: 550px) {}