body {min-width:320px;}

.lightbox2-wrapper {max-height: 80%;overflow: auto;}

@media screen and (min-width:1000px) and (max-width:1100px) {
    .index-content .cheme-descop {display:block;}
    .index-content .cheme-mobile {display:none;}
}

@media screen and (min-width:800px) and (max-width:1000px) {
    .wrap {width:99%;}
    .header .logo {width:20%;}
    .header .logo img {width:100%;}

    .header .regions .serach-form .search {width:76%;}
    .header .phones {margin:-6px 0 0 4%;}
    .header .controls {float:right;margin:10px 0 0 0;}
    .service .service-nav {text-align: center;}
    .service .service-nav li:first-child {width:80px;border:0px solid red;}
    .service .service-nav li:first-child img {max-width:60%;max-height:60px;}
    .service .service-nav li {margin:0 14px;}
    .service .service-nav li.cabinet {display:none;}

    .content .sidebar-left {width:23%;margin:0;}
    .content .sidebar-left .sidebar-nav li a {font-size:12px;}
    .content .sidebar-left .sidebar-nav li a .parent {margin:3px 8px 0 0;}
    .content .sidebar-left .sidebar-nav ul li a {font-size:12px;}
    .content .sidebar-left .news .news-title {font-size:12px;}
    .content .sidebar-left .news .data-post {font-size:12px;margin:0 0 2px 5px;}
    .content .content-right {margin:0 0 0 13px;width:75%;}
    .flexslider .slides img {width:100%;}
    .index-content .index-banner .flex-direction-nav a {top:55px;}
    .index-content h3.title {font-size:16px;}
    .index-content .about-post p {font-size:13px;}
    .index-content .why-we .title {font-size:16px;}
    .index-content .why-we p {font-size:13px;}
    .index-content .cheme-descop {display:none;}
    .index-content .cheme-mobile {display:block;}
    .index-content .garant p {font-size:13px;}
    .index-content .express .blockinfo {width:528px;padding:15px 10px 20px 10px;}
    .index-content .express .blockinfo .title {margin:10px 0 0 15px;font-size: 14px;}
    .index-content .express .blockinfo .title.mg {font-size: 12px;}
    .footer .logo {width:15%;margin:19px 0 0 5px;}
    .footer .logo img {width:100%;height:auto;}
    .footer .phones {margin: 30px 0 0 3%;}
    .footer .copyright {margin: 32px 0 0 3%;}
    .footer .social {margin: 32px 2% 0 0;}

    .flexnav li > ul {background: rgba(41,132,255, 0.9);}
}
@media screen and (min-width:801px) {
    .header-nav .header-navi {display:table !important;}
}
@media screen and (min-width:640px) and (max-width:800px) {
    .wrap {width:99%;}
    .header-background {padding:5px 0 0 0;}
    .header .logo {width:23%;margin: 3px 0 0 2%;}
    .header .logo img {width:100%;}
    .header .regions {width:155px;margin: 34px 0 0 2%;clear: both;}
    .header .regions .serach-form {margin:10px 0 0 0;}
    .header .regions .serach-form .search {width:76%;}
    .header .phones .btn-call-back {margin:7px 0 0 0;}
    .header-nav-background {height:0;}
    .header .phones {margin: -43px 0 0 8%;}
    .header .controls {float:right;margin: -46px 0 0 0;}
    .menu-button {top:-47px!important;right:0!important;}
    .header-nav .header-navi {display:none;margin: 0;width: 185px;position: absolute;right: 5px;background-color: #000;top: -10px;z-index:100;}
    .header-nav .header-navi li {margin: 0;display: block;background: url(../img/li.png); width: auto;}
    .header-nav .header-navi li a {height:auto;padding:7px;color:#1749aa;font-size:15px;}
    .header-nav .header-navi li ul, .header-nav .header-navi li:hover ul {display:none;}

    .service .service-nav {text-align: center;}
    .service .service-nav li {margin:0 6px;}
    .service .service-nav li a {font-size:14px;}
    .service .service-nav li.cabinet, .service .service-nav li.dogovor {display:none;}
    .service .service-nav li:first-child {width:80px; border:0px solid red;}

    .content .sidebar-left {width: 30%;margin:0;}
    .content .sidebar-left .sidebar-nav li a {font-size: 12px;}
    .content .sidebar-left .sidebar-nav li a .parent {margin:3px 8px 0 0;}
    .content .sidebar-left .sidebar-nav ul li a {font-size: 13px;}
    .content .sidebar-left .news .news-title {font-size:12px;}
    .content .sidebar-left .news .data-post {font-size:12px;margin:0 0 2px 5px;}
    .content .content-right {margin:0 0 0 13px;width: 67%;}
    .flexslider .slides img {width:100%;}
    .index-content .index-banner .flex-direction-nav a {top:55px;}
    .index-content h3.title {font-size:16px;}
    .index-content .about-post p {font-size:13px;}
    .index-content .why-we .title {font-size:16px;}
    .index-content .why-we p {font-size:13px;}
    .index-content .cheme-descop {display:none;}
    .index-content .cheme-mobile {display:block;}
    .index-content .garant p {font-size:13px;}
    .index-content .express .blockinfo {width:93%;padding:15px 10px 20px 10px;}
    .index-content .express .blockinfo .title {margin:10px 0 0 15px;font-size:15px;}

    .footer .logo {margin:19px 0 0 5%;}
    .footer .logo img {width:100%;width:150px;}
    .footer .phones {margin:10px 0 0 5%;clear:both;}
    .footer .copyright {margin: 25px 5% 0 0;float: right;}
    .footer .social {float: none;position: absolute;right: 25px;width: 165px;margin: 25px 5% 0 0;}
    .footer .social p {font-size:12px;}
    .footer .social a {margin:10px -2px 0 6px;}
    .footer .copyright p {font-size:13px;line-height:13px;}
    .footer .copyright p a {margin:0;}

    .flexnav.opacity {opacity:0;}
    .menu-button {display:block;}
}

@media screen and (min-width:480px) and (max-width:640px) {
    #bannernews {display:none;}
    .wrap {width:100%;}
    .header-background {padding:5px 0 0 0;}
    .header .logo {width:30%;margin: 3px 0 0 2%;}
    .header .logo img {width:100%;}
    .header .regions {width: 30%;margin: 45px 0 0 2%;clear: both;}
    .header .regions .serach-form {display: none;}
    .header .regions .serach-form .search {width:76%;}
    .header .phones .btn-call-back {display:none;}
    .header .phones .btn-call-back2 {display:block;margin-top:5px;}
    .header-nav-background {height:0;}
    .header .phones {margin:-48px 5% 0 0;float: right;width: initial;}
    .header .phones strong {font-size:20px;margin:0;}
    .header .phones strong span {margin:0;}
    .header .controls {display:none;}
    .menu-button {top:-39px!important;right:0!important;}
    .header-nav .header-navi {display:none;margin: 0;width: 185px;position: absolute;right:0px;background-color: #000;top:-3px;z-index:100;}
    .header-nav .header-navi li {margin: 0;display: block;background: url(../img/li.png);     width: auto;}
    .header-nav .header-navi li a {color:#1749aa;font-size:15px;}

    .service .service-nav {text-align: center;}
    .service .service-nav li:first-child {width:50px;border:0px solid red;}
    .service .service-nav li:first-child img {max-width:55%;max-height:55px;}
    .service .service-nav li {margin:0;}
    .service .service-nav li.cabinet {display:none;}
    .service .service-nav li.dogovor {display:none;}
    .service .service-nav li a {font-size:12px;line-height:15px;}
    .service .service-nav li a img {margin:0 auto 5px;}
    .service .service-nav li img {max-width:25%;}
    .content .sidebar-left {float:none;width:100%;margin: 0 0 20px 0;}
    .content .sidebar-left .sidebar-nav li a {font-size: 16px;}
    .content .sidebar-left .sidebar-nav li a .parent {margin:3px 8px 0 0;}
    .content .sidebar-left .sidebar-nav ul li a {font-size: 15px;}
    .content .sidebar-left .sidebar-nav ul li {background: url(../img/li.png)/*tpa=http://spb.mydimax.ru/test/grandpost/img/mobile/li.png*/;padding:7px 0 7px 40px;position:relative;}
    .content .sidebar-left .sidebar-nav li a img {display:block;position: absolute;max-height: 24px;left: -26px;max-width: 30px;top: 3px;}

    header .index-banner {margin:15px 0 0 0;display:block !important;}
    header .index-banner .flex-direction-nav {display:block !important;}
    header .index-banner .flex-direction-nav a {top:30px;height: 30px;}

    header .index-banner .flex-direction-nav .flex-prev {display:block !important;width:15px;height:31px;left: 8px;background:url(../img/banner-arrows-l2.png) !important;}
    header .index-banner .flex-direction-nav .flex-next {display:block !important;width:15px;height:31px;right: 8px;background:url(../img/banner-arrows-r2.png) !important;}
    header .index-banner .flex-direction-nav .flex-prev:hover {background:url(../img/banner-arrows-lactive2.png) !important;}
    header .index-banner .flex-direction-nav .flex-next:hover {background:url(../img/banner-arrows-ractive2.png) !important;}

    .content .sidebar-left .news {display:none;}
    .content .content-right {width:99%;float:none;margin:0 auto;}
    .flexslider .slides img {width:100%;}
    .index-content .index-banner {display:none;}
    .index-content h3.title {font-size:17px;}
    .index-content .about-post p {font-size:16px;}
    .index-content .why-we .title {font-size:18px;}
    .index-content .why-we p {font-size:16px;}
    .index-content .cheme-descop {display:none;}
    .index-content .cheme-mobile {display:block;}
    .index-content .cheme-mobile ul li {width:85%;margin:0 auto 18px;font-size:15px;}
    .index-content .cheme-mobile ul li img {margin:2px 10px 0 10px;max-height:20px;}
    .index-content .cheme-mobile ul li:after {margin:0 0 0 -24px;}
    .index-content .garant {display:none;}
    .index-content .express .blockinfo {width:93%;padding:15px 10px 20px 10px;}
    .index-content .express .blockinfo .title {margin:10px 0 0 15px;font-size:15px;}

    .footer .logo {margin:19px 0 0 5%;}
    .footer .logo img {width:100%;width:150px;}
    .footer .phones {margin:10px 0 0 5%;clear:both;}
    .footer .copyright {margin: 25px 5% 0 0;float: right;}
    .footer .social {float: none;position: absolute;right: 25px;width: 165px;margin: 25px 5% 0 0;}
    .footer .social p {font-size:12px;}
    .footer .social a {margin:10px -2px 0 6px;}
    .footer .copyright p {font-size:13px;line-height:13px;}
    .footer .copyright p a {margin:0;}

    .flexnav.opacity {opacity:0;}
    .menu-button {display:block;}
}

@media screen and (min-width:320px) and (max-width:479px) {
#bannernews {display:none;}
.wrap {width:100%;}
    .header-background {padding:5px 0 0 0;}
    .header .logo {width:40%;margin: 3px 0 0 2%;}
    .header .logo img {width:100%;}
    .header .regions {width: 30%;margin:48px 0 0 2%;clear: both;}
    .header .regions a {margin:0;}
    .header .regions .serach-form {display: none;}
    .header .phones .btn-call-back {display:none;}
    .header .phones .btn-call-back2 {display:block;}
    .header-nav-background {height:0;}
    .header .phones {margin: -43px 5% 0 0;float: right;width: initial;}
    .header .phones strong {font-size: 18px;margin: 0 -10px 4px 0;border:0px solid red;}
    .header .phones strong span {margin:0;font-size: 12px;}
    .header .phones strong:first-child span {display:none1;}
    .header .controls {display:none;}
    .menu-button {top:-39px!important;right:0!important;}
    .header-nav .header-navi {display:none;margin: 0;width:100%;position: absolute;right:0px;background-color: #000;top:15px;z-index:100;}
    .header-nav .header-navi li {margin: 0;display: block;background: url(../img/li.png);     width: auto;}
    .header-nav .header-navi li a {color:#1749aa;font-size:15px;}

    .service-background {padding:15px 0 0 0;}
    .service .service-nav {text-align: center;}
    .service .service-nav li:first-child {width:50px;border:0px solid red;}
    .service .service-nav li:first-child img {max-width:45%;max-height:45px;}
    .service .service-nav li {margin:0;border:0px solid red;width:75px;border:0px solid red;padding:0;}
    .service .service-nav li.cabinet {display:none;}
    .service .service-nav li.dogovor {display:none;}
    .service .service-nav li a {font-size:12px;line-height:15px;}
    /*.service .service-nav li a img {margin:0 auto 5px;max-width:35%;max-height:25px;}*/
    .service .service-nav li img {margin:0 auto 5px;max-width:45%;max-height:45px;}

    .content .sidebar-left {float:none;width:100%;margin:0;}

    .content .sidebar-left .sidebar-nav {display:none;}
    .content .sidebar-left .sidebar-nav li a {font-size: 16px;}
    .content .sidebar-left .sidebar-nav li a .parent {margin:3px 8px 0 0;}
    .content .sidebar-left .sidebar-nav ul li a {font-size: 15px;}
    .content .sidebar-left .sidebar-nav ul li {background: url(../img/li.png)/*tpa=http://spb.mydimax.ru/test/grandpost/img/mobile/li.png*/;padding:7px 0 7px 40px;position:relative;}
    .content .sidebar-left .sidebar-nav li a img {display:block;position: absolute;max-height: 24px;left: -26px;max-width: 30px;top: 3px;}
    .content .sidebar-left .sidebar-nav li a .parent {background: url(../img/parent.png)/*tpa=http://spb.mydimax.ru/test/grandpost/img/parent.png*/ no-repeat 0px -8px;float:right;width: 8px;height: 6px;margin: 6px 8px 0 0;}
    .content .sidebar-left .sidebar-nav li ul li a .parent {background: url(../img/parent.png)/*tpa=http://spb.mydimax.ru/test/grandpost/img/parent.png*/ no-repeat 0 -12px;position: absolute;width: 8px;height: 6px;left: 10px;margin: 0;float: none;top: 22px;}

    .content .sidebar-left .sidebar-nav2 {display:block;}
    .content .sidebar-left .sidebar-nav2 li a {font-size: 16px;text-transform:uppercase !important;}
    .content .sidebar-left .sidebar-nav2 li a .parent {margin:3px 8px 0 0;}
    .content .sidebar-left .sidebar-nav2 ul li a {font-size: 15px;text-transform:none !important;}
    .content .sidebar-left .sidebar-nav2 ul li {background: url(../img/li.png)/*tpa=http://spb.mydimax.ru/test/grandpost/img/mobile/li.png*/;padding:7px 0 7px 40px;position:relative;}
    .content .sidebar-left .sidebar-nav2 li a img {display:block;position: absolute;max-height: 24px;left: -26px;max-width: 30px;top: 3px;}
    .content .sidebar-left .sidebar-nav2 li a .parent {background: url(../img/parent.png) no-repeat 0px -8px;float:right;width: 8px;height: 6px;margin: 6px 8px 0 0;}
    .content .sidebar-left .sidebar-nav2 li ul li a .parent {background: url(../img/parent.png) no-repeat 0 -12px;position: absolute;width: 8px;height: 6px;left: 10px;margin: 0;float: none;top: 22px;}

    .content .sidebar-left .sidebar-nav2 li a .parent2 {background: url(../img/parent2.png) no-repeat 0px -8px;float:right;width: 8px;height: 6px;margin: 6px 8px 0 0;}
    .content .sidebar-left .sidebar-nav2 li ul li a .parent2 {background: url(../img/parent2.png) no-repeat 0 -12px;position: absolute;width: 8px;height: 6px;left: 10px;margin: 0;float: none;top: 22px;}


/*.content .sidebar-left .sidebar-nav li ul {display:none !important;}*/

    .content .sidebar-left .news {display:none;}
    .content .content-right {width:99%;float:none;margin:0 auto;}
    .index-content .index-banner {display:none;}
    .index-content h3.title {font-size: 16px;}
    .index-content .about-post p {font-size: 14px;}
    .index-content .why-we .title {font-size: 16px;padding: 10px 0;text-align: center;}
    .index-content .why-we p {font-size: 14px;}
    .index-content .cheme-descop {display:none;}
    .index-content .cheme-mobile {display:block;}
    .index-content .cheme-mobile ul li {width: 100%;margin:0 auto 18px;font-size: 12px;}
    .index-content .cheme-mobile ul li img {margin:2px 10px 0 10px;max-height:20px;}
    .index-content .cheme-mobile ul li:after {margin:0 0 0 -24px;}
    .index-content .garant {display:none;}
    .index-content .express .blockinfo {width:89%;padding:15px 10px 20px 10px;}
    .index-content .express .blockinfo .title {margin:13px 0 0 15px;font-size:16px;}

    .footer .logo {margin:19px 0 0 2%;}
    .footer .logo img {width:100%;width:150px;}
    .footer .phones {margin:10px 0 0 2%;clear:both;}
    .footer .phones strong {font-size:17px;}
    .footer .copyright {margin: 34px 0% 0 0;float: right;width: 149px;}
    .footer .social {float: none;position: absolute;right: 25px;width: 97px;margin: 38px 0% 0 0;}
    .footer .social p {font-size:12px;}
    .footer .social a {margin: 4px -2px 0 6px;}
    .footer .copyright p {font-size:12px;line-height:13px;margin: 0;}
    .footer .copyright p a {margin:0;font-size:12px;}
    .lightbox2-wrapper {width:290px;max-height: 80%;overflow: auto;}
    .lightbox2 ul {padding: 15px -8px 0 30px; margin:0;width:50%;}
    .lightbox-close {right:0;}

    .header-nav .sub-menu {display:none!important;}
    .flexslider .slides img {width:100%;}

    header .index-banner {margin:15px 0 0 0;display:block !important;}
    header .index-banner .flex-direction-nav {display:block !important;}
    header .index-banner .flex-direction-nav a {top:30px;height: 30px;}

    header .index-banner .flex-direction-nav .flex-prev {display:block !important;width:15px;height:31px;left: 8px;background:url(../img/banner-arrows-l2.png) !important;/*tpa=http://spb.mydimax.ru/test/grandpost/img/banner-arrows-l.png no-repeat center center*/;}
    header .index-banner .flex-direction-nav .flex-next {display:block !important;width:15px;height:31px;right: 8px;background:url(../img/banner-arrows-r2.png) !important;/*tpa=http://spb.mydimax.ru/test/grandpost/img/banner-arrows-r.png no-repeat center center*/;}
    header .index-banner .flex-direction-nav .flex-prev:hover {background:url(../img/banner-arrows-lactive2.png) !important;}
    header .index-banner .flex-direction-nav .flex-next:hover {background:url(../img/banner-arrows-ractive2.png) !important;}

    .service .service-nav {margin:0;}
    .flexslider .slides img {height:100px;}

    .footer .descop {display:none;}
    .footer .mobile {display:block;padding: 5px 0;max-width:320px;margin:0 auto;}
    .footer .mobile .footer-nav {float:left;width: 165px;margin: 4px 0 0 5px;}
    .footer .mobile .footer-nav li {display:inline-block;width: 80px;margin: 4px 0px;}
    .footer .mobile .footer-nav li a {font-size:12px;color:#fff;text-transform:normal !important;}
    .footer .mobile .footer-nav li a:hover {color:#f79239;}
    .footer .mobile .footer-nav li:last-child {width:125px;margin-top:10px;}
    .footer .mobile .right-parth {float:right;width: 125px;margin: 0 5px 0 0;}
    .footer .mobile .right-parth .social {text-align: center;position: relative;display: block;right: inherit;margin: 10px 0 0 0;float: right;width: inherit;}
    .footer .mobile .right-parth .social p {font-size:12px;color:#fff;}
    .footer .mobile .right-parth .copyright {text-align:left;margin: 5px 0 0 0;}
    .footer .mobile .right-parth .social p {font-size:12px;color:#fff;}
    .footer .mobile .right-parth .social p a {font-size:12px;color:#fff;}

    .flex-control-nav {display:none;}
    .flexnav.opacity {opacity:0;}
    .menu-button {display:block;}
}

/** End /@media ================================ **/