.box-row .box-body {
        padding: 20px;
	}
		.box-row form {
		    width: 80%;
		    margin: auto;
		}
			.box-body .form-grup {
			    padding: 10px 0px;
			}
				.box-body .form-grup label {
				    color: #0e3c5d;
			        width: 120px;
			        display: block;
				    float: left;
			        height: 33px;
				    line-height: 33px;
				}
				.box-body .form-grup .select {
				    width: calc(100% - 120px);
				    border: 1px solid #d7d7d7;
				}
				.box-body .form-grup input[type="text"] ,
				.box-body .form-grup input[type="email"] ,
				.box-body .form-grup textarea {
				    width: calc(100% - 120px);
				    top: 0px;
				    left: 0px;
				    background-color: #fefefe;
				    border: 1px solid #d7d7d7;
				    height: 33px;
				    color: #a9a9a9;
			        padding: 10px;
		            font-size: 16px;
				    font-family: Pridi,serif;
				}
				.box-body .form-grup textarea {
				    height: 200px;
				}
				.box-body .form-grup input[type="submit"] {
				    background-color: #252525;
				    padding: 5px 10px;
				    color: #ffffff;
				    font-size: 16px;
				    font-family: Pridi,serif;
				    text-align: center;
				    border: 0;
				    border-radius: 4px;
				    width: 250px;
				    margin: auto;
				    display: block;
			        cursor: pointer;
				    transition: .3s;
				}
				.form-grup .g-recaptcha {
				    padding-left: 120px;
				}
				
			.box-body .list {
			    float: left;
			    width: 50%;
			    padding: 10px 0px;
			}
				.box-body .list img {
				    float: left;
			        width: 100px;
				    margin-right: 20px;
				    transition: .5s ease;
				}
				.box-body .list:hover img {
				    transform: matrix(1.2,0,0,1.2,0,0);
				}
				.box-body .list .img {
				    background-position-x: center;
				    background-position-y: top;
				    background-size: cover;
			        transition: .5s;
				    float: left;
			        width: 100px;
				    margin-right: 20px;
				}
				.box-body .list:hover .img {
				    transform: matrix(1.1,0,0,1.1,0,0);
				}
					.box-body .list .img img {
						opacity: 0;
						display: block;
					}
								
				.box-body .list h3 {
				    font-weight: 400;
				    color: #0e3c5d;
				    padding-right: 20px;
			        max-height: 60px;
				    overflow: hidden;
				}
	
	.box-row .box-body + hr ,
	.box-row .box-map + hr {
	    border: 0;
	    border-bottom: 1px solid #e9e9e9;
	    margin: 30px 0px;
	}
		
	.box-map {

	}
	 	.box-map #map {
		    width: 100%;
		    height: 300px;
		    border-bottom: 2px solid #d9b312;
		}
		.map-detail {
		    background: #0e3c5d;
		    border-top: 2px solid #d9b312;
		    color: #ffffff;
		}
			.map-detail .textAddress {
				display: table;
				width: 100%;
			    padding: 30px;
			    position: relative;
			}
				.map-detail .textAddress div {
					float: left;
					width: 33.33%;
					padding: 0px 50px;
				}
					.map-detail .textAddress div::before {
					    content: "";
					    border-left: 1px solid rgba(255, 255, 255, 0.1);
					    position: absolute;
					    margin-left: -50px;
					    height: calc(100% - 60px);
					}
					.map-detail .textAddress div:first-child::before {
					    display: none;
					}
						.map-detail .textAddress h4 {
							margin: 0px;
						    font-weight: 400;
						}
			
			.map-detail table {
			    width: 100%;
		        padding: 15px;
			    display: block;
			}
	 			.map-detail table td.head {
				    color: #ffffff !important;
			        width: 35%;
				}
		
/* --------------------------------------------------- contactus02 --------------------------------------------------- */

.contactus02 {
	
}
	.contactus02 .box-row .box-body {
	    background: transparent;
	}

/* --------------------------------------------------- contactus03 --------------------------------------------------- */

