@media only screen and (max-width: 1700px) {
	
	
	
	.NEWBANNER{
		width: calc(100% - 550px - 40px);
		top: 100px;
		left: 40px;
		height: auto;
		position: absolute;
		flex-flow: 0px;
	}
	
	
	.HI{
		width: 500px;
		position: fixed;
		height: 100vh;
		top: 0px;
		right: 0px;
	}
	
	.MYPROD {
		width: calc(100% - 500px - 50px);
		height: auto;
		margin-left: 50px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
	
	#ARIANE{
		max-height: 400px;
	}
	
	.SURF {
		width: calc((100% / 4) + 1px);
		height: auto;
		float: left;
		border: 1px dotted rgba(0, 0, 0, 0.3);
		margin-top: -1px;
		margin-left: -1px;
		position: relative;
		cursor: pointer !important;
	}
	
	
	.KONA{
		margin-left: 0px;
		width: calc(100% - 50px)
	}
	
	
	
	.THI{
		position: absolute;
		left: 450px;
		top: 0px;
		height: 650px;
	}

	.THI_SHADOW{
		position: absolute;
		left: 450px;
		top: 0px;
		height: 650px;
		mix-blend-mode: darken;
	}
	
	.THI2{
		position: absolute;
		left: 450px;
		top: 20px;
		height: 550px;
	}

	.THI2_SHADOW{
		position: absolute;
		left: 450px;
		top: 20px;
		height: 550px;
		mix-blend-mode: darken;
	}
	
	
	.THIRIGHT{
		position: absolute;
		width: 450px;
		right: 0px;
		top: 20px;
	}
	
	
	#PRODUTO_ESPECIFICO{
		width: calc(100% - 550px);
		height: auto;
		float: left;
		position: absolute;
		z-index: 9999999
	}
	
	
	
	
	.MONST_1{
		width: calc(100% - 550px);
		height: auto;
		min-height: 300px;
		position: relative;
		margin-left: 50px;
		float: left;
	}
	
	
	.MYGO_1{
		width: 500px;
		height: 500px;
		float: left;
		position: sticky;
		top: 100px
	}
	
	
	
	
	.NAI_1{
		position: relative;
		width: calc(100% - 550px);
		height: auto;
		min-height: 300px;
		left: 0px;
		top: 0px;
	}
	
	.NAI_4{
		font-size: 32px;
		line-height: 32px;
		color: #fff;
	}
	
	
	.NAI_7{
		width: 400px;
		height: 400px;
		position: relative;
		margin-top: 100px;
		border: 1px dotted #999;
		border-radius: 10px;
		float: right;
	}

	
	
	
}