* {
  box-sizing: border-box;
  margin: 0;padding: 0;
}	
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 {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
ul {list-style: square;}
ol {list-style: decimal;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
.clear{clear:both; line-height:1px; font-size:1px;}
a{text-decoration: none;}	
a:hover{text-decoration: underline;}	
body{ font-family:'Arial', sans-serif; font-size:16px; line-height:1.2; color:#000;}
#wrapper{ width:100%; height:100%;max-width: 707px; margin:0 auto; padding:0;}
.container{ width: 100%; max-width: 560px; margin:0 auto;}
/*Header css*/
.navigation {
  height: 30px;
  background: #0000CC;
  border: 4px solid #808080;
  border-bottom: 4px solid #404040;
  border-right: 4px solid #404040;
  margin-top: 8px;
}

/*.brand {
  position: absolute;
  padding-left: 20px;
  float: left;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}*/

.nav-container {
  max-width: 707px;
  margin: 0 auto;
}

/*nav {
  float: right;
}*/
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1.5px solid #05059c;
  border-left: 1.5px solid #05059c;
  border-bottom: 1px solid #a09e9e;
  border-right: 1px solid #a09e9e;
}
nav ul li {
  /*float: left;*/
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0;
  line-height: 19px;
  color: #ffffff;
  text-decoration: underline;
  font-weight: 600;
  font-size: 13px;
}
nav ul li{
	padding: 0 36.3px;
    border-left: 1.5px solid #05059c;
    border-right: 1px solid #a09e9e;
}
nav ul li:first-child{
	border-left: 0;
}
nav ul li:last-child{
	border-right: 0;
}
/*nav ul li a:hover,
nav ul li a:visited:hover {
  background: #2581DC;
  color: #ffffff;
}*/
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}
nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/*client logo css*/

.client-logo ul{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 70px;
}
.client-logo ul li{
	list-style: none;
	padding: 5px 3px;
}
.brand-logo{
	text-align: center;
}
.brand-logo img{
	width: 338px;
	margin-bottom: 15px;
}
.brand-logo h2{
	color: #0000FF;
	font-size: 24px;
    font-style: italic;
	line-height: 1.2;
}
.brand-logo p{
	color:#000;
	font-weight: 600;
    font-size: 13px;
    line-height: 1.3;
}
.divider-border{
	margin: 5px 40px;
}
/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  width: 70px;
}

