#footer { overflow: hidden;}
#header .banner h1 { font-size: 21px;}
@media (min-width: 640px) and (max-width: 960px) { 
  .container { width:auto;margin:0 10px;}
  
  .images {overflow: hidden;height: 229px;}
  .images img { width:960px!important; max-width:960px; }
  #header .menu { margin-left: 0;width:100%;}
  .frame, .cap, .shadow { display: none;}
  #header .menu .middle {margin:0 auto;width:100%;float: none;}
  .menu-content {padding:0 10px;}
  #header .menu .menu-content {width:auto;float: none;left:0!important;}
  .images { width:100%;}
  #footer, #footer .background { width:auto;}
  #footer { margin: 0 10px;}
  #footer .background { background-size: 140%;background-position: -154px 0px;left: 0;width: 100%;}
  #content .column.center { width:53%;margin: 0 0 0 0;padding-left: 3%;}
  #content .column.sidebar { width:auto!important;margin-bottom: 0;}
  #content .column.blue { margin-left: 0;width:auto;max-width:250px;}
  #content .column.sidebar .top { width:100%!important;}
  #header div.menu ul.menu-content li.lang { width:40px;}
  #header .menu .menu-content li a .flag {margin:0 0 0 -9px;}
  #content .column.single { width:96%;padding:27px 2%;}
  #content .expertise .practice-menus { width:100%;}
  #content .expertise ul {width:44%;margin:0 2%; }
  #content .expertise ul li { width:auto;}
  #content .column.main { width:56%;padding:27px 3%;margin-right: 0;}
  #content .column.sidebar { width:29%!important;padding:0 2% 20px 2%;float:right;}
  .ru #content .column.sidebar { width:auto!important;float: right;}
  #content .column.sidebar ul.menu li a {height:auto;background-position: bottom right;line-height: 1.3em;}
  #content .column.sidebar .learn-more {width:auto; } 
  #content .column.sidebar .learn-more h1 {border-radius:19px;font-size: 12px;max-width:177px;width:auto;padding-left: 59px;padding-right: 4px;}
  #content .column.sidebar .learn-more ul { width:auto;}
  #content .column.sidebar .learn-more ul li { width:auto;margin-left: 10px;}
  .wp-caption { float: none;}
  #content .blog-search { width:auto;margin-left: 0;}
  #content .blog-search input {width:auto;margin-left: 2%;} 
  #content .news .tags {width:auto;}
  #content .form input, #content .form textarea  {width:90%;}
  #content .contact-map { width:100%;padding-right: 0;}



}


@media (min-width: 640px) and (max-width: 740px) {
  #header .menu .menu-content li a {font-size: 13px;margin-left: 0px!important;margin-right: 6px!important;}
  #header .menu .menu-content li .cp {width:6px;}
  #header .menu .menu-content li span.cp, #header .menu .menu-content li.menu-item-747 span.cp {width:6px;}
  #header .menu .menu-content li.menu-item-747 { min-width:auto!important;width:auto!important;}
  #header .menu .menu-content li {display: inline-block;float: none;}
  #content .column.blue ul li a {font-size: 13px; } 
  #content .column.blue ul {margin-left:0;}
  #header .menu .menu-content > li.with-sub:hover {height: auto;}
  #content .column.blue h1 {font-size: 23px;}
  #footer { height:200px;}
  #header .menu .menu-content li a .flag {margin: 0 0 0 5px ; }
  .shadow {display: none;}
  #content .expertise .practice-menus { width:100%;}
  #content .expertise ul {width:44%;margin:0 2%; }
  #content .expertise ul li { width:auto;}
  .ru #footer ul { width: auto!important;}

}  

@media (min-width: 640px) and (max-width: 670px) {
  #header .menu .menu-content li a {margin-right: 3px!important; }
}   

