/* Add here all your CSS customizations */
#header {min-height: 100px!important;}
.no-mg {margin: 0 !important;}
.tp-mask-wrap {overflow: visible !important;}
.lead {font-weight: 600!important; margin-bottom: 10px!important;}

.newsletter a { text-decoration:none}
.newsletter .on { border-bottom: 2px solid #219cd2!important;}
.newsletter ul li p { font-size: 16px; border-bottom: 1px solid #DDD; display: block; padding: 5px; text-decoration:none}
.newsletter ul li p:hover { border-bottom: 1px solid #219cd2;}
.newsletter ul li span { width:70px; text-align: left!important; display: block; margin: 0 auto;}
.newsletter .list.list-icons li { text-align: left;}

.service-icon a { text-decoration:none}
.service-icon h4 {margin: 10px 0;}
.service-icon {margin-bottom: 80px;}
.service-icon i { color:#219cd2 !important;}

.detail-name { background-color: #333; display: block; color:#FFFFFF ; padding: 5px;}
.letter-sp {letter-spacing: 2px;}

.header-nav button { font-size: 20px;}

span.image-container {
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
}

span.image-container img {
  width: 100%;
}


.thumb-gallery .owl-thumbs li { 
    display: inline-block;
    list-style: none;
    width: 15%;
}

.thumb-gallery .owl-thumbs li img { 
    width: 100%;
}

@media (max-width: 767px) {
	.xs-custom-mt-xlg {
		margin-top: 30px !important;
	}
	#footer h4 {
	border: 1px solid #555;
	padding: 5px;
}

}
@media (max-width: 550px) {
	#header.header-narrow .header-logo img {
	width: 390px;
}
    #header.header-narrow .header-logo img {
	margin-top: 15px;
}
}

@media (max-width: 480px) {
	#header.header-narrow .header-logo img {
	width: 310px;
}
    #header.header-narrow .header-logo img {
        margin-top: 25px;
}
}

@media (max-width: 400px) {
	#header.header-narrow .header-logo img {
	width: 280px;
}

}