.mmenu {
    height: 20px; width: 30px; left: 15px; top: 9px; display: none;
    position: absolute; margin: auto; z-index: 999; cursor: pointer; text-align: left;  
}
.mmenu:after, .mmenu:before, .mmenu div {
    background: #fff;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    content: ''; position: absolute; height: 20%; width: 100%;
}
.mmenu:after{bottom:0;}.mmenu:before{top:0;}.mmenu div{top:0;bottom:0;margin:auto;}.mmenu.active:after,.mmenu.active:before{top:0;bottom:0;margin:auto;}.mmenu.active:after{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.mmenu.active:before{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}.mmenu.active div{display:none;}
.mcat {
    display: none;
}
.marr {
    display: none;
    height: 48px;
    width: 40px;
    position: absolute;
    top: 0; right: 0;
    cursor: pointer;
    z-index: 99;
}
.marr:after {
    content: '';
    position: absolute;
    top: 0; right: 0; left: 0; bottom: 9px;
    margin: auto;
    border-color: #fff;
    border-style: solid;
    border-width: 0 0 2px 2px;
    height: 10px; width: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);    
}
.marr.active  {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);                    
}

html {-webkit-text-size-adjust:100%;}
html, body {
    min-width: 320px;
    position: relative;
}

#header .tel a {
    text-decoration: none;
    color: #005999;
}
#footer .tel a {
    text-decoration: none;
    color: #005999;
}
#footer .tel a span {
    color: #333;
}

