@font-face {
font-family:'HelveticaLTStdLightCond';
src:url('../fonts/HelveticaLTStdLightCond.eot');
src:url('../fonts/HelveticaLTStdLightCond.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaLTStdLightCond.woff2') format('woff2'), url('../fonts/HelveticaLTStdLightCond.woff') format('woff'), url('../fonts/HelveticaLTStdLightCond.ttf') format('truetype'), url('../fonts/HelveticaLTStdLightCond.svg#HelveticaLTStdLightCond') format('svg');
}
a:focus {
	outline:none !important;
}
@font-face {
font-family:'HelveticaLTStdBoldCond';
src:url('../fonts/HelveticaLTStdBoldCond.eot');
src:url('../fonts/HelveticaLTStdBoldCond.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaLTStdBoldCond.woff2') format('woff2'), url('../fonts/HelveticaLTStdBoldCond.woff') format('woff'), url('../fonts/HelveticaLTStdBoldCond.ttf') format('truetype'), url('../fonts/HelveticaLTStdBoldCond.svg#HelveticaLTStdLightCond') format('svg');
}
body {
	font-family:'HelveticaLTStdLightCond';
	margin:0 !important;
	padding:0 !important;
}
.go_top {
	display:none;
	width:40px;
	height:40px;
	background:url(../images/top.png) no-repeat;
	background-position:50% 50%;
	background-size:50%;
	right:40px;
	bottom:50px;
	position:fixed;
	border-radius:50%;
	-webkit-box-shadow:4px 4px 8px 1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:4px 4px 8px 1px rgba(0, 0, 0, 0.75);
	box-shadow:4px 4px 8px 1px rgba(0, 0, 0, 0.75);
	opacity:0.8;
	filter:alpha(opacity=80);
	z-index:2000;
}
a.go_top:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.go_top {
	background-color:#015da8;
}
.page_text p {
	font-size:1.2em;
}
.contact_form {
	padding:5% 10%;
	background:#dfdfdf;
}
#signupForm label.error {
	width:auto;
	display:block;
	margin-bottom:10px;
	margin-left:4px;
}
.error {
	color:#d81a24 !important;
	font-weight:normal;
}
#newsletter_topics label.error {
	display:none;
	margin-left:0px;
}
.form_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
}
.contact_form p {
	line-height:0.2em;
	margin-top:5%;
	font-size:1em;
}
.contact_form span {
	color:#FF0000;
}
.arrow_listing li {
	list-style-image:url(../images/list_arrow.png);
}
.header {
	width:90%;
	max-width:1200px;
	margin:0px auto;
	position:relative;
	z-index:10;
	overflow:hidden;
}
.banner_web {
	width:100%;
	margin:0px auto;
	overflow:hidden;
	display:block;
}
.banner1536 {
	width:100%;
	margin:0px auto;
	overflow:hidden;
	display:none;
}
.banner_mbl {
	width:100%;
	overflow:hidden;
	display:none;
}
.product_img {
	width:30%;
	float:left;
	margin:1.5%;
	overflow:hidden;
}
.page_link {
	color:#2876b6;
	display:block;
	float:right;
	font-size:1.2em;
	background:transparent url("../images/page_arrow.png") no-repeat scroll 100% 50%/7px auto;
	padding-right:10px;
	margin-right:5px;
	text-transform:uppercase;
}
.page_link_last {
	display:block;
	float:right;
	font-size:1.2em;
	color:#666666;
	padding-right:10px;
}
.full_container {
	width:100%;
}
.logo {
	width:20%;
	float:left;
	display:block;
	padding:124px 0px 0px;
	background:transparent url(../images/logo_ameraguard.png) no-repeat scroll 0px 0px/150px auto;
	margin:10px 0px 0px;
}
.top_block {
	position:absolute;
	top:0;
	width:100%;
}
.top_link {
	display:block;
	color:#fff !important;
	background:#990000;
	width:200px;
	border-radius:0 0 5px 5px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	position:relative;
	z-index:500;
	padding:5px 0;
	margin:0 auto;
}
a.top_link:hover, a.top_link:focus {
	background:#800000;
	text-decoration:none;
}
.top_link1 {
	display:block;
	color:#fff !important;
	background:#099900;
	width:200px;
	border-radius:0 0 5px 5px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	position:relative;
	z-index:500;
	padding:5px 0;
	float:left;
}
a.top_link1:hover, a.top_link1:focus {
	background:#097B02;
	text-decoration:none;
}
.header_toggle {
	width:100%;
}
.baseline {
	width:auto;
	border-bottom:solid 3px #ffffff;
	display:inline-block;
	margin-bottom:1%;
}
span.baseline:hover {
	border-bottom:solid 3px #005da7;
}
.header_contant {
	width:40%;
	float:right;
}
.contact {
	font-size:1.3em;
	text-transform:uppercase;
	text-align:right;
	color:#015da8;
	float:right;
	line-height:1em;
	margin:10px 0 0 0;
}
.fb_icon, .in_icon, .yt_icon, .linkedin{
	display:block;
	padding:34px 34px 0 0;
	float:right;
	margin:10px 0 0px 5px;
}
.btn-warning {
	font-size:1.5em;
	margin-top:3%;
}
.fb_icon {
	background:transparent url(../images/fb_icon.png) no-repeat;
	background-size:100%;
}
.in_icon {
	background:transparent url(../images/instagram_icon.png) no-repeat;
	background-size:100%;
}
.yt_icon {
	background:transparent url(../images/yt_icon.png) no-repeat;
	background-size:100%;
}
.linkedin {
	background:transparent url(../images/in_icon.png) no-repeat;
	background-size:100%;
}
.social_icon_header {
	float:right;
	overflow:hidden;
}
.search_box {
	border:1px solid #015da8;
	width:90%;
	padding:3px 0px 3px 6px;
	float:right;
	margin:3% 0 3% 0;
	overflow:hidden;
}
.search {
	font-size:1.3em;
	border:none;
	text-transform:uppercase;
	color:#015da8;
	width:80%;
}
.search_btn {
	border:none;
	background:url(../images/search_icon.png);
	background-size:70%;
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:15px 30px 0 0;
	float:right;
}
.nav_container {
	width:96.2%;
	max-width:1280px;
	margin:0px auto;
}
.main_container {
	width:88%;
	max-width:1200px;
	margin:0px auto;
}
.nav_mobile {
	display:none;
}
.nav_web {
	display:block;
}
.navbar-default {
	box-shadow:none;
}
.navbar {
	background:none;
	border:none;
	margin-bottom:5px;
	min-height:0;
}
.caret {
	border-top:7px dashed;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
}
.nav > li > a {
	position:relative;
	display:block;
	padding:0 !important;
	font-size:1.8em;
	color:#015da8 !important;
	text-transform:uppercase;
	white-space:nowrap;
	text-align:left;
	font-weight:bold;
	line-height:100% !important;
}
.nav > li > a:hover, .nav > li > a:focus {
	text-decoration:none;
	background:none !important;
}
.navbar-nav > li > .dropdown-menu {
	transition:all 5s ease-in-out 5s;
}
.dropdown-menu {
	margin-left:47px;
}
.dropdown-menu .sub-menu {
	left:100%;
	position:absolute;
	top:0;
	visibility:hidden;
	margin-top:-1px;
	background:#FFFFFF;
}
.dropdown-menu li:hover .sub-menu {
	visibility:visible;
}
.dropdown:hover .dropdown-menu {
	display:block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top:0;
}
.navbar .sub-menu:before {
	border-bottom:7px solid transparent;
	border-left:none;
	left:-7px;
	top:10px;
}
.navbar .sub-menu:after {
	left:10px;
	top:10px;
	left:-6px;
}
.dropdown-menu {
	background:none;
	padding:0;
	opacity:1;
	-webkit-animation-name:example;
	-webkit-animation-duration:0.5s;
	animation-name:example;
	animation-duration:0.5s;
}
@-webkit-keyframes example {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@keyframes example {
from {
opacity:0;
}
to {
	opacity:1;
}
}
.dropdown-menu > li > a {
	background:#015da6;
	padding:5px 10px;
	font-size:1.3em;
	color:#FFFFFF;
	text-transform:uppercase;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background:#FFFFFF;
	color:#015da6;
}
.sub-menu > li {
	list-style:none !important;
	margin-top:1px;
}
.sub-menu > li > a {
	font-size:1.3em;
	text-align:left;
	display:block;
	margin-left:-40px;
	white-space:nowrap;
	line-height:2em;
	padding:0 10px;
	letter-spacing:0px;
	background:#fff;
	text-transform:uppercase;
}
.sub-menu > li > a:hover {
	background:#015da6;
	color:#FFFFFF;
	text-decoration:none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	color:#083e7b;
}
.slicknav_menu {
	display:none;
}
.link_bg {
	width:100%;
	overflow:hidden;
	padding:1.7% 0 1.7% 0;
	background:rgba(236, 147, 152, 1);
	background:-moz-linear-gradient(top, rgba(236, 147, 152, 1) 0%, rgba(135, 178, 212, 1) 100%);
	background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(236, 147, 152, 1)), color-stop(100%, rgba(135, 178, 212, 1)));
	background:-webkit-linear-gradient(top, rgba(236, 147, 152, 1) 0%, rgba(135, 178, 212, 1) 100%);
	background:-o-linear-gradient(top, rgba(236, 147, 152, 1) 0%, rgba(135, 178, 212, 1) 100%);
	background:-ms-linear-gradient(top, rgba(236, 147, 152, 1) 0%, rgba(135, 178, 212, 1) 100%);
	background:linear-gradient(to bottom, rgba(236, 147, 152, 1) 0%, rgba(135, 178, 212, 1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec9398', endColorstr='#87b2d4', GradientType=0);
}
.automotive_block {
	background:url(../images/automotive.png) no-repeat;
	padding:17.2% 0px;
	width:36%;
	margin:0px 7%;
	background-size:100%;
	border-radius:50%;
	float:left;
}
.industrial_block {
	background:url(../images/industrial.png) top no-repeat;
	padding:17.2% 0px;
	width:36%;
	margin:0px 7%;
	background-size:100%;
	border-radius:50%;
	float:left;
}
.automotive_link {
	background:rgba(0, 94, 166, 0.7);
	padding:28% 30%;
	margin:20%;
	color:#FFFFFF;
	border-radius:50%;
}
.nav_arrow_right {
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-bottom:6px solid transparent;
	border-left:6px solid;
	display:inline-block;
}
.nav_arrow_down {
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid;
	display:inline-block;
	padding-top:2px;
}
a.automotive_link:hover, a.automotive_link:focus {
	background:rgba(0, 114, 203, 0.8);
	text-decoration:none;
	color:#FFFFFF;
}
.industrial_link {
	background:rgba(186, 0, 6, 0.7);
	padding:28% 30%;
	margin:20%;
	color:#FFFFFF;
	border-radius:50%;
}
a.industrial_link:hover, a.industrial_link:focus {
	background:rgba(228, 4, 11, 0.8);
	text-decoration:none;
	color:#FFFFFF;
}
.automotive_link h4, .industrial_link h4 {
	margin:0px auto;
	width:22.5%;
	font-size:3.2em;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	margin-top:-56px;
}
.automotive_link p, .industrial_link p {
	font-size:1.5em;
	text-align:center;
	text-transform:uppercase;
	line-height:1.1em;
	position:absolute;
	margin:0px auto;
	width:23%;
}
.page_content {
	color:#005ea6;
	width:100%;
	text-align:center;
	padding:2% 0 0 0;
}
.footer_img {
	background:url(../images/bg_img.jpg) #ffffff no-repeat;
	background-size:100%;
	background-position:0 35%;
	padding:1.7% 0 0 0;
}
.page_heading {
	font-size:3.5em;
	font-family:'HelveticaLTStdBoldCond';
	padding:0 0 1% 0;
	width:70%;
	max-width:900;
	margin:0px auto;
}
.page_content p {
	font-size:1.8em;
	width:70%;
	max-width:900;
	margin:0px auto;
}
.contact_no, .address {
	display:block;
}
.footer {
	width:90%;
	margin:0px auto;
	max-width:900px;
	overflow:hidden;
}
.location, .cal, .massege {
	display:block;
	float:left;
	text-transform:uppercase;
	margin:8% 0;
}
.location span, .cal span, .massege span {
	font-family:'HelveticaLTStdBoldCond';
	font-size:2em;
	float:right;
	display:block;
}
.location p, .cal p, .massege p {
	font-family:'HelveticaLTStdBoldCond';
	font-size:1.1em;
	text-align:right;
	float:right;
	width:100%;
}
.location {
	width:20%;
	padding-left:40px;
	background:url(../images/location_logo.png) no-repeat scroll -30px 0px/100px auto;
}
.cal {
	width:27%;
	margin-left:7%;
	padding-left:40px;
	padding-bottom:20px;
	background:url(../images/cal_logo.png) no-repeat scroll -8px 9px/85px auto;
}
.massege {
	width:38%;
	margin-left:8%;
	padding-left:40px;
	padding-bottom:20px;
	background:url(../images/msg_logo.png) no-repeat scroll 0px 9px/85px auto;
}
.footer_menu {
	background:#1067ae;
	padding:1.5% 0;
	width:100%;
}
.footer_container {
	width:100%;
	max-width:965px;
	margin:0px auto;
}
.header_main {
	display:block;
}
.header_other {
	display:none;
}
.footer_main {
	display:block;
}
.footer_auto {
	display:none;
}
.footer_industry {
	display:none;
}
.footer_container li a {
	color:#FFFFFF !important;
}
.footer_container li a:hover {
	color:#FFFFFF !important;
	text-decoration:underline;
}
.accordion {
	overflow:hidden;
	border-bottom:1px solid #FFFFFF;
}
.accordion-section-title {
	width:100%;
	padding:15px;
	display:inline-block;
	border:1px solid #58b0f7;
	font-size:1.5em;
	margin-top:10px;
	background:url(../images/plus.png) no-repeat right center;
	background-size:70px;
	padding-right:80px;
}
.accordion-section-title:hover, .accordion-section-title:focus {
	text-decoration:none;
	background:url(../images/plus_over.png) no-repeat right center;
	background-size:70px;
}
.accordion-section-title.active {
	text-decoration:none;
	border-bottom:none;
	background:url(../images/minus.png) no-repeat right center;
	background-size:70px;
}
.accordion-section-title.active:hover {
	background:url(../images/minus_over.png) no-repeat right center;
	background-size:70px;
}
.accordion-section-content {
	padding:0;
	display:none;
	background:#FFFFFF;
	border:1px solid #58b0f7;
	border-top:none;
}
.accordion-section-content p, .accordion-section-content li {
	padding:0 15px;
	font-size:1.3em;
}
.faq_link {
	display:none;
}
.list {
	margin-left:3%;
	color:#1067ae;
}
@media screen and (max-width:1600px) {
.automotive_link p, .industrial_link p, .automotive_link h4, .industrial_link h4 {
width:27%;
}
}
@media screen and (max-width:1536px) {
.automotive_link p, .industrial_link p, .automotive_link h4, .industrial_link h4 {
width:28%;
}
.banner_web {
display:none;
}
.banner1536 {
display:block;
}
}
@media screen and (max-width:1440px) {
.navbar-collapse {
padding-left:0;
}
.automotive_link p, .industrial_link p, .automotive_link h4, .industrial_link h4 {
width:30%;
}
}
@media screen and (max-width:1366px) {
.logo {
padding:94px 0 0 0;
background:transparent url(../images/logo_ameraguard.png) no-repeat scroll 0 0/120px auto;
}
.automotive_link h4, .industrial_link h4 {
margin:0px auto;
margin-top:-4%;
width:27%;
font-size:2.4em;
}
.automotive_link p, .industrial_link p {
font-size:1.2em;
width:27%;
margin:0px auto;
}
.automotive_block {
background:transparent url("../images/automotive.png") no-repeat scroll 0% 0%/100% auto;
padding:14% 0px;
width:30%;
margin:0px 7% 0 14%;
}
.industrial_block {
background:transparent url("../images/industrial.png") no-repeat scroll center top/100% auto;
padding:14% 0px;
width:30%;
margin:0px 7%;
}
.page_heading {
font-size:2.8em;
}
.nav > li > a {
font-size:1.5em;
}
.search {
margin:1% 0 1% 0;
}
.dropdown-menu {
margin-left:23%;
}
}
@media screen and (max-width:1280px) {
.automotive_link h4, .industrial_link h4 {
font-size:2.2em;
}
.automotive_link p, .industrial_link p {
font-size:1em;
}
.page_heading {
font-size:2.5em;
}
.page_content p {
font-size:1.5em;
}
.location span, .cal span, .massege span {
font-size:1.8em;
}
.location p, .cal p, .massege p {
font-size:1em;
}
}
@media screen and (max-width:1150px) {
.automotive_link h4, .industrial_link h4 {
font-size:2em;
}
.automotive_link p, .industrial_link p {
font-size:1em;
}
.automotive_block {
padding:14% 0px;
}
.industrial_block {
padding:14% 0px;
}
.page_heading {
font-size:2.3em;
}
.page_content p {
font-size:1.4em;
}
.location span, .cal span, .massege span {
font-size:1.6em;
}
.location p, .cal p, .massege p {
font-size:0.9em;
}
}
@media screen and (max-width:1080px) {
.automotive_link h4, .industrial_link h4 {
font-size:2em;
}
.automotive_link p, .industrial_link p {
font-size:1em;
line-height:1em
}
.automotive_block {
padding:14% 0px;
}
.industrial_block {
padding:14% 0px;
}
.page_heading {
font-size:2em;
}
.page_content p {
font-size:1.3em;
}
.location p, .cal p, .massege p {
font-size:0.9em;
}
}
@media screen and (max-width:1024px) {
.js #menu {
display:none;
}
.header_toggle {
display:block;
background:#015DA8;
height:40px;
}
.js .slicknav_menu {
display:block;
right:0;
}
.slicknav_btn {
float:right !important;
}
.nav_mobile {
display:block;
}
.nav_web {
display:none;
}
.logo {
width:30%;
}
.header_contant {
width:70%;
}
.automotive_link h4, .industrial_link h4 {
font-size:1.8em;
}
.automotive_link p, .industrial_link p {
font-size:0.8em;
line-height:1em
}
/*.top_link {
margin:0 1% 0 28%;
}*/
}
@media screen and (max-width:962px) {
.location span, .cal span, .massege span {
font-size:1.6em;
}
.location p, .cal p, .massege p {
font-size:0.8em;
}
.header {
width:90%;
margin:0px auto;
max-width:900px;
}
.massege {
background:transparent url("../images/msg_logo.png") no-repeat scroll 0px 9px/60px auto;
}
.cal {
background:transparent url("../images/cal_logo.png") no-repeat scroll -8px 9px/60px auto;
}
.location {
background:transparent url("../images/location_logo.png") no-repeat scroll -20px 0px/70px auto;
}
.accordion-section-title {
font-size:1.3em;
}
.accordion-section-content p, .accordion-section-content li {
font-size:1.1em;
}
}
@media screen and (max-width:860px) {
.automotive_link h4 {
font-size:1.6em;
}
.automotive_link p {
font-size:0.8em;
line-height:1em;
}
.industrial_link h4 {
font-size:1.6em;
}
.industrial_link p {
font-size:0.8em;
line-height:1em;
}
.automotive_block {
padding:13.6% 0px;
}
.industrial_block {
padding:13.6% 0px;
}
.product_img {
width:46%;
margin:2%;
}
}
@media screen and (max-width:768px) {
.automotive_block {
background:url(../images/automotive.png) no-repeat;
padding:38% 0px;
width:80%;
background-size:100%;
margin:10%;
border-radius:50%;
float:none;
}
.industrial_block {
background:url(../images/industrial.png) top no-repeat;
padding:38% 0px;
width:80%;
background-size:100%;
border-radius:50%;
margin:10%;
float:none;
}
.nav > li > a {
position:relative;
display:block;
padding:2% !important;
font-size:1.8em;
}
.automotive_link h4, .industrial_link h4 {
font-size:3em;
margin:0px auto;
width:69.8%;
margin-top:-10%;
}
.automotive_link p, .industrial_link p {
font-size:1.3em;
margin-left:22%;
line-height:118%;
margin:0px auto;
width:70.3%;
}
.footer_container li a {
color:#FFFFFF !important;
text-align:left !important;
}
.page_heading {
font-size:1.8em;
}
.page_content p {
font-size:1.2em;
}
.location, .cal, .massege {
width:100%;
float:none;
margin:5% 0;
overflow:hidden;
text-align:left;
padding:0 0 0 100px;
}
.massege {
background:transparent url("../images/msg_logo.png") no-repeat scroll 0px 4px/60px auto;
}
.cal {
background:transparent url("../images/cal_logo.png") no-repeat scroll 0px 4px/60px auto;
}
.location {
background:transparent url("../images/location_logo.png") no-repeat scroll 0px 0px/70px auto;
}
.location span, .cal span, .massege span {
font-size:1.6em;
float:left;
}
.location p, .cal p, .massege p {
font-size:0.8em;
float:left;
text-align:left;
}
.footer {
width:70%;
}
/*.top_link {
margin:0 1% 0 12%;
}*/
}
@media screen and (max-width:767px) {
.product_img {
width:30%;
margin:1.5%;
}
.footer_img {
background:url(../images/bg_img1.jpg) #ffffff no-repeat;
background-size:100%;
background-position:0 0%;
padding:1.7% 0 0 0;
}
.accordion-section-title {
font-size:1.1em;
}
.top_block {
width:92%;
position:static;
}
}
@media screen and (max-width:640px) {
.automotive_link h4, .industrial_link h4 {
font-size:2.9em;
}
.automotive_link p, .industrial_link p {
font-size:1.3em;
}
.banner1536 {
display:none;
}
.banner_mbl {
display:block;
}
.search_box {
position:absolute;
z-index:2;
width:65%;
margin:68px 0px 0px;
right:0;
}
.contact_no {
padding-top:3%;
}
.address {
position:absolute;
right:0;
top:40px;
}
.header_contant {
height:115px;
}
.fb_icon, .in_icon, .yt_icon, .linkedin {
display:block;
padding:24px 24px 0 0;
float:right;
margin:10px 0 0px 5px;
}
.accordion-section-title {
width:100%;
padding:15px;
display:inline-block;
border:1px solid #58b0f7;
font-size:2em;
margin-top:10px;
padding-bottom:13%;
background:url(../images/plus_mbl.png) no-repeat bottom;
background-size:100%;
}
.accordion-section-content p, .accordion-section-content li {
font-size:1.5em;
}
.accordion-section-title:hover, .accordion-section-title:focus {
text-decoration:none;
background:url(../images/plus_mbl.png) no-repeat bottom;
background-size:100%;
}
.accordion-section-title.active {
text-decoration:none;
border-bottom:none;
background:none;
padding-bottom:15px;
}
.accordion-section-title.active:hover {
background:none;
}
.faq_link {
display:block;
width:100%;
overflow:hidden;
background:url(../images/minus_mbl.png) no-repeat bottom;
background-size:100%;
padding:5%;
}
}
@media screen and (max-width:580px) {
.automotive_link h4, .industrial_link h4 {
font-size:2.6em;
}
.automotive_link p, .industrial_link p {
font-size:1.2em;
}
.accordion-section-title {
font-size:2em;
}
.accordion-section-content p, .accordion-section-content li {
font-size:1.5em;
}
}
@media screen and (max-width:540px) {
.automotive_block {
padding:37.3% 0px;
}
.industrial_block {
padding:37.3% 0px;
}
.logo {
width:40%;
}
.header_contant {
width:60%;
}
.search {
width:60%;
}
.page_heading {
font-size:1.6em;
}
.page_content p {
font-size:0.9em;
}
.nav > li > a {
font-size:1.4em;
}
.automotive_link h4, .industrial_link h4 {
font-size:2.2em;
}
.automotive_link p, .industrial_link p {
font-size:1em;
}
.accordion-section-title {
font-size:1.8em;
}
.accordion-section-content p, .accordion-section-content li {
font-size:1.4em;
}
/*.top_link {
margin:0 1% 0 7%;
}*/
}
@media screen and (max-width:480px) {
.automotive_link h4, .industrial_link h4 {
font-size:2.2em;
}
.automotive_link p, .industrial_link p {
font-size:1em;
}
.accordion-section-title {
font-size:1.6em;
}
.accordion-section-content p, .accordion-section-content li {
font-size:1.3em;
}
/*.top_link {
margin:0 1% 0 3%;
}
.top_link, .top_link1 {
width:170px;
font-size:1.2em;
}*/
}
@media screen and (max-width:460px) {
.logo {
width:50%;
}
.header_contant {
width:50%;
}
.search_box {
width:64%;
top:0px;
}
.address {
width:70%;
right:0%;
top:44px;
}
.contact {
font-size:1.1em;
}
.page_heading {
font-size:1.3em;
}
.page_content p {
font-size:0.9em;
}
.location span, .cal span, .massege span {
font-size:1.4em;
}
.location p, .cal p, .massege p {
font-size:0.7em;
}
.massege {
background:transparent url("../images/msg_logo.png") no-repeat scroll 0px 0px/49px auto;
}
.cal {
background:transparent url("../images/cal_logo.png") no-repeat scroll 0px 0px/49px auto;
}
.location {
background:transparent url("../images/location_logo.png") no-repeat scroll 0px 0px/49px auto;
}
.nav > li > a {
font-size:1.2em;
}
.product_img {
width:46%;
margin:2%;
}
.contact_no {
padding-top:4%;
}
}
@media screen and (max-width:420px) {
.automotive_link h4, .industrial_link h4 {
font-size:1.9em;
}
.automotive_link, .industrial_link {
padding:27% 30% 27% 30%;
}
.automotive_link p, .industrial_link p {
font-size:0.9em;
}
.contact {
font-size:1em;
}
.contact_no {
padding-top:5%;
}
/*.top_link, .top_link1 {
width:40%;
font-size:1em;
}*/
}
@media screen and (max-width:380px) {
.contact {
font-size:1.1em;
}
.automotive_block, .industrial_block {
padding:36.8% 0px;
}
.accordion-section-title {
font-size:1.4em;
}
.accordion-section-content p, .accordion-section-content li {
font-size:1.2em;
}
.logo {
width:30%;
background-size:80px;
}
.header_contant {
width:70%;
}
.address {
width:73%;
}
.search_box {
border:1px solid #015da8;
width:100%;
padding:0px 0px 0px 6px;
margin:75px 0px 0px;
}
.contact_no {
padding-top:4%;
}
}
@media screen and (max-width:360px) {
.product_img {
width:96%;
margin:2%;
float:none;
}
.contact {
font-size:1em;
}
.automotive_link h4, .industrial_link h4 {
font-size:1.6em;
}
.automotive_link p, .industrial_link p {
font-size:0.8em;
}
}
@media screen and (max-width:340px) {
.automotive_link h4, .industrial_link h4 {
font-size:1.5em;
}
.automotive_link p, .industrial_link p {
font-size:0.8em;
}
.automotive_block, .industrial_block {
padding:36.2% 0px;
}
/*.top_link, .top_link1 {
font-size:0.9em;
}*/
}
@media screen and (max-width:320px) {
.automotive_link h4, .industrial_link h4 {
font-size:1.5em;
}
.automotive_link p, .industrial_link p {
font-size:0.75em;
}
.location span, .cal span, .massege span {
font-size:1em;
}
}
