@media (max-width: 1290px) {
	.showroom .wrap-list .search .wrap-button .btn-custom {
		width: 150px;
	}

	.showroom .wrap-list .search .wrap-button a {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

@media (max-width: 1250px) {
	.showroom .wrap-list .search {
		padding: 10px !important;
	}

	.showroom .wrap-list .search .radio-input:first-child {
		min-width: 80px;
	}

	.showroom .wrap-list .search .radio-input:last-child {
		min-width: 130px;
	}

	.main-showroom #main {
		padding: 0 20px;
	}
}

@media (max-width: 1000px) {
	.main-message .message-img {
		flex: 2;
	}

	.map .map-area {
		display: none;
	}

	.wrap-map-mobile {
		display: block;
	}

	.wrap-map-mobile button {
		width: 188px;
		min-width: 188px;
	}

	.main-cover .cover-img iframe {
		width: 413px;
		height: 275px;
	}

	.main-cover .wrap-content {
		padding: 0;
	}

	.main-cover .cover-text {
		background: none;
	}

	.main-cover .cover-img {
		text-align: right;
	}

	.main-cover {
		height: 320px;
	}

}

@media (max-width: 768px) {
	.md-none {
		display: none;
	}

	/* .file-image-common img{
		width: 100%;
	} */
	.main-showroom #main {
		padding: 0 15px;
	}

	.img-review {
		width: 300px;
		height: 200px;
	}

	section.maker .wrap-item {
		width: unset;
	}

	.md-w-100 {
		width: 100% !important;
	}

	.form-with-error input {
		width: 100% !important;
	}

	input,
	select {
		height: 37px;
	}

	.showroom .wrap-list .search .wrap-button a {
		margin-right: 20px;
	}

	.showroom .wrap-list .search .wrap-button .btn-custom {
		width: 120px;
	}

	.col-xs-12 {
		width: 100%;
	}

	.showroom-search input[name='keywords'] {
		width: 100%;
	}
}

@media (max-width: 660px) {
	.main-message {
		flex-direction: column;
	}

	.main-message .message-img {
		flex: content;
		padding: 0;
		padding-bottom: var(--default-spacing);
	}

	.w-400 {
		width: 100%;
	}

	.main-showroom .memberinfo.show label,
	.main-showroom .memberinfo .confirm label {
		font-weight: 600;
		margin-right: 20px;
		width: 100%;
	}

	.main-showroom .memberinfo .form-buttons.col-6,
	.main-showroom .memberinfo .wrap-button {
		justify-content: center;
		width: 100%;
	}

	.main-showroom .quit .wrap-button {
		justify-content: center;
		width: 100%;
	}

	.shop-list .item {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 541px) {
	.main-showroom .maker-item .nav-tabs .nav-link {
		font-size: 14px;
	}

	.header .logo {
		margin-left: 10px;
	}

	.header .btn-right {
		margin-right: 10px;
	}

	.footer .link {
		display: grid !important;
		margin-top: 37px;
	}

	.footer .link a {
		margin-bottom: 10px !important;
	}

	.user-breadcrums .breadcrum-title {
		margin-left: 0px;
	}

	.user-breadcrums .breadcrums-link {
		margin-right: 0px;
	}

	.user-breadcrums .breadcrum-title .link-right {
		margin-right: 10px;
	}

	.footer .link a {
		margin-right: 0px !important;
	}

	.news-columns h2 {
		font-size: 18px;
		line-height: 30px;
		font-weight: bold;
	}

	.news-columns h3 {
		font-size: 18px;
		line-height: 25px;
		font-weight: bold;
	}

	.news-columns .news-abstract {
		font-size: 16px;
		line-height: 25px;
	}

	.main-cover {
		height: 331px;
	}

	section h3.label-section {
		font-size: 30px;
		line-height: 66px;
	}

	section p.text-guide {
		font-size: 15px;
		line-height: 22px;
		font-weight: bold;
		padding: 0 20px;
		margin: 0 auto 20px;
	}

	.main-cover .wrap-content {
		padding: 0;
		display: unset;
	}

	.main-cover .cover-text {
		background: unset;
		padding: 15px;
	}

	.main-cover .wrap-content .cover-img {
		display: none;
	}

	.main-cover .mobile {
		display: flex !important;
		justify-content: flex-end;
	}

	.main-cover .mobile iframe {
		width: 264px;
		height: 177px;
		display: flex;
		justify-content: flex-end;
		display: block;
	}

	/* section.maker .wrap-item .d-flex{
		flex-direction: row!important;
		justify-content: center;
	} */
	.main-cover .cover-text h5 {
		font-size: 20px;
		line-height: 44px;
	}

	.main-cover .cover-text p {
		font-size: 13px;
		line-height: 21px;
	}

	section.maker .wrap-item {
		display: unset;
	}

	.showroom-search select {
		width: calc(100vw - 30px);
	}
	.showroom-search select:not([name=evaluation_name_id]) {
		margin-bottom: 20px !important;
	}

	.map select {
		width: calc(100vw - 68px);
		margin-bottom: 20px !important;
	}

	section.maker .wrap-item {
		overflow-x: scroll;
		padding: 0 5px;
	}

	section span.label-section {
		font-size: 30px;
		line-height: 66px;
	}

	section span.text-guide {
		font-size: 15px;
		line-height: 22px;
	}

	.showroom-search .range {
		width: calc(100vw - 30px);
		display: flex;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.showroom-search .range {
		flex-wrap: wrap;
	}

	.showroom-search .range label {
		width: 100%;
		min-width: 90px;
		font-size: 16px;
		line-height: 25px;
	}

	.showroom-search .range input:not(input[name='type_length']) {
		width: calc((100vw - 75px)/2);
	}

	.main-showroom .maker-item .tab-content .item {
		margin-right: unset;
		width: 100%;
	}

	.main-showroom .maker-item .tab-content .wrap-img {
		margin: 0 auto;
	}

	.main-showroom .maker-item .tab-content a {
		width: 100%;
	}

	.main-showroom .maker-item .wrap-header .wrap-item {
		display: unset;
		justify-content: center;
		flex-wrap: wrap;
	}

	.main-showroom .maker-item .wrap-header .wrap-item .w-225 {
		margin: 0 auto;
	}

	.shop-list .item--shop-detail {
		flex-direction: column;
	}
	.shop-list .item--shop-detail p {
		padding-left: 1em;
	}
}

@media (max-width: 376px) {
	.login-store footer {
		margin: 15px 15px !important;
	}
}

@media (max-width: 366px) {
	/* .user-breadcrums .breadcrum-title .link-right{
		float: none;
        margin-left: 60%;
        white-space: nowrap;
	} */

}

@media (max-width: 768px) {
	.margin-content {
		margin: 5px 0px !important;
	}
}

@media (max-width: 760px) {
	body.main-showroom main {
		padding-left: 15px !important;
		padding-right: 15px !important;
		overflow: hidden;
	}

	body.admin footer {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	.news-columns {
		flex-direction: column;
	}

	.columns,
	.news {
		padding-left: 0;
		padding-right: 0;
	}

	.news-block {
		display: block;
	}

	.news-text {
		padding-left: 0;
	}

	.news-image {
		display: none;
	}
}

@media (max-width: 1124px) {
	#page {
		border-left: none;
		border-right: none;
	}
}

@media (max-width: 581px) {
	.footer .link a {
		margin-right: 20px;
	}
}