﻿/*Extra small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .item-action .btn-sp-icon span {
        font-size: 11px;
    }
}
@media(max-width: 768px) {

    .sp-main-slider-main a img {
        max-height: 250px !important;
        min-height: 250px !important;
    }
    .sp-main-slider .slick-list .slick-track .slick-slide img {
        max-height: 350px;
        min-height: 350px;
    }
    .MenuGallary {
        padding-top: 40px !important;
    }
    .static .NOColMd {
        width: 50%;
        margin-left: 0;
    }
    .item-action .btn-sp-icon span {
        font-size: unset;
    }
    .item-container .item-details-container .item-action .btn-add-to-cart i{
        font-size:14px;
    }

}
@media (max-width: 576px) {
    .page-header .header-top .top-menu .navbar-nav > li {
      /*  display: none;*/
    }
    .page-header .header-top .top-menu .nav li.dropdown-language {
        display: block;
    }
    .page-footer {
        display: none;
    }
    #under-constructing > img {
        width: 100%;
        /*height: 215px;*/
    }

    .order-last .image-category img,
    .new-item-section-bar .image-category img,
    .image-category img {
        height: auto;
    }

    .sp-main-slider .slick-list .slick-track .slick-slide img {
        max-height: 300px;
        min-height: 300px;
    }

    .MenuGallary {
        padding-top: 50px !important;
    }

    .fixedMenuCategory {
        top: 90px !important;
    }

        .fixedMenuCategory.with-large-logo {
            top: 129px !important;
        }
}
    @media (max-width:576) and (min-width: 500px) {
        .fixedMenuCategory {
            top: 110px !important;
        }
            .fixedMenuCategory.with-large-logo {
                top: 112px !important;
            }
    }

    @media (max-width: 450px) {
        .fixedMenuCategory {
            top: 90px !important;
        }
            .fixedMenuCategory.with-large-logo {
                top: 130px !important;
            }
        #OffersItems, #CategoryItems {
            padding-top: 18px;
        }
        .item-container .item-details-container .item-content .page-breadcrumb li {
            font-size: 12px;
        }
        .static .NOColMd {
            width: 100%;
        }

        .static {
            display: unset;
        }
    }

    /*Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) {

    }

    @media (max-width: 991px) {

        body {
            padding-bottom: 55px !important;
        }

        .page-details .item-container .item-details-container .item-content .item-price {
            /*top: 2px;*/
            top: 0;
        }

        .page-header .header-top .btn-branches {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            
        }

        .page-header .header-top .top-menu .navbar-nav li a {
            padding: 0 10px !important;
        }

        .page-header .header-bottom .top-menu {
            margin: 0;
            position: fixed;
            bottom: 0;
            background-color: #fff;
            padding: 10px 0 !important;
            width: 100%;
            left: 0;
        }

            .page-header .header-bottom .top-menu .navbar-nav {
                display: flex !important;
            }

                .page-header .header-bottom .top-menu .navbar-nav li {
                    flex: 1 1 auto !important;
                }

                    .page-header .header-bottom .top-menu .navbar-nav li a {
                        padding: 6px !important;
                    }

        .page-logo {
            display: block;
            width: 100% !important;
        }

            .page-logo a .logo-default {
                width: unset !important;
            }

        .page-footer .page-footer-inner .sitemap ul li {
            min-width: 49%;
        }

        .page-footer .scroll-to-top {
            /*bottom: 11%;*/
            bottom: 16%;
            z-index: 9;
        }



        .ContainerHeaderMenu .itemMenu .filters li a.More {
            top: 5px !important;
        }

        .ContainerModal.BranchLocation .MessageSec .ContainerSecBranch {
            min-height: unset !important;
        }

        .sp-main-slider .slick-arrow {
            top: 35%;
        }

            .sp-main-slider .slick-arrow img {
                max-height: 30px;
            }

        .page-details {
            padding: 35px 0 0;
            margin: 15px 0 0;
        }

            .page-details .item-container .item-image,
            .page-details .item-container .item-details-container {
                width: 100%;
                float: unset;
            }

        .item-container .item-details-container .item-content .page-breadcrumb {
            position: absolute;
            left: 21px;
            top: -319px;
            width: 100%;
            border-bottom: unset !important;
            padding: 0;
        }
        .SecContactUSIcon {
            text-align: center
        }

            .SecContactUSIcon .iconFab {
                display: inline-block;
                text-align: center;
                margin-left: 5%;
            }

        .contact_info_block li {
            text-align: center
        }
    }
    /*Extra large devices (large desktops, 1200px and up)*/
    @media (max-width: 1200px) {
    }




   


