html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff;  
}
h2 {
  /*font-size: 18px;*/
  margin-top: 0px;
  margin-bottom: 0px;
}
h3 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
}
h4 {
  text-align: center;
}
#main {
  min-height: 100%;
  /*height: auto !important;*/
  /*width: 100%;*/
  margin: 0 auto;
  /*padding-top: 10px;*/
  padding-bottom: 10px;
  /*background: url(/images/bg_new.jpg) repeat-x;*/
}
#header {
  /*background: #446a8f;*/
  background: linear-gradient(#446a8f 40%, #232F3D 100%);
  /*background: url(/images/bg_new.jpg) repeat-x;*/
}
#top {
  margin: 0 auto;
  max-width: 1200px;
  /*padding-top: 10px;*/
  padding: 1% 1% 0% 1%;
}
#logo {
  float: left;
}
#lang_menu {
  float: right;
  padding-top: 20px;
  /*padding: 2% 0% 0% 0%;*/
}
#lang_menu a {
  margin: 0px 5px;
}
.cur {
  opacity: 1;
}
.nocur {
  opacity: 0.6;
}
.clear {
  clear: both;
  /*margin: 0px;
  padding: 0px;
  font-size: 0px;
  line-height: 0;*/
}
#image {
  margin: 0 auto;
  max-width: 1200px;
}
#map {
  min-height: 370px; 
  background: url(/images/index_img.png) no-repeat right top;
}
#marks {
  float: left;
  max-width: 550px;
  padding: 0% 22% 0% 1%;
}
#marks div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 5px 0px 0px 0px;
}
#marks div img {
  padding: 0px 10px 0px 0px;
}
#contacts {
  float: left;
  padding: 1% 1% 1% 1%;
}
#agency {
  padding-top: 15px;
}
#see_on_map {
  float: left;
  font-size: 20px;
  padding: 1% 1% 1% 1%; 
}
#cars {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1% 1% 0% 1%;
}
#cars img {
  padding: 0px 20px 0px 0px;
}
#menu {
  /*margin: 0 auto;
  width: 100%;
  height: 36px;
  margin-top: -1px;
  margin-top: 50px;*/
  background: #000080;  
}
#menu ul {
  text-align: center;
  margin: 0;
  padding: 0;
}
#menu ul li {
  list-style: none;
  display: inline-block;
  margin-left: -4px;
  border-left: 1px solid #fff;
}
#menu ul li:last-child {
  border-right: 1px solid #fff;
}
#menu ul li a {
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  color: #fff;
  font-size: 20px;
  font-family: Tahoma, serif;
}
#menu ul li a:hover {
  background: #42aaff;
  color: #000080;
}
#content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0% 1% 0% 1%;
  font-family: Verdana, Georgia, 'Times New Roman', Times, serif;
}
#content a {
  color: #00f;
}
#google_maps {
  width: 600px;
  height: 300px;
}
.gallery {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.small {
  width: 50px;
  height: 50px;
  border: solid 1px black;
}
.middle {
  width: 230px;
  height: 160px;
  border: solid 1px black;
}
#footer {
  min-height: 65px;
  background: #446a8f;
  padding: 0% 1% 0% 1%;
}
#fdata {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*font-size: 14px;*/
  color: #fff;
}
.about {
  color: #fff;
  text-decoration: none;  
}
.bold {
  font-weight: bold;
  line-height: 2;
}
#phones {
  max-width: 450px;
  padding-right: 5px;
  float: left;
}