@media screen and (min-width: 600px) {
  .nav-list {
    display: flex !important;
    justify-content: center;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 20px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
.con-find-wrap{
	padding-top: 10px;
}
.con-find-wrap h3{
	color:#0000FF;
	font-size:17px;
	line-height: 1.1;
	font-style: italic;
	text-align: center;
	padding-bottom: 15px;
}
.con-find-wrap p, .con-find-wrap a{
	color:#0000FF;
	font-size:17px;
	line-height: 1.1;
	text-align: center;
}
.con-find-wrap a{
	text-decoration: underline;
}
/*.con-find-wrap p:last-child a{
	color: #551a99;
}*/
.all-models-wrap{
	border:4px solid #111111;
	background:#000066;
	margin: 35px 0 15px;
}
.top-wrap{
	display: flex;
	align-items: center;
}
.images-left{
	border-right: 1px solid #000;
    margin-right: 5px;
    padding: 5px 5px 0;
}
.images-left img{
	width: 112px;
}
.top-right-heading h2{
	color:#FFFF00;
	line-height: 1.1;
	font-size: 16px;
}
.bg-wrap{
	background: #FFFF00;
	border: 4px solid #fff;
}
.border-wrap{
	border: 2px solid #000;
}
.middle-wrap{
	display: flex;
	align-items: center;
}
.border-wrap .middle-wrap:first-child{
	border-bottom: 1px solid #000;
} 
.left-content{
	flex: 0 0 22%;
    border-right: 1px solid #000;
    padding: 5px 5px 5px 3px;
    margin-right: 5px;
}
.left-content h3{
	color: #000;
    font-size: 13px;
    line-height: 1.2;
	text-align: right;
}
.left-content h3 strong{
	font-size: 16px;
}
.right-option select{
	font-size: 13.3333px;
}
.right-option p{
	font-size: 10px;
    line-height: 1.1;
    color: #000;
    font-weight: 600;
	padding-top: 5px;
}
.right-option input{
	width: 270px;
    font-size: 14px;
    line-height: 1.4;
	color:#000;
}
.middle-wrap.middle-second{
	align-items: start;
}
.middle-wrap.middle-second .left-content{
	padding-bottom: 25px;
}
.search-btn{
	text-align: center;
	background: #000066;
	padding: 7px 7px 5px;
}
.search-btn input{
	font-size: 12pt;
	font-weight: bold;
	color:#000;
	padding: 2px 8px;
}
.we-have{
	text-align: center;
	padding: 0 15px;
}
.we-have h3 , .we-have h3 a{
	color:#0000FF;
	font-size: 16px;
	line-height: 1.1;
}
.we-have a{
	text-decoration: underline;
}
.we-have p{
	color:#000;
	font-size: 13px;
	line-height: 1.1;
	font-weight: 600;
}
.we-have span, .we-have a{
	color:#0000FF;
}
.divider-border.divider2{
	margin: 15px 15px;
}
.you-caheading p{
	color:#0000FF;
	font-size: 13px;
	line-height: 1.1;
	font-weight: 600;
	text-align: center;
}
.you-caheading a{
	text-decoration: underline;
	color:#0000FF;
}
.you-caheading{
	padding-bottom: 15px;
}
.all-images-bottom{
	text-align: center;
	padding-bottom: 15px;
}
.all-images-bottom ul li{
	list-style: none;
}
.menu-link ul{
	width: 330px;
    text-align: center;
    margin: 0 auto;
}
.menu-link ul li{
	list-style: none;
	color:#0000FF;
	font-size: 10px;
	display: inline-block;
	padding: 7px 0;
}
.menu-link ul li a{
	color:#0000FF;
	font-size: 10px;
	text-decoration: underline;
}
/*.menu-link ul li:nth-child(1) a,.menu-link ul li:nth-child(2) a,.menu-link ul li:nth-child(11) a{
	color:#551a8b;
}*/
.footer-wrap{
	text-align: center;
	margin-bottom: 15px;
}
.footer-wrap p{
	color:#000;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.1;
	margin-bottom: 10px;
}
.footer-wrap a{
	color:#0000FF;
	font-size: 10px;
	font-weight: 600;
	line-height: 1.1;
	text-decoration: underline;
}
/*Media Query start here*/
@media only screen and (max-width: 706px) {
	#wrapper{
		max-width: 100%;
		padding: 0 15px;
	}
	nav ul li {
    	padding: 0 22.6px;
	}
	.we-have h3, .we-have h3 a {
    	font-size: 15px;
	}
	.we-have p{
		font-size: 12px;
	}
	.nav-container {
    	max-width: 100%;
	}
}
@media only screen and (max-width: 599px) {
	#wrapper{max-width: 100%;}
	 .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 50px 0 15px;
  }
  nav ul {
    display: none;
	border-top: 0px solid #05059c;
    border-left: 0px solid #05059c;
    border-bottom: 0px solid #a09e9e;
    border-right: 0px solid #a09e9e;
  }
  nav ul li {
    float: none;
	border-left: 0px solid #05059c;
    border-right: 0px solid #a09e9e;
  }
  nav ul li a {
    padding: 5px !important;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
  .navigation {
    height: auto;
    background: #0000CC;
    border: 0px solid #666666;
    margin-top: 0;
	margin-left: -15px;
    margin-right: -15px;
	}
	.we-have {
    padding: 0 10px;
	}
	
}
@media only screen and (max-width: 575px) {
	.right-option p br{
		display: none;
	}
	.container {
    	padding: 0 10px;
	}
	.right-option select {
    	font-size: 10.8px;
	}
	.left-content h3 strong {
    	font-size: 13px;
	}
	.left-content h3{
		font-size: 10.8px;
	}
}
@media only screen and (max-width: 479px) {
	.right-option select {
       font-size: 10.8px;
       width: 97%;
	}
	.client-logo img{
		width: 90px !important;
	}
	.client-logo ul{
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 397px) {
	.client-logo img {
    	width: 80px !important;
	}
	.right-option input{
		width: 230px;
	}
	.left-content{
		flex: 0 0 23%;
	}
	.con-find-wrap p, .con-find-wrap a{
		font-size: 15px;
	}
	.you-caheading p{
		font-size: 14px;
		 line-height: 1.3;
	}
	.top-right-heading h2{
		font-size: 15px;
	}
	.container {
    	padding: 0 15px;
	}
	.brand-logo p{
		font-size: 12px;
	}
	.right-option p{
		padding-right: 5px;
	}
}
@media only screen and (max-width: 360px) {
	.brand-logo img {
		width: 100%;
	}
	.client-logo img {
    	width: 70px !important;
	}
	.brand-logo h2{
		font-size: 20px;
	}
	.left-content {
    	flex: 0 0 28%;
	}
	.right-option input {
    	width: 165px;
    	line-height: 1.2;
	}
	.menu-link ul {
    	width: 300px;
	}
	.all-images-bottom ul li:first-child img{
		width: 100% !important;
	}
	.top-right-heading h2{
		font-size: 12px;
	}
	.con-find-wrap p, .con-find-wrap a {
    	font-size: 13px;
	}
}