@media not all and (min-resolution:.001dpcm)
{ 
	@supports (-webkit-appearance:none) {

		body{ 
			font-family:'Montserrat'!important; 
		}
		
		.header-middle .other-service .service-link{
			letter-spacing: 1.5px !important;
		}
	}
}

@media only screen and (min-width: 1200px){
	.header-bottom .logo-box a img {
		width: 130px;
	}

	.header-bottom .search-box .search-text{
		height: 30px;
		font-size: 14px;
	}

	.header-middle{
		font-size: 10pt;
	}

	.header-bottom .search-box .btn-search img{
		width: 20px;
	}

	.header-bottom .menu-box{
		font-size: 14px;
	}

	.header-bottom .menu-box .menu-cart img{
		width: 25px;
	}

	.header-bottom .menu-box .menu-cart .cart-dot{
		left: 2px;
	}

	.banner-section-item.single .banner-section-main img{
		height: auto;
	}

	.banner-section-item.single .banner-section-main .owl-item{
		height: auto;
	}

	.banner-section-item.single .banner-section-main{
		height: auto;
	}

	.banner-section-box{
		height: auto;
	}

	.banner-section-item.single{
		height: auto;
	}

	.banner-section-item.double{
		height: auto;
	}

	.banner-section-sub-box .banner-section-sub{
		padding: 0px 10px;
	}

	.flash-sale-img-box .flash-sale-img{
		width: 150px;
		height: auto;
	}

	.flash-sale-img-txt .sale-img-txt-main{
		font-size: 25pt;
	}

	.flash-sale-img-txt .sale-img-txt-sub{
		font-size: 12pt;
	}

	.flash-sale-sort .flash-sale-sort-dropdown .flash-sale-sort-dropdown-item{
		padding: 0px 35px;
	}

	.product-item-text .text-name{
		text-align: left;
	}

	.project-title .project-title-link a{
		font-size: 10pt;
	}

	.project-item-text .project-item-text-name{
		font-size: 10pt;
	}

	.project-item-text .project-item-text-link a{
		font-size: 10pt;
	}

	.showroom-main-content-item img{
		height: 350px;
	}

	.showroom-item-box .showroom-item-main{
		font-size: 12pt;
	}

	.showroom-item-link a img{
		width: 35px;
		height: 35px;
	}

	.showroom-item-link a .item-link-text .item-link-text-sub{
		font-size: 11px;
	}

	.showroom-main-btn-item .showroom-item-address{
		font-size: 10pt;
	}

	.accordion-header .accordion-header-item{
		font-size : 10pt;
	}

	.accordion-content-item{
		font-size: 16px;
	}

	.footer-sosmed-item a img{
		width: 40px;
	}



	.header-social-row{
		display: flex;
		flex-wrap: wrap;
		margin-top: 10px;
		font-size: 12px;
	}

	.header-social-row img{
		width: 12pt;
    	height: auto;
	}

	.logo-box{
		margin-bottom: 3px;
	}
	
	.header-middle .join-us .join-link .whatsapp img{
		height: 30px
	}
	
	.header-middle .join-us .join-link .hotline{
		font-size: 12px;
		padding: 2px 15px;
	}

	.header-middle .join-us .join-link .hotline img{
		height: 16px;
		width: auto;
		margin-right: 10px;
	}

	.header-middle .other-service .service-link{
		padding: 10px;
	}
	
	.login-container .logo-image{
		width:200px;
	}
	
	.login-form .form-accesory .guntur{
		height: 180px;
		position: relative;
		left: -47px;
		top: 20px;
	}
	
	.login-form .form-accesory .playstore{
		height: 25px;
		position: relative;
		left: -35px;
	}
	
	.login-form .form-accesory .qr{
		height: 80px;
		position: relative;
		left: 0px;
	}
	
	.register-form .logo-image{
		width:200px;
	}
	
	.register-form .form-accesory .guntur{
		height: 180px;
		position: relative;
		left: -47px;
		top: 20px;
	}
	
	.register-form .form-accesory .playstore{
		height: 25px;
		position: relative;
		left: -35px;
	}
	
	.register-form .form-accesory .qr{
		height: 80px;
		position: relative;
		left: 0px;
	}
	
	.banner-section .banner-row img{
		height: 370px;
	}
	
	.best-seller-image{
		margin-left: 10px;
	}
	
	.best-seller-image img{
		width: auto;
		height: 500px;
	}
	
	.best-seller-item-container .best-seller-item-card{
		width: 190px;
		padding: 20px;
	}
		
	
	
}

