/* Mobile menu table style */
.main-menu .main-menu-mobile {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.main-menu .main-menu-mobile li {
    display: table-cell;
    text-align: center;
    width: 45px;
    float: none;
}

.main-menu .main-menu-mobile li a.main-menu-item {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.main-menu .main-menu-mobile .main-menu-cart {
    width: 100%;
    text-align: right;
}

@media screen and (min-width: 1171px) {
.product-bottom .product-price {
        position: absolute;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1200px) {
    .content-font .top_panel .item {
        margin-right: 20px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1170px) {
    .product-bottom .product-price {
        display: block;
        position: static;
        margin-bottom: 10px;
    }

    .product-box .product-info {
        margin-bottom: 35px;
    }
}

@media screen and (min-width: 976px) and (max-width: 1200px) {
    .content-font .main-menu li a.main-menu-item {
        /*padding: 18px 10px;*/
    }
    .block-payment img {
        margin-bottom: 15px;
        /*bottom margin for payment methods*/
    }
}

@media screen and (max-width: 1000px) {
    .content-font .top_panel .item {
        margin-right: 10px;
    }
}

/* ============================= */
/* ! Ipad and IOS search button   */
/* ============================= */



/* ============================= */
/* ! News layout   */
/* ============================= */
@media (min-width: 767px) {
        .content-row {
            display: table;
            table-layout: fixed;
            width: 100%;
        }
        
        .content-cell {
            display: table-cell;
            margin-bottom: 0;
            padding: 0 12px;
            vertical-align: top;
        }

        .content-cell:first-child {
            padding-left: 0; 
        }

        .content-cell:last-child {
            padding-right: 0; 
        }
}

.content-cell {
    margin-bottom: 15px;
}

.content-cell img {
    width: 100%;
}

div.content-row .content-cell p {
    margin: 0;
}
        
div.content-row .content-cell ul,
div.content-row .content-cell ol {
    margin: 0 0 0 15px;
}

div.content-row .content-cell ul li,
div.content-row .content-cell ol li {
    list-style-position: outside;
}

/* ============================= */
/* ! Average reviews layout   */
/* ============================= */
@media (min-width: 768px) {
    .reviews-stats .stars-average {
        position: absolute;
        margin: 0 0 0 140px!important;
        bottom: 0;
        left: 0;
    }

    .reviews-counter {
        position: absolute;
        margin: 0 0 0 270px;
        bottom: 0;
        left: 0;
    }
}

@media screen and (min-width: 979px) {
    .content-font .top_panel {
        height: 20px;
    }
}

/* ============================= */
/* ! Mobile and tablet styles    */
/* ============================= */

@media screen and (max-width: 979px) {

    body .header-page .main-menu li #show-info {
        display: block;
    }

    body .color-column {
            padding-bottom: 20px;
            margin-bottom: auto;
    }

    .products_categories .grid_item {
        width: 50%;
    }

    .transition-all,
    .transition-color,
    .transition-opacity {
        /* smooth css3 animations on mobile */
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }

    .content-font .top_panel {
        margin-top: 48px;
    }

    header {
/*        padding-top: 10px;*/
    }

    .content-font .top_panel .item {
        display: block;
        text-align: center;
        margin: 10px 0;
    }

    .content-font .top_panel .item.last {
        margin-bottom:20px;
    }

    .product-bottom .product-price {
        position: absolute;
        margin-bottom: 0;
    }

    /* Mobile main menu */
    .main-menu {
        position: fixed !important;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .main-menu .main-menu-mobile {
        display: table !important;
    }

    .main-menu .main-menu-mobile li {
        display: table-cell !important;
    }

    header .main-menu .main-menu-desktop > li {
        display: block;
        text-align: left;
    }

    .main-menu .main-menu-desktop > li.home {
        display: none;
    }

    .main-menu-desktop {
        position: fixed;
        top: 0;
        left: -310px;
        width: 300px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1002;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);

        /* smooth css3 animations on mobile */
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }

    .main-menu-desktop.slide-opened {
        left: 0;
    }

    .main-menu-desktop li {
        float: none !important;
        border-radius: 0 !important;
    }

    .mega-menu-bg {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mega-menu {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        border-radius: 0 !important;
    }

    .mega-menu-active {
        width: 100% !important;
        right: auto !important;
    }

    .mega-menu .mega-menu-box {
        border-right: none !important;
        height: auto !important;
        max-width: 100%;
    }

    .mega-menu-banner .banner-text-blue {
        font-size: 10px !important;
    }

    .mega-menu-banner .banner-text-blue strong {
        font-size: 25px !important;
    }

    .mega-menu-banner .banner-text-white {
        font-size: 20px !important;
    }

    .mega-menu-banner .banner-size-2 strong {
        font-size: 30px !important;
    }

    .main-menu .home {
        display: none;
    }

    .mobile-menu-opened .mobile-overlay {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1001;
        background-color: rgba(0, 0, 0, 0.8);
    }

    /* Mobile sidebar */
    #sidebar-mobile  {
        top: 0;
        right: -310px;
        width: 300px;
        height: 100%;
        position: fixed !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1002;
        box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.8);

        /* smooth css3 animations on mobile */
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
    }

    #sidebar-mobile.slide-opened {
        right: -15px;
    }

    #sidebar-mobile .sidebar-top {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .submenu > ul {
        margin-top: 0 !important;
    }

    .sidebar-shadow {
        display: none;
    }

    .sidebar .back,
    .main-menu .back {
        display: block !important;
    }

    .sidebar .back a {
        padding-top: 15px;
    }

    .my-profile-info {
        float: none !important;
        width: auto !important;
    }

    .well-box-middle strong {
        font-size: 15px !important;
    }

    .cart-header .align-center {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cart-product-options label {
        display: none;
    }

    .cart-total {
        font-size: 20px !important;
    }

    .cart-shipping .form-input .custom-selectbox span {
        max-width: 65% !important;
    }
}



/* ============================= */
/* ! Only tablet styles          */
/* ============================= */

@media screen and (min-width: 767px) and (max-width: 979px) {
    .cart-total {
        font-size: 25px !important;
    }

    .cart-shipping .sidebar-shadow {
        display: block;
    }

    .checkout-total {
        font-size: 25px !important;
    }
}



/* ============================= */
/* ! Only mobile styles          */
/* ============================= */

@media screen and (max-width: 767px) {

    .block-payment {
        padding-bottom: 10px;
    }

/*    .header-page {
        padding-top: 65px;
    }
*/
   .header-page.open-info{
        padding-top: 10px;
    }
    
    .top_panel,
    .top-menu {
        display: none;
    }

    .page-content .register-form {
        max-width: 100%;
    }

    .page-content .forgot-form {
        max-width: 100%;
        padding: 15px 0 10px 0;
    }

    .page-content .register-form .form-input label {
        width: 100%;
    }
    .page-content .register-form .form-input .text-input,
    .page-content .register-form .form-input .textarea-input {
        width: 100%;
    }


    body .b-popup {
        width: auto;
    }

    .range-text {
        text-align: center;
    }

    .product-details__columns .product-details__gallery,
    .product-details__columns .product-details__description {
        width: 100%;
        float: none;
    }

    .product-details__gallery {
        margin-bottom: 20px;
    }

    .product-details__description > a {
        display: none;
    }

    .products_categories .grid_item {
        width: 100%;
    }

   /* .header-search {
        width: 150px !important;
    }*/

    .content-font .top-menu .top-menu-left {
        float: none;
    }

    .content-font .top-menu li{
        display: block;
        text-align: center;
    }
    .content-font .top-menu li a {
        display: block;
        padding-top:10px;
        padding-bottom: 10px;
    }

    header .header-logo img{
        max-width: 100%;
        height: auto;
    }

    header .header-middle .grid-100 {
        display: block;
    }

    .header-middle .grid-100 .grid-80,
    .header-middle .grid-100 .grid-20 {
        display: block;
        text-align: center;
    }

    header .header-search {
        width: initial;
        display: block;
        margin-bottom: 10px;
    }
    .header-middle .grid-100 .grid-20 img {
        display: inline-block;
        vertical-align: top;
    }

    header .header-middle-box {
        display: block;
        width: initial;
        margin: 0;
    }

    .content-font .order_call {
        display: block;
        float: none;
        margin: 10px auto 20px auto;
    }



    .main-menu-desktop li {
        width: 100% !important;
    }

    /* Well table styles on mobile */
    .well-table .well-box,
    .well-table .well-box-middle {
        display: block !important;
        border-right: none !important;
        border-bottom: 1px solid #e1e1e1;
        border-bottom: 1px solid rgba(88, 88, 88, 0.2);
    }

    div.product-wrap {
        padding: 0;
    }

    div.content-with-sidebar {
        padding: 0;
    }

    div.sidebar {
        padding-bottom: 0;
        padding-top: 0;
    }

    .sidebar .h2 {
        padding-top: 20px;
    }

    .fake-padding {
        padding-bottom: 20px;
    }

    #pager-carousel a.bx-next {
        margin-right: -15px;
    }

    #pager-carousel a.bx-prev {
        margin-left: -15px;
    }

    .product-detail .product-price {
        margin-top: 15px;
    }

    .product-options .custom-selectbox,
    .product-options .text-input {
        margin-right: 10px !important;
    }

    .content-with-sidebar .product-detail-tabs .page-tabs a {
        padding-bottom: 8px;
    }

    .product-review-details .mobile-grid-100 {
        text-align: center;
        margin-bottom: 20px;
    }

    .product-review-details dl {
        margin-left: 10%;
    }

    .blog-list-details .blog-list-title {
        margin-top: 15px !important;
    }

    .blog-author-info {
        width: 70% !important;
    }

    .contact-addresses > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 15px;
    }

    .content-form .form-input .text-input,
    .content-form .form-input .textarea-input,
    .form-input .custom-selectbox {
        width: 65%;
    }

    .form-input .custom-selectbox span {
        max-width: 75% !important;
    }

    .content-form .form-input label {
        font-size: 11px;
    }

    /* Mobile styles for shopping cart */
    .cart-product-info .cart-product-title,
    .cart-product-info .cart-product-options{
        display: block;
        text-align: center;
    }

    .cart-product-info .cart-product-title {
        margin-bottom: 10px;
    }

    .cart-shipping .content-form .form-input label {
        width: 34% !important;
    }

    .cart-shipping .sidebar .sidebar-top {
        padding-top: 0;
        margin-left: 0;
        width: auto;
    }

    .cart-shipping .no-right-padding {
        padding-left: 0;
    }

    .well-shadow.cart-product-list {
        border-right: none !important;
        border-bottom: none;

        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .cart-product-list .cart-product {
        margin-bottom: 20px;

    }

    .cart-product-remove {
        top: -5px !important;
        margin-top: 0!important;
    }


    /* Mobile styles for checkout process */
    .checkout-progress {
        width: 100% !important;
    }

    .progress .progress-step {
        font-weight: normal !important;
        font-size: 12px !important;
    }

    .progress .progress-step .step-inner {
        font-size: 16px !important;
        font-weight: bold !important;
    }

    .box-table .box,
    .box-table .box-middle {
        display: block !important;
        border-left: none !important;
        border-right: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .box-table .box {
        border-bottom: 1px solid #e6e1da;
    }

    .box-table .box.last {
        border-bottom: none !important;
    }

    .checkout-summary {
        display: none;
    }

    .checkout-summary table td {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .summary-mobile {
        display: block !important;
    }

    .summary-price {
        white-space: nowrap;
    }

    .checkout-total {
        font-size: 20px !important;
    }

    .checkout-total-holder {
        border-left: none !important;
    }

    .content-font .reviews .item .img {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 10px 0;
    }

    /********Форма заказа***********/
    /*******************************/
    form.place_an_order {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .footer-copyright {
        margin-bottom: 15px;
    }

    .footer-bottom .footer-social {
        text-align: center;
    }

    .product-details .logo-product {
        float: none;
        display: block;
        margin: 20px auto 40px auto;
    }
    .product-details .product-comments {
        padding-right: 0;
    }

    .product-details .line-delivery {
        text-align: center;
    }

    .add-comment .form_style {
        width: 100%;
    }

    .add-comment .form_style .capcha-block {
        padding-bottom: 50px;
        margin: 0;
        position: relative;
    }

    .add-comment .capcha-block .addthis_sharing_toolbox {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
    }

    .add-comment .form_row .column_right,
    .add-comment .form_row .column_left{
        width: 100%;
        float: none;
    }

    .add-comment .form_row .column_left {
        margin-bottom: 15px;
    }
    .product-details .details-line .group{
        display: block;
        margin-top: 15px;
    }

    .product-details .order-line {
        padding-left: 0;
        text-align: center;
        padding-top: 20px;
    }

    .product-details__description h1,
    .product-details__description .details-line {
        text-align: left;
    }


}

@media screen and (min-width: 767px) {
    .product-details__gallery h1 {
        display: none;
    }
}

@media screen and (max-width: 767px){

    .product-details__gallery h1 {
        display: block;
        font-size: 24px;
        font-weight: 400;
        line-height: normal;
        margin: 0 0 10px 0;
    }

    .product-details__description h1 {
        /* display: none; */
    }

    .product-details__description .price {
        text-align: left;
    }

    .page-content .wrapper-cart {
        border-bottom: none;
    }

    .wrapper-cart .cart-product .last {
        border-bottom: 1px solid #000;
    }

    .page-block .block-border {
        padding: 10px;
    }

    .page-block .block-border.all-price {
        float: none;
        width: auto;
    }

    .page-block .block-border .button-normal {
        width: 100%;
        margin-top: 10px;
        text-align: center;
        float: none;
    }

    .reviews-stats {
        text-align: center;
    }

    .reviews-stats .stars-average {
        margin: 0;
        position: static;
    }

    .reviews-counter {
        position: static;
        margin: 0;
    }
 
}

.main-menu .main-menu-mobile li a.main-menu-item {
    width: auto;
}
.header-page .main-menu li a.main-menu-item {
    display: inline-block;
}