/*************************************************************************************
**********	width:0 - 320px	**********************************************************
*************************************************************************************/
@media(max-width: 320px) {
h1 {
  font-size: 1.5em;
}
#header {  
  background: linear-gradient(#446a8f 75%, #232F3D 100%);  
}
#top {
  padding: 2% 1% 0% 1%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logo img {
  max-width: 220px;
}
#lang_menu {
  float: none;
  padding-top: 0px;
}
#lang_menu a {
  margin: 0px 0px;
}
#image {
  margin: 0 auto;
}
#map {
  min-height: 220px;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0% 0% 0% 0%;
}
#marks {
  display: none;
}
#contacts {
  padding: 0% 0% 0% 0%;
  float: none;
}
#see_on_map {
  display: none;
  float: none;
}
#cars {
  float: none;
}
#cars img {
  padding: 0% 1% 0% 1%;
}
#gazel_next {
  max-width: 85px;
  max-height: 100px;
}
#uaz_patriot {
  max-width: 80px;
  max-height: 100px;
}
#kamaz_new {
  max-width: 115px;
  max-height: 125px;
}
#menu ul li {
  list-style: none;
  display: block;
  margin-left: 0px;
  border-left: none;
}
#menu ul li:last-child {
  border-right: none;
}
#menu ul li a {
  text-decoration: none;
  padding: 2px 0px;
  color: #fff;
  font-size: 18px;
  font-family: Tahoma, serif;
}
#content {
  padding: 0% 1% 0% 1%;
  font-family: Verdana, Georgia, 'Times New Roman', Times, serif;
}
#google_maps {
  max-width: 310px;
}
.gallery {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.middle {
  width: 150px;
  height: 100px;
  border: solid 1px black;
}
#footer {
  min-height: 65px;
  background: #446a8f;
  padding: 0% 1% 0% 1%;
}
#fdata {
  margin: 0 auto;
  min-height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between;
  color: #fff;
  padding: 1% 0% 1% 0%;
}
.about {
  color: #fff;
  text-decoration: none;  
}
#clock {
  display: none;
}
#rate {
  display: none;
}
.bold {
  font-weight: bold;
  line-height: 1.5;
}
#phones {
  max-width: 310px;
  float: none;
}
}

/*************************************************************************************
**********	width:321 - 480	**********************************************************
*************************************************************************************/
@media (min-width: 321px) and (max-width: 480px) {
h1 {
  font-size: 1.5em;
}
#header {  
  background: linear-gradient(#446a8f 75%, #232F3D 100%);  
}
#top {
  padding: 2% 1% 0% 1%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logo img {
  max-width: 220px;
}
#lang_menu {
  float: none;
  padding-top: 0px;
}
#lang_menu a {
  margin: 0px 0px;
}
#image {
  margin: 0 auto;
}
#map {
  min-height: 220px;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0% 0% 0% 0%;
}
#marks {
  display: none;
}
#contacts {
  padding: 0% 0% 0% 0%;
  float: none;
}
#see_on_map {
  display: none;
  float: none;
}
#cars {
  float: none;
}
#cars img {
  padding: 0% 1% 0% 1%;
}
#gazel_next {
  max-width: 95px;
  max-height: 100px;
}
#uaz_patriot {
  max-width: 85px;
  max-height: 100px;
}
#kamaz_new {
  max-width: 120px;
  max-height: 125px;
}
#menu ul li {
  list-style: none;
  display: block;
  margin-left: 0px;
  border-left: none;
}
#menu ul li:last-child {
  border-right: none;
}
#menu ul li a {
  text-decoration: none;
  padding: 2px 0px;
  color: #fff;
  font-size: 18px;
  font-family: Tahoma, serif;
}
#content {
  padding: 0% 1% 0% 1%;
  font-family: Verdana, Georgia, 'Times New Roman', Times, serif;
}
#google_maps {
  max-width: 310px;
}
.gallery {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.middle {
  width: 150px;
  height: 100px;
  border: solid 1px black;
}
#footer {
  min-height: 65px;
  background: #446a8f;
  padding: 0% 1% 0% 1%;
}
#fdata {
  margin: 0 auto;
  min-height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between;
  color: #fff;
  padding: 1% 0% 1% 0%;
}
.about {
  color: #fff;
  text-decoration: none;  
}
#clock {
  display: none;
}
#rate {
  display: none;
}
.bold {
  font-weight: bold;
  line-height: 1.5;
}
#phones {
  max-width: 310px;
  float: none;
}
}