@media only screen and (max-width: 1440px){

	.header-middle .other-service .service-link{
		letter-spacing: 0px !important;
	}
	
	.showroom-section .showroom-map{
		right: 25px;
		top: 25px;
	}

	.showroom-section .showroom-map iframe{
		height: 210px;
		width: 500px;
	}

	

	
}

@media only screen and (min-width: 1440px){
	.cat-item-text{
		font-size: 14pt;
	}

	.cat-section-title .cat-title{
		font-size: 26pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 15pt;
	}

	.cat-section-title .cat-section-link a{
		font-size: 10pt;
	}

	.about-solution-text-content{
		font-size: 16pt;
	}

	.cat-section-item{
		height: 220px;
	}

	.cat-normal{
		height: 220px;
	}

	.cat-item-img{
		width: 180px;
	}

	.cat-page-item{
		height: 220px;
	}

}

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

	.cat-item-text{
		font-size: 15pt;
	}

	.cat-section-title .cat-title{
		font-size: 25pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 12pt;
	}

	.cat-section-title .cat-section-link a{
		font-size: 10pt;
	}

	.about-solution-text-content{
		font-size: 17pt;
	}

	.cat-section-item{
		height: 230px;
	}

	.cat-normal{
		height: 230px;
	}

	.cat-item-img{
		width: 190px;
	}

	.cat-page-item{
		height: 230px;
	}
}

@media only screen and (min-width: 1610px){
	.cat-section-item{
		height: 260px;
	}

	.cat-page-item{
		height: 260px;
	}

	.cat-normal{
		height: 250px;
	}

	.cat-item-img{
		width: 210px;
	}
}

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

	.cat-item-text{
		font-size: 16pt;
	} 

	.cat-section-title .cat-title{
		font-size: 28pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 17pt;
	}

	.cat-section-title .cat-section-link a{
		font-size: 15pt;
	}

	.about-solution-text-content{
		font-size: 18pt;
	}

	.cat-section-item{
		height: 260px;
	}

	.cat-page-item{
		height: 260px;
	}

	.cat-normal{
		height: 260px;
	}

	.cat-item-img{
		width: 220px;
	}
}

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

	.cat-item-text{
		font-size: 17pt;
	}

	.cat-section-title .cat-title{
		font-size: 29pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 18pt;
	}

	.cat-section-title .cat-section-link{
		padding: 8px 70px;
	}

}

@media only screen and (min-width: 2130px){
	.cat-item-text{
		font-size: 18pt;
	}

	.cat-section-title .cat-title{
		font-size: 30pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 19pt;
	}

	.cat-section-title .cat-section-link{
		padding: 8px 75px;
	}
}

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

	.cat-item-text{
		font-size: 19pt;
	}

	.cat-section-title .cat-title{
		font-size: 31pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 20pt;
	}

	.cat-section-title .cat-section-link{
		padding: 8px 100px;
	}
}

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

	.cat-item-text{
		font-size: 20pt;
	}

	.cat-section-title .cat-title{
		font-size: 32pt;
	}

	.cat-section-title .cat-sub-title{
		font-size: 21pt;
	}

	.cat-section-title .cat-section-link{
		padding: 10px 115px;
	}

	.cat-section-title .cat-section-link a{
		font-size: 17pt;
	}

}