.contactus03 {
	
}
	.contactus03 .box-row .box-body {
	    display: table;
	}
	
/* --------------------------------------------------- contactus-detail --------------------------------------------------- */

.contactus-detail {
	
}
	.contactus-detail .box-row .box-body {
	    background: transparent;
        max-width: 590px;
	    margin: auto;
        display: table;
        width: 100%;
	}
		.contactus-detail .box-body .box-img {
	        width: 35%;
		    float: left;
		    overflow: hidden;
		}
			.contactus-detail .box-body .box-img img {
			    width: 100%;
			    margin-bottom: -6px;
			    transition: .5s;
			}
			.contactus-detail .box-body .box-img:hover img {
			    transform: matrix(1.2,0,0,1.2,0,0);
			}
		
		.contactus-detail .box-body .box-detail {
	        width: calc(65% - 20px);
	        float: left;
	        min-height: 193px;
	        padding-left: 20px;
            padding-bottom: 20px;
	        margin-left: 20px;
	        border-left: 1px solid #d9d9d9;
		}
			.contactus-detail .box-body .box-detail h2 {
			    color: #252525;
			    font-weight: 400;
			    margin: 11px 0px 5px 0px;
			}
			.contactus-detail .box-body .box-detail span {
			    color: #113f6e;
			}
			.contactus-detail .box-body .box-detail span + hr {
			    border: 0;
			    border-bottom: 3px solid transparent;
			    width: 50px;
			    margin: initial;
		        margin-top: 15px;
			}
			.contactus-detail .box-body .box-detail .box-Contact {
			    color: #7d7d7d;
		        line-height: 20px;
			    margin-top: 20px;
			}
			
	.contactus-detail .Detail {
		
	}
		.contactus-detail .Detail .head {
		    color: #fff;
		    padding: 10px 10px 10px 25px;
		}
		.contactus-detail .Detail div {
		    padding: 10px 25px;
		}
		.contactus-detail .Detail ul {
			list-style-type: disc;
		    padding: 0px 25px 0px 40px;
		}
		.contactus-detail .Detail ol {
			list-style-type: decimal;
		    padding: 0px 25px 0px 40px;
		}
			.contactus-detail .Detail ol li {
			    padding: 5px 0px;
			}
		
		.contactus-detail .Detail table {
			width: 100%;
		}
			.contactus-detail .Detail table td {
			    border: 1px solid #e9e9e9;
			    padding: 10px 23px;
		        vertical-align: middle;
			}
			.contactus-detail .Detail table td:first-child {
			    border-left: 0;
			}
			.contactus-detail .Detail table td:last-child {
			    border-right: 0;
			    color: #4596c8;
			}


/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.map-detail .textAddress div {
		padding: 0px 20px;
	}
	.box-row form {
	    width: 100%;
	}

}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-row form {
	    width: 100%;
	}
	.contactus-detail .box-body .box-img {
	    width: 100%;
    }
    .contactus-detail .box-body .box-detail {
	    width: 100%;
	    padding: 0px;
	    margin: 0px;
	    border: 0;
	}
	.box-row .box-body {
	    padding: 15px;
	    background: #f7f7f7;
	}
	.contactus-detail .box-body .box-img::before {
		display: none;
	}
	.contactus-detail .Detail table td {
	    padding: 5px 15px;
	}
	.box-body .form-grup .select ,
	.box-body .form-grup input ,
	.box-body .form-grup textarea {
	    width: 100% !important;
	}
	.box-body .list {
	    width: 100%;
    }
	.map-detail .textAddress div {
		padding: 10px 0px;
		float: none;
		width: 100%;
	}
	.map-detail .textAddress div::before {
	    display: none;
	}
   	.form-grup .g-recaptcha {
	    padding-left: 0px;
	}
	.form-grup .g-recaptcha > div ,
	.form-grup .g-recaptcha iframe {
	    max-width: 100% !important;
	}
	.map-detail table tr {
	    display: grid;
	    padding: 10px;
	}
	.map-detail table td.head {
		width: 100%;
	    font-weight: 600;
	}
 
}