/* desktopy a wide-screen */

@media (min-width: 992px) {
}

/* mobile a tablet */

@media (max-width: 991px) {
    body {
        background-image: none;
        background-color: #f8f8f8;
    }
    
    footer {
        text-align: center;
    }
    
    .footer-links ul li {
        margin: 0 20px;
        margin-bottom: 10px;
    }
    
    .footer-contacts ul li {
        margin: 0 10px;
        margin-bottom: 10px;
    }
    
    .main-navbar .navbar-brand {
        padding: 15px 0;
    }
    
    .product-panel-title h2 {
        margin-bottom: 20px;
    }
    
    .product-panel-control {
        text-align: left;
    }
    
    .slider-pro {
        margin-bottom: 40px;
    }
    
    .product-list,
    .calc-banner-wrap,
    .homepage-news,
    .product-banner-row {
        padding-bottom: 40px;
    }
    
    .calc-banner-wrap {
        padding-top: 0;
    }
    
    .seo-perex {
        margin-bottom: 30px;
    }
    
    .left-column {
        margin-right: 0;
    }
    
    .right-column {
        padding-left: 0;
        margin-left: 0;
        padding-top: 20px;
        padding-bottom: 0;
    }
    
    .left-column .menu-tabs li a,
    .left-column .menu-tabs li a:hover {
        border-bottom: 2px solid #e6e6e6;
    }
    
    .menu-tab-content {
        display: none;
        position: absolute;
        z-index: 4000;
        width: 100%;
    }
    
    .menu-tab-content.in {
        display: block;
    }
    
    .product-banner-row > div:first-of-type {
        padding-bottom: 20px;
    }
    
    .center-header-img img {
        margin-bottom: 30px;
    }
    
    .center-header-img .text-page-perex,
    .center-address-mhd {
        padding-top: 0;
        margin-bottom: 30px;
    }
    
    .center-surgeries-row,
    .center-drug-store {
        padding-top: 30px;
    }
    
    .drug-store-info:last-of-type {
        margin-bottom: 20px;
    }
    
    .center-banner {
        padding: 30px 0;
    }
    
    .left-contact,
    .right-contact {
        width: 100%;
    }
    
    .right-contact {
        margin-top: 20px;
    }
    
    .dealer-map-tooltip {
        margin-bottom: 0;
    }
    
    .product-detail-basket-panel .units-label {
        width: auto;
        padding-left: 0;
        padding-right: 15px;
        margin-right: 0;
    }
    
    .add-to-cart-link {
        bottom: -90px;
    }
    
    .detail-tabs-row {
        padding-top: 125px;
    }
}

/* Desktopy */

