.body-all-4{
	margin:0;
	padding:0;
	position:relative;
	margin-top: 0px;
	min-height:500px;
	background:url(../images/sub/bg-sub3.jpg) top left no-repeat;
}
.body-all-4 .container-fluid{
	padding-right: 0px;
    padding-left: 0px;	
}
.body-all-4 .topname-2{
	margin:0;
	padding: 29px 0px;
	/* height: 84px; */
	position:relative;
	text-align:center;
	/* border-bottom:6px solid #C5C5C5; */
	color: #ffffff;
	  font: 20px/20px 'Kanit', Arial, sans-serif;
	  /* border-bottom:2px solid #fff; */
	/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.body-all-4 .topname-2 .arrow{
	position:absolute;
    top: 50%;
    left: 16px;
	margin-top: -12px;
	display:none;
}
.body-all-4 .topname .arrow img{
	max-width:100%;
	height:auto;
}

.body-all-4 .icon-pack{
	display:none;
	position:absolute;
	top:0px;
	right:0;
}

.body-all-4 .icon-pack .icon{
	margin:0;
	padding: 0 10px;
	margin-top: 20px;
	position:relative;
	    width: 60px;
}
.body-all-4 .icon-pack .icon img{
	max-width:100%;
	height:auto;
}
.body-all-4 .icon-pack .icon .noti{
	position:absolute;
	top:0;
	right:0;
	padding:5px 8px;
	background:#FF0000;
	text-align:center;
	color:#fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-size:13px;
	line-height:13px;
}







.body-all-4 .sub-in{
	padding: 0;
	min-height:500px;
}

.sendtoleave-row{
	margin:0;
	padding:0;
	text-align:center;
		position: relative;
	margin-top: -50px;
}

.sendtoleave-row img{
	max-width:80%;
	height:auto;

}

/*******************************/

@media (min-width: 320px) and (max-width: 768px) { 

.body-all-4{background: #183a6a url(../images/sub/bg-sub3-m.jpg) -940px 0px no-repeat;}

.body-all-4 .topname-2{
	margin:0;
	padding: 20px 0px;
	position:relative;
	text-align:center;
	height:56px;
	color: #ffffff;
	  font: 18px/20px 'Kanit', Arial, sans-serif;
}
.body-all-4 .topname-2 .arrow{
	display:block;	
}

 }


@media (max-width: 374px) { 

.body-all-4 .container-cv-2{
	padding-left:0px;
	padding-right:0px;	
}
.body-all-4 .icon-pack{
	display:block;	
	top:-12px;
}
.body-all-4 .icon-pack .icon{
	margin-top: 25px;
    width: 50px;	
}
.body-all-4 .icon-pack .icon .noti{
    padding: 2px 5px;	
}
 }
 
 
@media (min-width: 375px) and (max-width: 419px) { 
.body-all-4 .container-cv-2{
	padding-left:0px;
	padding-right:0px;	
}
.body-all-4 .icon-pack{
	display:block;	
	top:-12px;
}
.body-all-4 .icon-pack .icon{
	margin-top: 25px;
    width: 50px;	
}
.body-all-4 .icon-pack .icon .noti{
    padding: 2px 5px;	
}
 }
@media (min-width: 420px) and (max-width: 575px) { 
.body-all-4 .container-cv-2{
	padding-left:0px;
	padding-right:0px;	
}
.body-all-4 .icon-pack{
	display:block;	
	top:-12px;
}
.body-all-4 .icon-pack .icon{
	margin-top: 25px;
    width: 50px;	
}
.body-all-4 .icon-pack .icon .noti{
    padding: 2px 5px;	
}
 }
@media (min-width: 576px) and (max-width: 767px) { 
.body-all-4 .container-cv-2{
	padding-left:0px;
	padding-right:0px;	
}
.body-all-4 .icon-pack{
	display:block;	
	top:-12px;
}
.body-all-4 .icon-pack .icon{
	margin-top: 25px;
    width: 50px;	
}
 }
@media (min-width: 768px) and (max-width: 991px) { 
.body-all-4{background: #183a6a url(../images/sub/bg-sub3-m.jpg) top right no-repeat;}
.body-all-4 .container-cv-2{
	padding-left:0px;
	padding-right:0px;	
}
.body-all-4 .icon-pack{
	display:block;	
	top:-12px;
}
.body-all-4 .icon-pack .icon{
	margin-top: 22px;
    width: 54px;	
}
 }
@media (min-width: 992px) and (max-width: 1199px) { 
.body-all-4{
background:url(../images/sub/bg-sub3-m.jpg) top right no-repeat;

}
.body-all-4 .container-cv-2{
	padding-left:0px;
	padding-right:0px;	
}
.body-all-4 .icon-pack{
	display:block;	
}
.body-all-4 .icon-pack .icon{
	margin-top: 22px;
    width: 54px;	
}
.body-all-4 .topname-2 .arrow{
	display:block;	
}

 }

@media (min-width: 1281px) and (max-width: 1366px) { 

 }
@media (min-width: 1367px) and (max-width: 1440px) { 

 }
@media (min-width: 1441px) and (max-width: 1600px) { 

 }