@media only screen and (min-width: 1400px){
	.drop-down{
		top: 147px;
	}

	.team-item-txt-end{
		font-size: 18pt;
	}

	.about-solution-service-item{
		height: 520px;
	}
}

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

	.about-solution-service-item{
		height: 540px;
	}

	.team-item-txt-end{
		font-size: 21pt;
	}

	.service-item-title{
		padding: 10px;
	}

	.header-middle{
		font-size: 13px;
		padding: 0px 6%;
	}

	.project-item-text .project-item-text-name{
		font-size: 10pt;
	}
	
	.header-middle .other-service .service-link{
		padding: 15px 15px;
	}
	
	.header-middle .join-us .join-link .whatsapp img{
		height: 40px
	}
	
	.header-middle .join-us .join-link .hotline{
		font-size: 15px;
	}
	
	.header-bottom .search-box{
		width: 45%;
		margin-left: 80px;
	}
	
	.header-bottom  .category-box {
		margin-left: 30%;
	}
	
	.header-bottom .menu-user-box .menu-user .disp-name{
		max-width: 120px;
	}
	
	.login-container .logo-image{
		width: 250px;
	}
	
	.login-form .form-accesory .guntur{
		height: 230px;
		position: relative;
		left: -47px;
		bottom: -20px;
	}
	
	.login-form .form-accesory .playstore{
		height: 25px;
		position: relative;
		left: -71px;
	}
	
	.login-form .form-accesory .qr{
		height: 100px;
		position: relative;
		left: -60px;
	}
	
	.register-container .logo-image{
		width: 250px;
	}
	
	.register-form .form-accesory .guntur{
		height: 230px;
		position: relative;
		left: -47px;
		bottom: -20px;
	}
	
	.register-form .form-accesory .playstore{
		height: 25px;
		position: relative;
		left: -71px;
	}
	
	.register-form .form-accesory .qr{
		height: 100px;
		position: relative;
		left: -60px;
	}
	
	
	.page-sub-content{
		max-width: 1360px;
		margin: auto;
	}
	.profile-card{
		right: 130px;
	}
	
	.iklan-section{
		padding: 0px;
	}
	
	.category{
		padding: 0px;
	}
	
	.rame{
		padding: 0px;
	}
	
	.rame .rame-category-row{
		padding: 15px calc(3% + 7px);
	}
	
	
	.banner-section{

	}
	
	.banner-section .banner-row img{
		/* height: 410px; */
	}
	
	.join{
		padding: 0px;
	}
	
	.join-img a img{
		padding: 0px;
	}
	
	.gaming-section{
		padding: 0px;
	}
	
	.best-display-section{
		padding: 0px;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .left-top .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .middle-top .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .left-bottom .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .middle-bottom .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.banner-artl{
		padding: 0px;
	}
	
	.banner-kantor{
		padding: 0px;
	}
	
	.banner-kantor .text-banner-kantor h2{
		left: calc(7% + 20px);
	}
	
	.banner-kantor .text-banner-kantor h3{
		left: calc(7% + 20px);
	}
	
	.iklan-shop{
		padding: 0px;
	}
	
	.banner-furniture{
		padding: 0px;
	}
	
	.best-kantor{
		padding: 0px;
	}
	
	.best-kantor .text-kantor h2{
		left: 20px;
	}
	
	.best-kantor .text-kantor h3{
		left: 20px;
	}
	
	.inspiration-section{
		margin-left:0px;
		margin-right:0px;
		padding: 0px;
	}
	
	.showroom-section{
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.showroom-section .text-layout{
		margin-left: 0px;
		padding-left: 70px;
	}
	
	.showroom-section .shade-layout{
		padding-right: 70px;
	}

	.showroom-popup-container {
		display: flex;
		margin-left: 150px;
		margin-top: 200px;
		width: 100%;
		height: 100%;
	}
	
	.testimoni-section{
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.testimoni-section .testimoni-item{
		margin-left: 40px;
		margin-right: 40px;
		padding: 20px 40px;
	}
	
	.bottom-banner-section{
		padding: 0px;
	}
	
	.footer-img{
		margin-left: 20px;
        margin-right: 50px;
	}
	
	.footer-right .text-layer{
		left: 225px;
	}

	.footer-right .footer-open{
		text-align: end;
	}

	.footer-subscribe .subscribe-input{
		width: 90%;
	}
		
	.total-blackout01 .mask-02{
		position: fixed;
		top: 95px;
		height: 50px;
		left:0;
		right:0;
		background: 
		linear-gradient(90deg,
			rgba(0,0,0,0.55) 41px,
			rgba(0,0,0,0) 41px,
			rgba(0,0,0,0) 150px,
			rgba(0,0,0,0.55) 150px,
			rgba(0,0,0,0.55) 100%
		);
	}

	.footer-sosmed-item a img{
		width: 45px;
	}

	.about-text-item{
		padding: 10px 30px;
	}
}

@media only screen and (min-width: 1600px){
	.team-item-txt-end{
		font-size: 23pt;
	}

	.about-solution-service-item{
		height: 560px;
	}

	.about-text-item{
		padding: 10px 20px;
	}

	.about-text-item-content{
		font-size: 17pt;
	}
}

@media only screen and (min-width: 1700px){
	.total-blackout03 .mask-02 {
		position: fixed;
		top: 28px;
		height: 30px;
		left: 0;
		right: 0;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 1500px, rgba(0, 0, 0, 0) 1500px, rgba(0, 0, 0, 0) 1706px, rgba(0, 0, 0, 0.55) 1600px, rgba(0, 0, 0, 0.55) 100%);
	}

	.team-item-txt-end{
		font-size: 25pt;
	}


	.about-solution-service-item{
		height: 580px;
	}

	.about-text-item-title{
		margin-bottom: 41px;
	}

	.about-text-item-content{
		font-size: 18pt;
		line-height: 40px;
	}
	
	.header-top{
		font-size: 16px;
	}
	
	.header-middle{
		font-size: 16px;
	}
	
	.header-bottom .menu-user{
		font-size: 18px;
	}
	
	.header-bottom .menu-user-box .menu-user .disp-name{
		max-width: 150px;
	}
	
	.header-bottom .menu-user-box{
		font-size: 18px;
	}

	.footer-sosmed-item a img{
		width: 50px;
	}
	
	.profile-card{
		right: 200px;
	}
	
	.iklan-section{
		padding: 0px;
	}
	
	.category{
		padding: 0px;
	}
	
	.rame{
		padding: 0px;
	}
	
	.rame .rame-category-row{
		padding: 15px calc(4% + 6px);
	}
	
	.banner-section{
		
	}
	
	.banner-section .banner-row img{
		width: auto;
	}
	
	.join{
		padding: 0px;
	}
	
	.join-img a img{
		padding: 0px;
	}
	
	.gaming-section{
		padding: 0px;
	}
	
	.best-display-section{
		padding: 0px;
	}
	
	/*
	
	.best-seller-image img{
		width: auto;
		height: 450px;
	}
	
	.best-seller-item-container .best-seller-item-card{
		padding: 20px;
		width: 210px;
	}
	
	.best-seller-item-container{
		left: -15px;
		top: 0px;
		width: 1260px;
	}
	*/
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .left-top .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .middle-top .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .left-bottom .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.portfolio-section .portfolio-home-container .portfolio-home-left .middle-bottom .portfolio-bg img{
		width: 110%;
		height: auto;
	}
	
	.banner-artl{
		padding: 0px;
	}
	
	.banner-kantor{
		padding: 0px;
	}
	
	.banner-kantor .text-banner-kantor h2{
		left: 20px;
	}
	
	.banner-kantor .text-banner-kantor h3{
		left: 20px;
	}
	
	.iklan-shop{
		padding: 0px;
	}
	
	.banner-furniture{
		padding: 0px;
	}	
	
	.best-kantor{
		padding: 0px;
	}
	
	.best-kantor .text-kantor h2{
		left: 20px;
	}
	
	.best-kantor .text-kantor h3{
		left: 20px;
	}
	
	.inspiration-section{
		margin-left:0px;
		margin-right:0px;
		padding: 0px;
	}
	
	.showroom-section{
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.testimoni-section{
		margin-left: 0%;
		margin-right: 0%;
	}
	
	.testimoni-section .testimoni-item{
		margin-left: 40px;
		margin-right: 40px;
		padding: 20px 40px;
	}
	
	.bottom-banner-section{
		padding: 0px;
	}
	
	.footer-img{
		margin-left: 50px;
        margin-right: 100px;
	}
	
	.footer-right .text-layer{
		left: 360px;
	}

	.footer-right .footer-open{
		text-align: end;
	}

	.footer-subscribe .subscribe-input{
		width: 80%;
	}
	
	.showroom-popup-container{
		display: flex;
		margin-left: 240px;
		margin-top: 200px;
		width: 100%;
		height: 100%;
	}
	
}

@media only screen and (min-width: 1800px){
	.team-item-txt-end{
		font-size: 28pt;
	}

	.about-solution-service-item{
		height: 600px;
	}

	.about-text-item-content{
		font-size: 19pt;
	}
}

@media only screen and (min-width: 1900px){
	.team-item-txt-end{
		font-size: 30pt;
	}

	.about-solution-service-item{
		height: 650px;
	}

	.about-text-item-content{
		font-size: 21pt;
	}

}

@media only screen and (min-width: 2000px){
	.team-item-txt-end{
		font-size: 33pt;
	}
}

@media screen and (max-width: 768px) {
    .banner-section-box {
        flex-direction: column;
        height: auto;
    }

    .banner-section-item.single,
    .banner-section-item.double {
        width: 100%; 
        height: 350px;
    }

    .banner-section-sub-box {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .banner-section-sub {
        width: 50%;
        height: 100%;
        padding: 5px;
    }
}