/*************************************************************************************
**********	width:481 - 768px	******************************************************
*************************************************************************************/
@media (min-width: 481px) and (max-width: 768px) {
h1 {
  font-size: 1.5em;
}
#header {  
  background: linear-gradient(#446a8f 75%, #232F3D 100%);  
}
#top {
  padding: 2% 1% 0% 1%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logo img {
  max-width: 250px;
}
#lang_menu {
  float: none;
  padding-top: 0px;
}
#image {
  margin: 0 auto;
}
#map {
  min-height: 220px;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0% 0% 0% 0%;
}
#marks {
  /*display: none;*/
  padding: 0% 0% 0% 0%;
}
#marks div img{
  max-width: 75px;
  max-height: 35px;
  padding: 0px 5px 0px 0px;
}
#cars {
  padding: 1% 1% 1% 1%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#cars img {
  /*max-width: 150px;*/
  padding: 0% 1% 0% 1%;
}
#gazel_next {
    max-width: 135px;
    max-height: 100px;
}
#uaz_patriot {
    max-width: 130px;
    max-height: 100px;
}
#kamaz_new {
    max-width: 180px;
    max-height: 125px;
}
#menu ul li {
  list-style: none;
  display: block;
  margin-left: 0px;
  border-left: none;
}
#menu ul li:last-child {
  border-right: none;
}
#menu ul li a {
  text-decoration: none;
  padding: 2px 0px;
  color: #fff;
  font-size: 18px;
  font-family: Tahoma, serif;
}
#content {
  padding: 0% 1% 0% 1%;
  font-family: Verdana, Georgia, 'Times New Roman', Times, serif;
}
#google_maps {
  max-width: 470px;
}
.gallery {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.middle {
  width: 150px;
  height: 100px;
  border: solid 1px black;
}
#footer {
  min-height: 65px;
  background: #446a8f;
  padding: 0% 1% 0% 1%;
}
#fdata {
  margin: 0 auto;
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between;
  color: #fff;
  padding: 1% 0% 1% 0%;
}
.about {
  color: #fff;
  text-decoration: none;  
}
#clock {
  display: none;
}
#rate {
  display: none;
}
.bold {
  font-weight: bold;
  line-height: 1.5;
}
#phones {
  max-width: 1200px;
}
}

/*************************************************************************************
**********	width:769 - 1024px	******************************************************
*************************************************************************************/
@media (min-width: 769px) and (max-width: 1024px) {
h1 {
  font-size: 1.5em;
}
#header {  
  background: linear-gradient(#446a8f 75%, #232F3D 100%);  
}
#top {
  padding: 2% 1% 0% 1%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#logo img {
  max-width: 250px;
}
#lang_menu {
  float: none;
  padding-top: 0px;
}
#image {
  margin: 0 auto;
}
#map {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#marks {
  padding: 0% 0% 0% 1%;
}
#marks div img{
  max-width: 75px;
  max-height: 35px;
  padding: 0px 5px 0px 0px;
}
#cars {
  padding: 1% 1% 1% 1%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#cars img {
  padding: 10% 1% 0% 1%;
}
#menu ul li a {
  text-decoration: none;
  /*padding: 2px 0px;*/
  color: #fff;
  font-size: 18px;
  font-family: Tahoma, serif;
}
#content {
  padding: 0% 1% 0% 1%;
  font-family: Verdana, Georgia, 'Times New Roman', Times, serif;
}
#google_maps {
  max-width: 600px;
}
.gallery {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.middle {
  width: 150px;
  height: 100px;
  border: solid 1px black;
}
#footer {
  min-height: 65px;
  background: #446a8f;
  padding: 0% 1% 0% 1%;
}
#fdata {
  margin: 0 auto;
  min-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  align-content: space-between;
  color: #fff;
  padding: 1% 0% 1% 0%;
}
.about {
  color: #fff;
  text-decoration: none;  
}
.bold {
  font-weight: bold;
  line-height: 1.5;
}
#phones {
  max-width: 1200px;
}
}