/*
 * ------------------------------------------------------------------------
 * JA Elastica Template for J25 & J3x
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

/* MASONRY PRESETS (240px*5 Grids)
--------------------------------------------------------- */
/* Sizes---*/
.ja-masonry,
.grid-double,
.grid-tripple,
#ja-header .main,
#ja-content,
.item {
  float: none !important;
  width: 100% !important;
}

#contact-form dl dd input.required,
#contact-form dl dd textarea.required {
  width: 90% !important;
}

#bd #ja-megamenu {
	float: left;
	width: 40%;
	position: absolute;
}
#enquiry_form {
	width: 48.4%;
	float: left;
	height: 8em;
	background-size: 100%;
	padding: 13px 10px;
	border: 6px solid #BD9E62;
	position: absolute;
	left: 4%;
	top: 15%;
}.about_empty {
	background: #000;
	padding: 0;
}
.about_img p img {
	width: 100%;
	height: 20em;
}
.about {
	width: 80%;
	float: left;
	color: #FFF;
	position: absolute;
	left: 20%;
	top: 20%;
	border: 6px solid #BD9E62;
	height: 13em;
	background-repeat: no-repeat;
}
.about_cont > p {
	font-size: 11px;
	text-align: left;
	padding: 0% 0%;
	font-family: 'Montserrat-Regular';
	margin-top: 0.5%; 
	color: #000;
}
.about_title {
	width: 50%;
	float: left;
	padding: 4%;
	margin-top: 8%;
}
.about_cont {
	width: 46%;
	float: right;
}
.line_arrow {
	position: absolute;
	top: 100%;
	left: 65%;
	display: none;
}
#read_more {
	position: absolute;
	top: 94%;
	left: 55%;
	background: #FFF;
	padding: 0px 0;
	font-size: 16px;
	color: #FFF;
}
.line_arrow img {
	width: 55%;
}
.bx-viewport > ul li {
	background: none;
	width: 100%;
	float:left;
	height: auto;
}
.bx-viewport {
	padding-bottom: 5%;
}
#submit_button {
	width: 5em;
	height: 2em;
	border: none;
	margin: 1% 2em;
	float: right;
	font-size: 11px;
	background-color: #f4a460;
	color: #FFF;
	font-family: 'Montserrat-Regular';
	cursor: pointer;
}
.author {
	color: #000;
	font-size: 12px;
	font-family: 'Montserrat-Regular';
	margin-top: 4px;
	text-align: center;
}
#name1 {
	width: 9em;
	float: left;
	height: 1.5em;
	font-size: 14px;
	margin-left: 0%;
	font-family: 'Montserrat-Regular';
	padding-left: 2%;
	border: 1px solid #C7BFC3;
}
#name2 {
	width: 9em;
	float: left;
	height: 1.5em;
	font-size: 14px;
	margin-left: 0%;
	padding-left: 2%;
	font-family: 'Montserrat-Regular';
	border: 1px solid #C7BFC3;
}
#name4 {
	width: 9em;
	font-size: 14px;
	margin-left: 0%;
	margin-top: 3%;
	padding-left: 2%;
	height: 2em;
	font-family: 'Montserrat-Regular';
	border: 1px solid #C7BFC3;
}
#bd #ja-content-main {
	background: #FFF;
	padding: 0;
}
#helmets_information {
	margin: 0 auto;
	width: 90%;
}
.info_page {
	width: 50%;
	float: left;
	padding: 0 0 2em;
}
.about_info {
	width: 100%;
	float: left;
	padding: 0 0 2em;
}
.footer2 {
	width: 100%;
	float: left;
	text-align: left;
}
.location1 {
	width: 51%;
	float: left;
	text-align: left;
	padding: 0 0 0 0%;
}
.icons > ul li {
	float: left;
	background: none;
	margin: 0 10px;
	padding: 0;
}
.listz > ul li {
	background: none;
	width: 50% !important;
	float: left !important;
	margin: 10px 0px;
	height: auto;
}
.banner3 {
	width: 100%;
	float: left;
	height: auto;
}
.about_img p img {
	width: 100%;
	height: 18em;
}
#name4 {
	width: 15em;
	font-size: 14px;
	margin-left: 2%;
	margin-top: 3%;
	padding-left: 2%;
	height: 3em;
	font-family: 'Montserrat-Regular';
	border: 1px solid #C7BFC3;
}
#name1 {
	width: 15em;
	float: left;
	height: 2em;
	font-size: 14px !important;
	margin: 0 0 0.5em 2%;
	font-family: 'Montserrat-Regular';
	padding: 02%;
	border: 1px solid #C7BFC3;
}
#name2 {
	width: 15em;
	float: left;
	height: 2em;
	font-size: 14px;
	margin: 0 0 0.1em 2%;
	padding-left: 2%;
	font-family: 'Montserrat-Regular';
	border: 1px solid #C7BFC3;
}
#submit_button {
	width: 6em;
	height: 2em;
	border: none;
	margin: 2% 9.5em;
	float: left;
	font-size: 14px;
	background-color: #f4a460;
	color: #FFF;
	font-family: 'Montserrat-Regular';
}
#enquiry_form {
	width: 80%;
	float: left;
	height: 13.3em;
	background-size: 100%;
	padding: 12px 10px;
	border: 6px solid #BD9E62;
	position: absolute;
	left: 3%;
	top: 9%;
}
.line_arrow1 {
	position: absolute;
	left: 16%;
	background: #FFF;
	padding: 0% 0% 0% 2%;
	bottom: 1em;
	display: none;
}
.line_arrow1 img {
	width: 40%;
}
h1.logo a img {
	max-width: 100%;
	width: 40%;
}
#bd h1.logo {
	background: none;
	float: left;
	font-size: 1em;
	height: 52px !important;
	width: 100% !important;
	z-index: 12;
	text-align: center;
}
@media screen and (max-width: 350px) and (min-width: 479px) {

    #enquiry_form {
	width: 80%;
	float: left;
	height: 14.3em;
	background-size: 100%;
	padding: 13px 10px;
	border: 6px solid #BD9E62;
	position: absolute;
	left: 3%;
	top: 9%;
}
 .line_arrow1 {
	position: absolute;
	left: 16%;
	background: #FFF;
	padding: 0% 0% 0% 2%;
	bottom: 4.3em;
	display:none;
}   
}