@media (min-width: 1101px) and (max-width: 1199px) {
    .header-search {
        width: 150px;
    }
    
    .top-menu-join {
        padding-right: 10px;
    }
    
    .top-menu ul li {
        padding: 0 6px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer {
        text-align: center;
    }
    
    .footer-links ul li {
        margin: 0 20px;
    }
    
    .footer-contacts ul li {
        margin: 0 10px;
    }
    
    .basket-menu-panel {
        margin-bottom: 0;
    }
    
    .dealer-map-tooltip {
        margin-bottom: -50px;
    }
    
    .product-detail-basket-panel .CartItemSelectorContainer > .CartItemSelector,
    .product-detail-basket-panel .CartItemSelectorContainer > .AddToCartContainer {
        width: 100%;
    }
    
    .product-detail-basket-panel .CartItemSelectorContainer > .CartItemSelector {
        margin-bottom: 15px;
    }
    
    .product-detail-basket-panel .units-label {
        width: auto;
        padding-left: 0;
        padding-right: 15px;
        margin-right: 0;
    }
}

@media (max-width: 1100px) {    
    .basket-menu-panel {
        margin-bottom: 0;
    }
    
    .top-menu-wrap {
        display: inline-block;
        padding-right: 55px;
        float: none;
    }
    
    .top-menu {
        padding: 30px 0;
    }
    
    .top-menu-join {
        display: none;
    }
    
    .main-menu-wrap {
        display: inline-block;
        margin-left: -45px;
        padding: 30px 0;
        width: auto;
        float: none;
    }
}

/* T-A-B-L-E-T-Y */

@media (min-width: 768px) and (max-width: 979px) {
    .dealer-map {
        height: 540px;
    }
}

/* mobile */

@media (max-width: 767px) {
    .mobile-flex{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    .main-navbar .navbar-brand {
        float: none;
        display: inline-block;
    }
    
    .logo-wrap {
        /*text-align: center !important;*/
        width:auto;
    }
    
    .header-search {
        width: auto;
    }
    
    .top-menu {
        padding: 15px 0;
    }
    
    .main-menu-wrap {
        padding: 15px 0;
    }
    
    .homepage-news {
        padding-bottom: 0;
    }
    
    .news-item {
        margin-bottom: 30px;
    }
    
    .product-color-select {
        margin-bottom: 15px;
    }
    
    .mte-content {
        padding-top: 0;
    }
    
    .text-page-perex {
        margin-bottom: 20px;
    }
    
    .text-page-nav {
        padding-bottom: 0;
    }
    
    .calc-page-row .calc-banner {
        margin-bottom: 15px;
    }
    
    .calc-detail-header-row h1 {
        margin-bottom: 20px;
    }
    
    .calc-detail-header-row > div:last-of-type {
        text-align: left !important;
    }
    
    .calc-detail-header-row > div:last-of-type a {
        margin-bottom: 20px;
    }
    
    .calc-detail-perex {
        margin-bottom: 30px;
    }
    
    .dealership-header {
        line-height: 1 !important;
    }
    
    .contact-dealership-row {
        padding: 10px 0;
    }
    
    .dealership-regions .contact-dealership-row > div:not(.dealership-header) {
        padding: 10px 15px
    }
    
    .sp-horizontal .sp-next-arrow,
    .sp-horizontal .sp-previous-arrow {
        height: 30px;
        width: 80px;
    }
    
    .sp-horizontal .sp-previous-arrow {
        left: -40px;
    }
    
    .sp-horizontal .sp-next-arrow {
        right: -40px;
    }
    
    .sp-horizontal .sp-arrows {
        margin-top: -15px;
    }
    
    .dealer-map {
        height: 420px;
    }
    
    .m-arrow img {
        margin-top: 15px;
        transform: rotateZ(90deg);
    }
    
    .product-detail-basket-panel .CartItemSelectorContainer > .CartItemSelector,
    .product-detail-basket-panel .CartItemSelectorContainer > .AddToCartContainer {
        width: 100%;
    }
    
    .product-detail-basket-panel .CartItemSelectorContainer > .CartItemSelector {
        margin-bottom: 15px;
    }
}

@media (max-width: 600px) {
    .dealer-map {
        height: 300px;
    }
    
    .header-search {
        width: 100%;
        display:none;
    }
    
    .btn-search{
        display:inline-block;
    }
    
    .menus-wrapper {
        position: relative;
    }
    
    .basket-menu-panel{
        font-size:0;
        padding:0;
    }
    
    .basket-menu-panel a{
        display:inline-block;
        width:38px;
        height:38px;
        position:relative;
    }
    
    .basket-menu-panel .basket-menu-price{
        position:absolute;
        top:0;
        left:0;
        width:40px;
        display:block;
        text-align:center;
    }
    
    .basket-menu-panel .basket-menu-price:after{
        line-height:40px;
        right: 13px;
        top: 10px;
    }
    
    .basket-menu-panel span{
        font-size:0;
    }
    
}

/* really small mobile */

@media (max-width: 480px) {
    .menus-wrapper {
        position: relative;
    }
    
    .header-search {
        width: 100%;
        display:none;
    }
    
    .btn-search{
        margin:0;
    }
    
    .basket-menu-panel{
        margin-right: 50px;
    }
    
    .top-menu-wrap {
        display: block;
        padding-right: 0px;
        margin-right: 0px;
    }
    
    .basket-menu-panel {
        margin-right: 50px;
        margin-top: 15px;
    }
    
    .main-menu-wrap {
        display: block;
        position: absolute;
        margin-left: 0;
        bottom: 1px;
        right: 0;
    }
    
    .main-navbar .navbar-brand{
        width:124px;
    }
    
    .main-navbar .navbar-brand > span{
        font-size:11px;
    }
    
    .main-navbar .navbar-brand > img{
        max-width:120px;
    }
    
    .detail-tabs li {
        display: block;
        width: 100%;
        padding: 0;
    }
    
    .selectboxit-container {
        margin-top: 15px;
    }
    
    .selectboxit-container,
    .selectboxit-container .selectboxit {
        width: 100% !important;
    }
    
    .selectboxit-text {
        margin-left: -5px;
    }
    
    .selectboxit-container select {
        width: 100% !important;
    }
    
    .dealer-map-tooltip,
    .dealer-map {
        display: none;
    }
}

@media (max-width: 395px) {
    
    .main-navbar .navbar-brand{
        width:119px;
    }
    
    .main-navbar .navbar-brand > span{
        font-size:10px;
    }
    
    .main-navbar .navbar-brand > img{
        max-width:120px;
    }
    
}

@media (max-width: 360px) {
    .mte-modal .modal-dialog {
        width: 100%;
    }
}