/***************************************************************************
                Mobile Phone
***************************************************************************/
@media (min-width: 1px) and (max-width: 639px) {

  body {width: auto; min-width: 320px;}
  img {max-width: 320px;} 
  #header, #header .menu, .container, #header .menu .menu-content  {width: 100%; margin: 0px auto;}
  #header .banner, #header .logo { margin:20px auto!important; float: none; clear: both;}
  .img-area, .menu .left, .menu .right, .menu .middle, #footer .background, #header .menu .middle, #content .sidebar .top, #content .sidebar .shadow, #content .column.gray .separator, .printablemap, a.colorbox {display: none;} 
  #header {height: auto;}
  #header .menu { height: auto;}
  #header .menu .menu-content { position: static;}
  #header .menu .menu-content li, #header .menu .menu-content li:first-child, #header div.menu ul.menu-content li.lang {float: none;display: block; margin:0; background-image:none;background-color:#efe7d7!important;background-image: -moz-linear-gradient(top, #efe7d7, #c4c0b5);background-image: -o-linear-gradient(top, #efe7d7, #c4c0b5);background-image: -webkit-linear-gradient(top, #efe7d7, #c4c0b5);background-image: linear-gradient(top, #efe7d7, #c4c0b5);text-align: center; padding:5px 0; border-top: 1px solid #c4c0b5;
  } 
  #header div.menu ul.menu-content li.lang { width:auto;height:auto!important;}
  #header .menu .menu-content > li a {background: transparent; float: none; display: block; padding:5px 0;margin:0;}
  #header .menu .menu-content > li a:hover {background-image: none;}
  #header .menu .menu-content li:hover ul {display: none;}
  #header .menu .menu-content li:hover { height: auto!important;background-image: none;background-color: #c4c0b5;}
  #content .column.blue, #content .column.sidebar { width:90%;float: none;background-image: none;background-color: #325e77;margin:0 auto;  height:auto;padding: 23px 5%}
  #content .column.blue h1 { color:#fff;text-shadow:none;}
  #content .column.blue { max-width:90%;}
  #content .column.center, #content .column.main  { width:auto;margin:0 auto;float: none;}
  #content .column.sidebar  {background-color: #908977;width:auto!important;background-image: none!important;}
  #content .column.gray { width:auto%!important;display: inline-block;margin:10px 0 0;clear: both;} 
  #content .container { padding:20px 0 ;}
  .container { padding-left:0;padding-right: 0;clear: both;display: inline-block;margin:-10px 0 0;}
  #footer { background-color: #7d7664;min-height: 120px;height:auto!important;padding-top: 25px;padding-bottom: 10px;}
  #footer ul, .ru #footer ul { width:auto!important;}
  #footer ul li { width:40%;}
  #footer ul li a { color:#fff;text-shadow:none;}
  #footer ul li .separator, #footer .separators {display: none;}
  #header .menu .menu-content li a .flag {margin-left: 40px;} 
  .sidebar .content a.button {display: block;}
  #header .banner h1 { font-size: 21px;}
  #header .banner h2  { font-size: 15px;}
  .shadow {display: none;}
  #content .expertise .practice-menus { width:100%;}
  #content .expertise ul {width:96%;margin:0 2%; }
  #content .expertise ul li { width:auto;}
  #content .column.single { width:96%;padding:27px 2%;}
  #background .img {height:auto;}
  #content .news .tags {width:auto;}
  #content .contact-map { width:100%;padding-right: 0;}
  #titlecompany {display: block!important;}
  .ru #titlecompany {display:none!important;}
  .ru #titlecompanyru {display:block!important;}
  #header .banner h1 { font-size: 20px;}
  #titlecompany, #titlecompanyru { 
    position: absolute;
    text-transform: uppercase;
    color: #C3B9A2;
    font-family: "Palatino Linotype", Times New Roman, serif;
    font-size: 20px;
    bottom: 0;
    margin: 0;
    left: 20px;
    padding: 0; }
  }  

@media (min-width: 320px) and (max-width: 350px) {
  #header .banner { width:300px;}
  #header .banner h1 { font-size: 21px;}
  #header .banner h2  { width:140px;font-size: 15px;}
}