@media screen and (min-width: 1025px) {
    .top-header .menu {
        display: block !important;
    }
}
@media screen and (max-width: 1024px) {
    .ZingayaWidget {
        display: none !important;
    }
    .top-header, #header, #content, #footer {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .width, #content .box, #footer .box, .hold-content, .hold-bg, .hold-content-bottom, #content .section .border {
        width: auto;
    }
    .mmenu {
        display: block;
    }
    .top-header .menu {
        display: none;
        background: #005999;        
        position: absolute;
        top: 39px;
        padding-bottom: 5px;
        z-index: 999999;
    }
    .top-header .menu li {
        float: none;
        padding: 0 17px 10px;
        width: 130px;
    }
    .top-header .menu a {
        font-size: 14px;
    }
    #open-order {
        margin-right: 0;
    }
    #nav > li {
        display: table;
        table-layout: fixed;
        float: left;
        width: 25%;               
    }
    #nav span {
        display: table-cell;
        vertical-align: middle;
        width: 100% !important;
        height: 100%;
        padding: 0 15px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #nav .drop ul {
        margin-right: 0;
    }
    #nav .drop .arrow {
        display: none;
    }
    #container {
        padding-top: 5px;
    }
    ul.breadcrumb {
        padding-bottom: 5px;
    }
    ul.breadcrumb:after{content:'';display:block;clear:both;}
    ul.breadcrumb li {
        line-height: 1.5;
    }
    #content .border {
        margin-left: 0;
        padding-left: 0;
    }
    #content ul.list-product {
        margin: 0;
    }
    #content ul.list-product li {
        width: 48.5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
    }
    #content ul.list-product li:nth-child(odd) {
        margin-right: 3%;
    }
    #content ul.list-product li:nth-child(even) {
        margin-left: -4px;
    }
    #content .list-product .article div {
        max-width: 100%;
    }
    #footer {
        height: auto;
    }
    #footer p {
        padding-right: 240px;
    }
    .hold-content, .hold-bg, .hold-content-bottom {
        background: none;
        padding: 0;
    }
    #content .section .border {
        margin-bottom: 0;
    }
    .hold-content-bottom > .section {
        background: #fff;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .aside {
        background: #fff;
        padding-top: 20px;
    }
     .hold-content-bottom > .section, .aside {
         -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
     }
    .hold-content-bottom > .section {
        width: 70%;        
    }
    .aside {
        width: 27%;
    }
    #content .section .article > p:first-child a img {
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    #content .section table {
        width: 100%;
    }
    #content .section table.price, #listBasket table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    ul.breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }
    #content .section .article img {
        max-width: 100%;
        height: auto !important;
    }
    #content .section .article iframe {
        max-width: 100%;
    }
    .section .section {
        width: auto;
        float: none;
    }
    #content .section .article > ymaps, p > ymaps {
        max-width: 100%;
    }
    #order table {
        table-layout: fixed;
    }
    #order input, #order textarea, #order select {
        max-width: 95%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (min-width: 769px) { 
    .aside {     
        display: block !important;        
    }
}
@media screen and (max-width: 768px) {
    #header .tel  {
        margin-bottom: 8px;
    }    
    .nav-bg {
        background-size: 100% 105%;
    }
    #nav {
        background: none;
    }
    #nav > li {
        width: 50%;
    }
    #nav span {
        padding-right: 40px !important;
    }
    .marr {
        display: block;
    }
    #nav li:hover .drop {
        display: none;
    }
    #nav li.hover .drop {
        display: block !important;
    }
    #nav .drop ul {
        padding-bottom: 0;
        background-color: #fff;
    }
    #nav .drop li {
        margin-bottom: 15px;
    }
    #nav .drop li a {
        font-size: 12px;
    }
    #content ul.list-product li {
        display: block;
        width: auto;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow: hidden;
    }   
    #content .white-bg, #content .box, #footer .box, .hold-content-bottom > .section {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
    } 
    .hold-content-bottom {
        position: relative;       
    }
    .hold-content-bottom > .section, .aside {
        float: none;
        width: auto;
    }
    .hold-content-bottom > .section {
        margin-top: 47px;
        padding-bottom: 1px;
    }
    .mcat {
        display: block;
        background: #808080 none repeat scroll 0 0;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 0 #535353;
        text-transform: uppercase;
        position: absolute;
        top: 0;  
        left: 0; right: 0;
        padding: 15px;  
        cursor: pointer;
    }
    .mcat:after {
        content: '';
        position: absolute;
        top: 0; right: 15px; bottom: 9px;
        margin: auto;
        border-color: #fff;
        border-style: solid;
        border-width: 0 0 2px 2px;
        height: 10px; width: 10px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);  
    }
    .mcat.active:after  {
        bottom: 0; top: 5px;
        -moz-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
        -webkit-transform: rotate(-225deg);
        -o-transform: rotate(-225deg);
        transform: rotate(-225deg);                    
    }
    .aside {     
        display: none;
        position: absolute;
        left: 0; right: 0;
        top: 47px;
        border-bottom: 1px solid #005999;
    }
    #content .aside .title {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    #content .title .pic {
        border-right: none;
        margin: 0;
    }
    #content .title {
        height: auto;
    }
    .icon-down {
        display: block;
        padding-bottom: 0;
        padding-left: 10px;
        position: static;
    }
    #footer p {
        padding-right: 0;
    }
    #footer .logo, #footer .contacts {
        float: none;
        margin: 15px 0 0;
    }
    #footer .link, #footer .tel {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }
    .counters {
        position: static;
    }
    #content .section .article iframe, #content .section .article > ymaps, p > ymaps {
        height: 250px !important;
    }
    #content .section table.price td:nth-child(1), #content .section table.price td:nth-child(4), #content .section table.price td:nth-child(5), #content .section table.price td:nth-child(6),
    #content .section table.price th:nth-child(1), #content .section table.price th:nth-child(4), #content .section table.price th:nth-child(5), #content .section table.price th:nth-child(6) {
        display: none;
    }
    #content .section table.price td:last-child,
    #content .section table.price th:last-child {
        width: 20px;
    }
}
@media screen and (max-width: 520px) {
    #header {
        overflow: visible;
    }
    #open-order {
        margin-bottom: 13px;
        margin-top: -33px;
    }
    #header .contacts {
        clear: right;
    }
    #header .tel {
        font-size: 24px;
    }
    #header .logo {
        margin-right: 0;
    }
}
@media screen and (max-width: 480px) {
    .nav-bg {
        background: #808080;
        border-bottom: 2px solid #005999;
        padding-bottom: 0;
    }
    #nav {
        border-bottom: 2px solid #fff;
    }
    #nav > li {
        width: 100%;
        float: none;
    }
    #nav span {
        display: block;
        padding-top: 15px !important;
        height: 48px !important;
    }
    #nav .drop {
        position: static;
        padding-top: 0;        
    }
    #nav .drop ul {
        box-shadow: none;
    }
    .nav-bg {
        background-size: 100% 112%;
    }
    #content ul.list-product li img {
        margin: 0 10px 0 0;
        max-width: 20%;
    }
    .fancybox-inner {
        height: auto !important;
        overflow: visible !important;
    }
    #order-block {
        width: auto;
    }
    #order-block input, #order-block textarea {
        max-width: 100%;
    }
}
@media screen and (max-width: 360px) {
    #content .section table th {
        font-size: 8px;
        padding: 0 3px;
    }
}