/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address, img {  
    display: block;  
} 

/***** END RESET *****/
body {
background-color: #4F4F4F!important;
}

body.main {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  background-color: #4F4F4F!important;
  
  }

p{font-size: 16px;line-height: 25px;}

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  font-weight: 800;
  line-height: normal;}

h1{ color: #000; margin-bottom: 10px;}

strong {font-family: 'Open Sans', sans-serif;; letter-spacing: 2px;font-weight: 800; font-size: 20px;}


a:link, a:visited, a:active {text-decoration:none; color:#1162A5;}
a:hover {text-decoration: none; color:#000;}

img {max-width:100%; height: auto;}

header {max-width: 100%; height: auto;background: #000000!important;}

.wrapper {
  text-align: center;
  width: 100%;
  }

.top {
  height: auto;
  box-sizing: border-box;
  width: 100%;
  }
/*===================== 
	header styles 
=======================*/
.header-wrap {margin: 0 auto; background: #000000!important;height: auto;     max-width: 1370px;  width: 100%;}
.container-fluid {width: 100%; margin-right: auto; margin-left: auto;}
.logocloumn{float: left; width: 58.33333333%; height: auto;}
.logocloumn img { max-width: 700px; margin: -1em auto;padding-left: 20px; padding-bottom: 30px;}
.rcolumn {float: left; width: 41.66666667%; padding:  0; position: relative; display: block;  height: auto; text-align: right; margin-top: 30px;}
.rcolumn ul{display:block;}
.rcolumn li{ text-align: right; margin:0;font-weight: 700!important; color: #fff; font-size: 16px ; line-height: 18px;text-transform: capitalize; height: auto;}
.rcolumn li a{ color: #FFFFFF;}
.rcolumn h5 {font-weight: 700!important; letter-spacing: 1px;color: #fff;  font-size: 20px; text-align: right;line-height: 22px;}
.bannercolumn {display:inline-block;margin:0;width:100%;position:relative;background: #6B6B6B;text-align: center; color: #FFFFFF;}
.bannercolumn h5 {font-weight: 700!important; letter-spacing: 1px;color: #fff;  font-size: 30px; text-align: center;line-height: 55px;}
.side-container { background:#fff;}





.rrcolumn {display: none;}
.rnumcolumn{display: none;}

/*----- INVENTORY STYLES -----------------*/

.detail-wrapper {
	background: #fff;
}


/*-------------FOOTER---------------------*/


.f-wrapper {width:auto;	margin:0 auto;padding: 5px 60px;position:relative;}
.footer{width:100%;	color:#FFFFFF;font-size:11px;text-align:center;	background:#3241b2;	position: relative; display: inline-block;}
.footer a{color:#8e8e8e;text-decoration:none;font-size: 12px;}
.footer a:hover{color:#000000;text-decoration:none;}
.right-footer{	width:100%;	color:#FFFFFF;	font-size:11px;	text-align:right;background:#3241b2;padding: 10px 0;}
.right-footer a{color:#FFFFFF;text-decoration:none;font-size: 11px;}
.right-footer a:hover{color:#000000;text-decoration:none;font-size: 11px;}
.divfooter{	width:80%;	margin: 5px auto;}














@media screen and (max-width: 1374px)  {
/*===================== 
	header styles 
=======================*/

.logocloumn{float: left; width: 50%; height: auto;}

.rcolumn {float: left; width: 48%; padding:  0 5px 0 0; position: relative; display: block;  height: auto; text-align: right; margin-top: 30px;}




}




@media screen and (max-width: 1350px)  {
/*  FOOTER
------------------------------------------------*/


}


@media screen and (max-width: 1212px)  {


}


@media screen and (max-width: 1037px)  {

/*===================== 
	header styles 
=======================*/

.logocloumn img { max-width: 500px; margin: -1em auto;padding-left: 20px;}
.rcolumn li{ font-size: 14px ; }
.rcolumn li a{ color: #FFFFFF;}
.rcolumn h5 {font-size: 18px; }
.rcolumn { margin-top: 10px;}



}



@media screen and (max-width: 966px)  {

}



@media screen and (max-width: 905px)  {

/*  FOOTER
------------------------------------------------*/


}



@media screen and (max-width: 837px)  {
.bannercolumn h5 {font-size: 25px; line-height: 45px;}
}



@media screen and (max-width: 810px)  {
/*===================== 
	header styles 
=======================*/
.rnumcolumn{display: block;}
.rrcolumn {display: block;}	
.rcolumn {display: none;}
	
	
.logocloumn{float: left; width: 70%; height: auto; padding-bottom: 10px}
.logocloumn img { width: auto;  margin: -1em auto; padding-left: 5px;  padding-bottom: 15px; max-width: 100%;}
.rrcolumn {float: left; width: 30%; padding:  0; position: relative; display: block;  height: auto; text-align: center; margin: 10px 0;}

.rnumcolumn{display:inline-block;margin:0;width:100%;position:relative;background: #3241b2;text-align: center; color: #FFFFFF; }
.rnumcolumn h5 {font-weight: 700!important; letter-spacing: 1px;color: #fff;  font-size: 22px; text-align: center;line-height: 35px;}
.rnumcolumn h5 a {font-weight: 700!important; letter-spacing: 1px;color: #fff;  font-size: 22px; text-align: center;line-height: 35px;}
.rnumcolumn h5 a:hover {color: #CCCCCC; }
.rnumcolumn,	.fas, .fa-phone {font-size: 22px}

.bannercolumn h5 {font-size: 22px; line-height: 35px;}

}


@media screen and (max-width: 619px){
.bannercolumn h5 {font-size: 18px; line-height: 35px;}
	
	
	
}


@media screen and (max-width: 543px){
.bannercolumn h5 {font-size: 16px; }
	
	
	
}
		
@media screen and (max-width: 509px)  {	
	
/*===================== 
	header styles 
=======================*/
.logocloumn img { max-width: 400px; width: auto}

.bannercolumn h5 {font-size: 14px; }
}

@media screen and (max-width: 437px)  {	
/*===================== 
	header styles 
=======================*/
.logocloumn img { max-width: 300px; width: auto; padding-top: 10px}
.logocloumn{float: left; width: 60%; height: auto;}
.rrcolumn {float: left; width: 40%; padding:  0; position: relative; display: block;  height: auto; text-align: center; margin: 10px 0;}

.bannercolumn h5 {font-size: 12px; }


}
@media screen and (max-width: 352px)  {
.bannercolumn h5 {font-size: 11px; }

}
@media screen and (max-width: 344px)  {	
/*===================== 
	header styles 
=======================*/
.logocloumn img { max-width: 280px; width: auto; padding-top: 10px}
.logocloumn{float: left; width: 60%; height: auto;}
.rrcolumn {float: left; width: 40%; padding:  0; position: relative; display: block;  height: auto; text-align: center; margin: 10px 0;}
.rnumcolumn h5 { font-size:18px; line-height: 35px;}
.rnumcolumn h5 a {font-size: 18px; line-height: 35px;}
.bannercolumn h5 { font-size: 10px; line-height: 35px;}


.rnumcolumn,	.fas, .fa-phone {font-size: 20px}



}
@media screen and (max-width: 325px)  {	
/*===================== 
	header styles 
=======================*/
.logocloumn img { max-width: 240px; width: auto; padding-top: 15px;}
.rrcolumn { margin: 5px 0;}

.bannercolumn h5 {font-size: 08px; }


}
@media screen and (max-width: 280px)  {

.bannercolumn h5 {font-size: 06px; }


}