@CHARSET "UTF-8";

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

	#mastorder span {
		display: inline-block;
	}
	
	#sleeve, #bottom, #collar, #cuff, #front-n-back, #pocket, #mix-n-match, 
	#button-style, #monogram, #personal, #suit-button-style, #suit-lapel, #suit-pocket, 
	#suit-sleeve-button, #suit-bottom, #suit-vent, #suit-contrast, #suit-jacket-detail,
	#suit-pant-style, #suit-pleat-style, #suit-pant-pocket-style, #suit-back-pocket-style,
	#suit-beltloop, #suit-pant-cuff-style, #suit-monogram, #suit-personal {
		width: 80%;
	}
	
	#front-n-back .swiper-container {
		display: inline-block;
	}
	
	#front {
		width: 45%;
		margin-bottom: 0px !important;
	}
	
	#back {
		width: 50%;
	}
	
	#suit-personal .swiper-wrapper, #suit-monogram .swiper-wrapper {
		width: 450px;
		margin: auto;
	}
	
	#suit-personal .detail {
		height: 200px;
		margin-bottom: 0px;
	}
	
	#suit-personal .detail span {
		float: left;
		width: 100% !important;
		line-height: 1;
	}
	
	#suit-personal .detail input {
		margin-bottom: 20px;
	}
	
	#suit-monogram .swiper-wrapper {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 1039px) {
	.toplink-inner {
		max-width: 1000px;
	}
	#suit-personal .detail, .detail{
		height: 200px;
		margin-bottom: 0px;
	}

	.detail span, .detail input {
		float: left;
		width: 100% !important;
		line-height: 1;
	}
	
	.detail input, .detail .long {
		width: 300px !important;
		clear: both;
	}
	
	.detail input {
		margin-bottom: 20px;
	}
	
	#suit-personal .swiper-wrapper {
		width: 450px;
		margin: auto;
	}
	
	#suit-jacket-detail .swiper-wrapper {
		width: 500px;
		margin: auto;
	}
	
	#suit-jacket-detail .list2 p {
		margin-left: 0px;
	}
	
	.merge-left {
		
	}
	
	.merge-right {
		
	}
}

@media screen and (max-width: 800px) {
	#mastorder {
		width: 550px;
	}
	
	#mastorder span {
		margin: 0;
	}
	
	#mastorder input {
		margin: auto;
		margin-left: 50px;
		margin-right: 50px;
		margin-bottom: 20px;
		width: 450px;
		text-align: center;
	}
        
        #sex {
            display: block;
            margin: 10px auto 20px;
        }
}

@media screen and (max-width: 1024px) and (min-width: 1024px) {
	#sleeve, #bottom, #collar, #cuff, #front-n-back, #pocket, #mix-n-match, 
	#button-style, #monogram, #personal, #suit-button-style, #suit-lapel, #suit-pocket, 
	#suit-sleeve-button, #suit-bottom, #suit-vent, #suit-contrast, #suit-jacket-detail,
	#suit-pant-style, #suit-pleat-style, #suit-pant-pocket-style, #suit-back-pocket-style,
	#suit-beltloop, #suit-pant-cuff-style, #suit-monogram, #suit-personal {
		width: 96%;
	}
}