.top_banner{
	width:1680px; height:591px;
	margin:0 auto;
}

.tailor_table{
	width:1070px;
	margin: 0 auto;
}    
.left_cell{
	width:666px; height:375px;
	float:left;
	margin-top:30px;
}
.right_cell{
	width:370px;
	float:right;
	margin-left:30px;
	margin-top:50px;
	line-height:22px;
}

.sub_txt{
	width:1070px;
	margin:0 auto;
	text-align: justify;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	margin-top:22px;
}
.sub_txt_2{
	width:1070px;
	margin:0 auto;
	text-align: justify;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	margin-top:0px;
}
.sub_txt_3{
	width:1070px;
	margin:0 auto;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	margin-top:0px;
}
.sub_txt_4{
	width:1070px;
	margin:0 auto;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin-top:0px;
}

.block_container{
	width:1070px;
	margin:0 auto;
	text-align: justify;
}
.block_container .block{
	display:inline-block;
	width:245px; height:245px;
	margin-top:25px;
	position:relative;
	text-align:center;
	background-size:100%;
	
	transition: all 0.3s ease-in-out;
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
}
.block_container:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}
.block_container .block_1{
	background:url("../images/tailor_3.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_1:hover{
	background-size:108%;
}
.block_container .block_2{
	background:url("../images/tailor_4.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_2:hover{
	background-size:108%;
}
.block_container .block_3{
	background:url("../images/tailor_5.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_3:hover{
	background-size:108%;
}
.block_container .block_4{
	background:url("../images/tailor_6.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_4:hover{
	background-size:108%;
}
.block_container .block_5{
	background:url("../images/tailor_7.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_5:hover{
	background-size:108%;
}
.block_container .block_6{
	background:url("../images/tailor_8.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_6:hover{
	background-size:108%;
}
.block_container .block_7{
	background:url("../images/tailor_9.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_7:hover{
	background-size:108%;
}
.block_container .block_8{
	background:url("../images/tailor_10.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_8:hover{
	background-size:108%;
}

.block_container .block_l{
	display:inline-block;
	width:520px; height:300px;
	margin-top:25px;
	position:relative;
	text-align:center;
	background-size:100%;
	
	transition: all 0.3s ease-in-out;
  	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-ms-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
}
.block_container .block_l:hover{
	background-size:108%;
}
.block_container .block_l_1{
	background:url("../images/tailor_b_1.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_1:hover{
	background-size:108%;
}
.block_container .block_l_2{
	background:url("../images/tailor_b_2.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_2:hover{
	background-size:108%;
}
.block_container .block_l_3{
	background:url("../images/tailor_b_3.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_3:hover{
	background-size:108%;
}
.block_container .block_l_4{
	background:url("../images/tailor_b_4.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_4:hover{
	background-size:108%;
}
.block_container .block_l_5{
	background:url("../images/tailor_b_5.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_5:hover{
	background-size:108%;
}
.block_container .block_l_6{
	background:url("../images/tailor_b_6.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_6:hover{
	background-size:108%;
}
.block_container .block_l_7{
	background:url("../images/tailor_b_7.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_7:hover{
	background-size:108%;
}
.block_container .block_l_8{
	background:url("../images/tailor_b_8.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_8:hover{
	background-size:108%;
}
.block_container .block_l_9{
	background:url("../images/tailor_b_9.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_9:hover{
	background-size:108%;
}
.block_container .block_l_10{
	background:url("../images/tailor_b_10.jpg") center center no-repeat;
	background-size:100%;
}
.block_container .block_l_10:hover{
	background-size:108%;
}

/*IG slider*/
.slick-slide {
    height: 179px !important;
}
.slick-list{
	width:1070px !important;
}
.slick-next {
    right: 10px !important;
}
#instafeed{
	margin-bottom:60px;
}
#instafeed img{
	width: 100%;
}
*:focus {
    outline: none;
}


.ig_popup{
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	display:none;
}
.ig_popup .popup_content_tailor{
	width:500px;
	height:500px;
	position:absolute;
	top:calc(50% - 250px);
	left:calc(50% - 250px);
}
.ig_popup .popup_content_tailor img{
	width:500px;
	height:500px;
	border:5px solid #fff;
}

.tailor_logo{
	width:150px !important;
	height:150px !important;
	margin-bottom:20px;
}


@media (max-width: 1679px) {
	.top_banner{
		width:100%; height:auto;
		margin:0 auto;
	}
	.top_banner img{
		width:100%; 
	}
	
	.tailor_table{
		width:970px;
		margin: 0 auto;
	}    
	.left_cell{
		width:640px; height:360px;
	}
	.left_cell img{
		width:640px; height:360px;
	}
	.right_cell{
		width:300px;
	}
	
	.sub_txt, .sub_txt_2, .sub_txt_3, .sub_txt_4{
		width:970px;
	}

	.block_container{
		width:970px;
		margin-top:15px;
	}
	.block_container .block{
		width:225px; height:225px;
		margin-top:10px;
	}
	
	.block_container .block_l{
		width:475px; height:274px;
		margin-top:10px;
	}
	
	.slick-slide {
		height: 162px !important;
	}
	.slick-list{
		width:970px !important;
	}
}
@media (max-width: 1023px) {
	.tailor_table{
		width:750px;
		margin: 0 auto;
	}    
	.left_cell{
		width:470px; height:265px;
	}
	.left_cell img{
		width:470px; height:265px;
	}
	.right_cell{
		width:260px;
		margin-left:20px;
		font-size:12px;
		line-height:18px;
		margin-top:40px;
	}
	
	.sub_txt, .sub_txt_2, .sub_txt_3, .sub_txt_4{
		width:750px;
	}
	
	.block_container{
		width:750px;
		margin-top:15px;
	}
	.block_container .block{
		width:175px; height:175px;
		margin-top:10px;
	}
	.block_container .block_l{
		width:360px; height:208px;
		margin-top:10px;
	}
	
	.slick-slide {
		height: 188px !important;
	}
	.slick-list{
		width:750px !important;
	}
}
@media (max-width: 767px) {
	.tailor_table{
		width:320px;
		margin: 0 auto;
	}    
	.left_cell{
		display:block;
		width:320px; height:180px;
		margin-bottom:20px;
	}
	.left_cell img{
		width:320px; height:180px;
	}
	.right_cell{
		display:block;
		width:320px;
		font-size:12px;
		line-height:18px;
		margin-bottom:0px;
		margin-top:0px;
		margin-left:0px;
		text-align:justify;
	}
	
	.sub_txt, .sub_txt_2, .sub_txt_3, .sub_txt_4{
		width:320px;
	}
	
	.block_container{
		width:320px;
		margin-top:10px;
	}
	.block_container .block{
		width:155px; height:155px;
		margin-top:5px;
	}
	.block_container .block_l{
		width:320px; height:185px;
		margin-top:5px;
	}
	
	.slick-slide {
		height: 160px !important;
	}
	.slick-list{
		width:320px !important;
	}
	
	.ig_popup .popup_content_tailor{
		width:306px;
		height:306px;
		top:calc(50% - 153px);
		left:calc(50% - 153px);
	}
	.ig_popup .popup_content_tailor img{
		width:306px;
		height:306px;
	}
}