/* ====================================================================================================================
* REDESIGN
* ====================================================================================================================*/
html {
    overflow-x: hidden;
}
body {
    font-family: "Roboto", sans-serif !important;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.header-block {
	background: rgba(255, 255, 255, 0.5);
}

.block {
    max-width: 100%;
}
.main p {
    margin: 0 0 .6rem !important;
    font-size: .9rem;
}
.main prod-f p {
    margin: .6rem 0 .1rem !important;
    font-size: 1.6rem;
    border-top: none;
}
.main a {
    text-decoration: none;
    color: #348529;
    font-size: 1rem;
}
.topbar-wrap {
    background: #fff;
    color: #348529;
    font-size: 1.2rem;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 25%);
}
.topbar-wrap a {
    font-size: 20px !important;
}
.topbar ul li:after {
    width: .15em;
    height: 2em;
    background: #348529;
}
.topbar ul li a {
    padding: 0 .3em;
    color: inherit;
    position: relative;
}
.topbar ul li a:after {
    content: "";
    height: .2em;
    width: 0;
    background: #348529;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transition: width .5s ease, left .5s ease;
}
.topbar ul li a:hover:after {
    display: block;
    width: 100%;
    left: 0;
    transition: width .5s ease, left .5s ease;
}
.topbar ul li a:hover, .login:hover, .signup:hover,
.exit:hover, .profile:hover {
    color: inherit;
    text-decoration: none;
}
.auth {
    color: #348529;
    font-size: 1.3rem;
    padding: 13px 0 14px;
    max-width: 750px;
    line-height: inherit;
    order: 2;
}
.signup:before, .exit:before {
    width: .2rem;
    height: 1.4em;
    top: 0;
    left: 0px;
    background: #348529;
    display: block;
    position: absolute;
    content: "";
    margin-left: -.5em;
}
.signup, .exit {
    margin-left: 1em;
}
.login, .signup, .exit, .profile {
    padding: 0 .3em;
    background: none;
    color: inherit;
    position: relative;
}
.login:after, .signup:after, .exit:after, .profile:after {
    content: "";
    height: .2em;
    width: 0;
    background: #348529;
    position: absolute;
    top: inherit;
    bottom: -14px;
    left: 50%;
    transition: width .5s ease, left .5s ease;
}
.login:hover:after, .signup:hover:after,
.exit:hover:after, .profile:hover:after {
    display: block;
    width: 100%;
    left: 0;
    transition: width .5s ease, left .5s ease;
}
.block.header, .header {
    width: 100%;
    max-width: 100% !important;
    background: url(/bitrix/templates/cookshop/img/menu_bkg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    padding: 0;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%);
}
.cart {
    padding: 0;
    background: #fff;
    border: 2px solid #348529;
    border-radius: 2em 0 0 2em;
    font-size: 14px;
    color: #838383;
    position: fixed;
    right: -10rem;
    display: flex;
    align-items: center;
    transition: right .5s ease;
    z-index: 100;
}
.cart:hover {
    right: -.5em;
    opacity: 1;
    transition: right .5s ease;
}
.basket-line-block-icon-cart:after{
    display: none;
}
.basket-line-block {
    padding: 0 1em 0 .5em;

}
.cart:before {
    font-family: 'FontAwesome';
    content: '\f07a';
    margin: .5em;
    font-size: 2.5em;
    color: #348529;
}
.header-row.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-wrap {
    margin: 1.5em auto 0 0;
	min-height: 100px;
}
.logo-wrap:hover, .logo-wrap:hover .logo,
.logo-wrap:hover .slogan {
    color: #348529;
}
.slogan {
	display: none;
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    border-left: none;
    line-height: 110%;
    width: 160px;
}
.search {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
#title-search-input {
    height: 3.5em;
    width: 45em;
    border-radius: 2em;
}
#title-search input[type="image"] {
    background: none;
    background-size: contain;
    border: none;
    position: absolute;
    right: 1.5em;
    width: 2em;
    height: 2em;
    padding: 0;
    top: .5rem;
}
.phone {
    float: none;
    font-family: "Roboto", sans-serif;
    font-size: 1.5em;
    font-weight: 500;
    color: #525252;
    margin: 0;
}
.phone a:hover {
    color: #348529;
    text-decoration: none;
}
.main_menu-block {
    background: #fff;
    color: #348529;
    box-shadow: 0 10px 42px 0 rgb(0 0 0 / 15%);
}
.header nav {
    clear: both;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    background: #fff;
    /* background: linear-gradient(#fff 0%, #f5f5f5 100%); */
}
.header nav ul li a {
    display: block;
    padding: 1em .1em;
    border-top: none;
    color: #348529;
    position: relative;
}
.header nav ul li a:hover {
    color: #348529;
}
.header nav ul li a:after {
    display: block;
    content: "";
    height: .3em;
    width: 0;
    background: #348529;
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 50%;
    transition: width .5s ease, left .5s ease;
}
.header nav ul li a:hover:after {
    display: block;
    width: 80%;
    left: 10%;
    transition: width .5s ease, left .5s ease;
}
.header nav ul li.active a {
    background: #fff;
    color: #348529;
    border-top: none;
    box-shadow: none;
}
.header nav ul li.active a:after {
    display: block;
    width: 80%;
    left: 10%;
}
.header nav ul li.active + li a:after {
    display: block;
}
.header nav ul li:first-child a:after {
    display: block;
}
.front-tabs li a {
    font-size: 1.2em;
    padding: 7px 15px;
    color: #348529;
    font-weight: 500;
}
.front-tabs li a:hover {
    font-size: 1.2em;
    padding: 7px 15px;
    color: #348529;
    font-weight: 500;
    border: 1px solid #348529;
}
.front-tabs li a.active {
    text-decoration: none;
    color: #fff;
    background: #348529;
    border: 1px solid #348529;
}
.main h2, .about-f h1, .main h1, h3 {
    padding: .5em  !important;
    font-size: 1.5rem !important;
    border-bottom: 2px solid #348529 !important;
    border-top: 2px solid #348529;
    background: #eaeaea;
    box-shadow: 0 10px 12px 0 rgb(0 0 0 / 5%);
    margin-bottom: 1rem;
}
h1, .about-f h1, .main h1 {
    font-size: 2rem !important;
    padding: .7em  !important;
}
h1 a, h2 a, h3 a, h4 a {
    font-size: 100% !important;
}
h3 {
    font-size: 1.2rem !important;
    padding: .3em  !important;
    border-top: 1px solid #348529;
    border-bottom: 1px solid #348529 !important;
}
h4 {
    margin-bottom: .8rem;
    font-size: 1rem;
    background: #eaeaea;
    padding: .3em  !important;
    border-bottom: 1px solid #348529 !important;
}
.prods-f {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.prod-f {
    width: 22%;
    border: 1px solid #eaeaea;
    margin: .5em 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	box-shadow: 0 5px 10px 0 rgb(52 133 41 / 30%);
    border-radius: 0.5rem;
}
.prod-f:hover {
    border: 1px solid #348529;
}
.sidebar ul li a {
    color: #348529;
    display: block;
    padding: .7em 2em;
    font-size: 1em;
    font-weight: 500;
    margin: .4em;
    background: #eaeaea;
    border-radius: .5em;
}
.sidebar ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #348529;
}
.prod-f-img {
    width: 100%;
}
.prod-f-img img {
    width: 75%;
}
.prod-f h3 {
    min-height: 4.5rem;
    line-height: 130%;
    padding: .7em 0 !important;
    width: 100%;
    margin-bottom: auto;
	font-size: 0.9rem !important;
    font-family: 'Roboto';
    background: #fff;
    box-shadow: 0 10px 12px 0 rgb(0 0 0 / 10%);
    border: none !important;
    border-radius: 0.2rem;
}
.prod-f h3 a {
    color: #575757;
    text-decoration: none;
    font-size: 1.2rem;
}
.prod-f-price {
    display: block;
    width: 100%;
    text-align: center;
    padding: .7em;
    line-height: 1.1em;
    font-size: 1.2em !important;
    color: #323232;
}
.news-f {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 9px 0;
    justify-content: space-between;
}
.news-f h2 {
    width:100%;
}
.news-f-item h3 a {
    color: #575757;
    text-decoration: none;
}
.news-f-item h3 a:hover, .about-f h1 a:hover,
.news-f h2 a:hover {
    color: #348529;
    text-decoration: none;
}
.news-f .news-f-item {
    width: 32.5%;
}
.footer-wrap {
    background: url(/bitrix/templates/cookshop/img/footer_bkg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    box-shadow: inset 0 3px 6px 0 rgb(0 0 0 / 18%);
	min-height: 300px;
}
.footer-wrap * {
    color: #fff;
    font-size: 1em;
}
.copyright {
    width: auto;
    margin-right: 2em;
}
.menu1-f p, .menu2-f p, .menu3-f p {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 1.4em;
}
.footer-wrap a {
    padding: .2em .5em .2em .3em;
    text-decoration: none !important;
}
.footer-wrap a:hover {
    color: #fff;
    border: 1px solid #fff;
    border-radius: .2em;
    text-decoration: none !important;
}
.phone-f {
    padding: 20px 0 10px 10px;
}
.bcrumbs li, .bcrumbs li a {
    color: #636363;
    font-size: 1.1em;
    text-decoration: none;
    font-weight: 500;
}
.bcrumbs li a {
    font-weight: 600;
}
.bx_sitemap .bx_sitemap_ul {
    display: flex;
    flex-wrap: wrap;
}
.bx_sitemap .bx_sitemap_ul li {
    margin .1em 1em;

}
.bx_sitemap .bx_sitemap_li_title {
    color: #348529;
    margin: .2em;
    border: .1em solid #348529;
    border-radius: 1em;
    padding: .5em 1em;;
}
.bx_sitemap .bx_sitemap_li_title:hover {
    color: #fff;
    margin: .2em;
    border: .1em solid #348529;
    border-radius: 1em;
    padding: .5em 1em;
    background: #348529;
}
.bx_sitemap .bx_sitemap_li_title a {
    color: inherit;
}
.bx-pagination .bx-pagination-container ul  {
    display: flex;
    justify-content: center;
}
.bx-pagination .bx-pagination-container ul li {
    color: #348529;
    margin: .2em;
    border: .1em solid #348529;
    border-radius: 2em;
    background: #eaeaea;
    box-shadow: 0 10px 12px 0 rgb(0 0 0 / 5%);
    width: 3em;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease !important;

}
.bx-pagination a {
    height: auto !important;
}
.bx-pagination .bx-pagination-container ul li span {
    transition: none !important;
}
.bx-pagination span {
    color: #348529 !important;
    background: inherit !important;
    border: none !important;
    line-height: 1 !important;
    padding: 0 !important;
    height: auto !important;
    transition: all .3s ease !important;
}
.bx-pag-prev, .bx-pag-next, .bx-pag-all{
     padding: .7em 4em !important;
}
.bx-pag-all a {
    min-width: auto !important;
}
.bx-active, .bx-pagination li:hover {
    color: #fff !important;
    border: .1em solid #348529 !important;
    background: #348529 !important;
    transition: all .3s ease !important;
}
.bx-active span, .bx-pagination li:hover span {
    color: #fff !important;
    transition: all .3s ease !important;
}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_container {
    position: absolute;
    z-index: 990;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 5px 0 rgb(218 28 28 / 30%) !important;
    border-radius: 3px;
    border: 1px solid #348529;
    background: #fff;
    -webkit-animation: borderview 0.2s !important;
    animation: borderview 0.2s !important;
}
.bx_catalog_list_home .bx_catalog_item_title a {
    font-size: 1.2rem;
}
.bx_catalog_list_home .bx_catalog_item_title a:hover {
    text-decoration: none;
    color: #348529;
}
.bx_catalog_list_home .bx_catalog_item_title {
    height: 2.5rem;
}
.bx-no-touch .bx_catalog_list_home .bx_catalog_item:hover .bx_catalog_item_title {
    min-height: 2.5rem;
}
.bx_catalog_list_home .bx_catalog_item_price .bx_price {
    font-size: 1.2rem;
    text-align: center;
    padding: .5rem 0;
    margin-top: .5rem;
    border: .1rem solid #348529;
    border-radius: .5rem;
    background: #eaeaea;
    color: #348529;
}
.bx_catalog_item_controls_blockone>div {
    margin: .5rem 0;
    display: flex !important;
    justify-content: center;
}
.bx_catalog_list_home .bx_col_input {
    font-size: 1.5rem;
}
.bx_small.bx_bt_button_type_2 {
    width: 2rem;
    height: 2rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: .1rem solid #348529;
    border-radius: .5rem;
    background: #eaeaea !important;
    color: #348529;
    font-size: 1.7rem;
    margin: 0 !important;
    text-shadow: none !important;
}
.bx_small.bx_bt_button_type_2:hover {
    border: .1rem solid #348529;
    border-radius: .5rem;
    background: #348529 !important;
    color: #fff;
    text-shadow: none !important;
}
.bx_small.bx_bt_button_type_2:hover {
    text-decoration: none;
}
.bx_item_detail .bx_item_title {
    border-bottom: none;
}
.bx_catalog_item_controls .bx_catalog_item_controls_blockone span {
    color: #3f3f3f !important;
    font-size: 1.2rem !important;
    display: flex;
    align-items:flex-end;
    position: absolute;
    right: 1.5rem;
    top: 0.5rem;
    z-index: 999;
}
.bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a,
.bx_item_detail.bx_green .bx_bt_button, .bx_bt_button {
    margin: 1rem auto 0 !important;
    line-height: 2.4rem !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: .1rem solid #348529;
    border-radius: .5rem !important;
    background: #348529 !important;
    color: #fff !important;
    font-size: 1.3rem !important;
    text-shadow: none !important;
}
.bx_catalog_list_home.bx_green .bx_bt_button {
    width: 100% !important;
	height: auto !important
}
.bx_item_detail.bx_green .bx_bt_button:hover {
    line-height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .1rem solid #348529;
    border-radius: .5rem;
    background: #348529;
    color: #fff;
    font-size: 1.3rem;
}
.bx_item_detail.bx_green .bx_bt_button {
    width: 100% !important;
    margin: auto;
    padding: .2rem 1.2rem;
    height: auto;
}
.bx_item_detail .bx_big.bx_bt_button.bx_cart span {
    bottom: 0;
}
.item_buttons.vam {
    display: flex;
    align-items: center;
}
.bx_item_detail .item_buttons_counter_block {
    display: flex;
    margin-right: 10px;
    vertical-align: baseline;
    color: #3f3f3f;
    font-size: 13px;
    text-align: left;
    justify-content: center;
    align-items: center;
}
.bx_item_detail .transparent_input {
    font-size: 1.3rem;
}
.bx_item_detail .bx_cnt_desc {
    align-self: flex-end;
    font-size: 1.2rem;
    margin-left: .4rem;
}
.bx_item_detail .item_current_price {
    font-size: 2rem;
    line-height: 2.5rem;
}
.bx_item_detail .item_info_section {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5rem;
}
.bx_item_detail .item_section_name_gray,
.bx_item_detail .bx_item_description .bx_item_section_name_gray {
    font-size: 1rem;
}
.bx_item_detail .bx_item_description .bx_item_section_name_gray {
    border-bottom: 2px solid #348529 !important;
     box-shadow: 0 10px 12px 0 rgb(0 0 0 / 5%);
     margin-bottom: .7rem;
}
.bx_item_detail .bx_item_description p {
    font-size: 1rem;
}
.aboutcontacts_page .main input[type=submit], 
.bx_profile input[type=submit], 
.bx-authform input[type=submit],
.search-page input[type=submit],
.bx-newslist .btn {
    color: #fff;
    margin: .2em;
    border: .1em solid #348529;
    padding: 0.5rem 1em;
    background: #348529;
}
.aboutcontacts_page .main input[type=submit]:hover, 
.bx_profile input[type=submit]:hover, 
.bx-authform input[type=submit]:hover,
.search-page input[type=submit]:hover,
.bx-newslist .btn:hover {
    color: #348529;
    margin: .2em;
    border: .1em solid #348529;
    padding: 0.5rem 1em;
    background: #fff;
}
.bx_mfeedback {
    font-size: 1rem;
}
label {
    margin-bottom: .2rem;
}
.aboutcontacts_page .main input[type=text],
.bx_profile input[type=text],
.bx-authform input[type=text],
.aboutcontacts_page .main textarea {
    margin-bottom: 1rem;
}
.bx_sitemap .bx_sitemap_title a {
    font-size: 85% !important;
}
.about-f p {
    font-size: 1em;
}
.topbar-wrap .topbar {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
}
.bx_item_detail h1 span {
    color: #000;
    line-height: 1;
}
.bx_catalog_item_articul {
    font-size: 1rem !important;
    color: #636363 !important;
}
.footer a {
    white-space: nowrap;
}
ul#front-tabs li:nth-of-type(2) {
    display: none;
}

.sale-order-detail-order-section {
    background: #fff !important;
    border: none !important;
    border-bottom: 0.1em solid #348529 !important;
    color: #000 !important;
}
.sale-order-detail-order-section span {
    color: #000 !important;
}
#bx-soa-basket {
    background: #fff !important;
    border: none !important;
    border: 0.1em solid #348529 !important;
    color: #000 !important;
}
#bx-soa-basket span {
    color: #000 !important;
}

a#topbar-search-btn img,
a#topbar-menu-btn img {
    max-height: 100%;
    max-width: 100%;
}


/* ====================================================================================================================
* REDESIGN MEDIA
* ====================================================================================================================*/

@media (min-width: 768px) {
	.bx-pagination {
    	min-height: 10rem;
	}
}
@media (max-width: 1199px) {
    .header-row.row {
        flex-wrap: wrap;
        justify-content: center;
    }
    .logo-wrap {
        margin: 1rem 1rem 1rem auto;
    }
    .phone {
        margin: 1rem auto 1rem 1rem;
    }
    .search {
        width: 100%;
        order: 2;
    }
    .search input[type=text], #title-search input[type="button"] {
        margin-bottom: 1rem;
    }
    #title-search input[type="button"] {
        position: static;
        margin-left: -50px;
    }
    .content {
    width: calc(100% - 230px);
    }
    .bx_catalog_item_controls .bx_catalog_item_controls_blockone span {
        right: 0.5rem;
    }
    .signup:before, .exit:before {
        width: 0.1rem;
    }
    .block {
        max-width: 100% !important;
    }
    .bx_sitemap .bx_sitemap_li_title a {
        white-space: normal;
        line-height: 1;
    }
}
@media only screen and (max-width: 1040px) {}
    .block {
        max-width: 1200px;
        width: 100%;
    }
    .sidebar {
        width: 225px;
    }
}
@media only screen and (max-width: 991px) {
    .bx_catalog_item_controls .bx_catalog_item_controls_blockone span {
        right: 0;
    }
    .container {
        width: calc(100% - 30px);
    }
    .prod-f {
        width: 31%;
        margin: 1rem auto !important;
    }
}
@media only screen and (max-width: 768px) {
    .search {
        width: 100% !important;
        right: 0;
        left: 0;
        padding: 0 20px;
        display: none;
    }
   .search input[type=text] {
        width: 100% !important;
   } 
   #title-search input[type="button"] {
       position: absolute;
       top: 7px;
       right: 35px;
   }
   .topbar ul {
       margin-left: 0;
       margin-right: auto;
   }
   .logo-wrap {
       display: flex;
       justify-content: flex-start;
       max-width: 100%;
       margin-left: 0;
       margin-right: auto;
       padding-left: 1rem;
       width: auto;
   }
   .header-row.row {
       flex-wrap: nowrap;
   }
   .phone {
       width: auto;
       max-width: 100%;
       margin-right: 1rem;
   }
   .cart {
       margin-top: 13rem;
       width: auto;
   }
   .main_menu-row.row ul {
       width: 100%;
       display: flex;
       justify-content: space-around;
       margin-bottom: 0;
   }
   .header nav ul li a {
        border: none !important;
        text-align: center;
   }
   .header nav {
        padding: 0 .5rem !important;
   }
   .header nav li {
       margin: 0 !important;
   }
   .copyright {
       display: none;
   }
   .block.footer {
       font-size: 90%;
   }
   .sidebar {
       width: 100%;
       max-width: 100%;
   }
   .content {
       width: 100%;
   }
   span.sitebar-menu + ul.bx_sitemap_ul {
       display: flex;
       width: 100%;
       flex-wrap: wrap;
       max-height: 0;
       transition: max-height .4s ease;
   }
   span.sitebar-menu + ul.bx_sitemap_ul.active {
       max-height: 600px;
       transition: max-height .5s ease;
   }
   span.sitebar-menu {
        display: flex;
        height: 2rem;
        width: 2.5rem;
        background: url(/bitrix/templates/cookshop/img/burger-menu.svg) no-repeat;
        background-size: contain;
        background-position: center top;
        padding-left: 3rem;
        margin-bottom: 1rem;
   }
   span.sitebar-menu:after {
       content: "Категории";
       font-family: "LiberationSansBold", sans-serif;
       font-size: 2rem;
       color: #636363;
		margin-top: 0.3rem;
   }
   .front-tabs {
       text-align: center;
       margin: 0 !important;
   }
   .front-tabs li {
       margin: 0 auto;
   }
   .prod-f {
       width: 31.5%;
       margin: .5em 0 !important;
   }
   .news-f-item:nth-of-type(n+3) {
       display: none;
   }
   .news-f .news-f-item {
       width: auto;
   }
   .topbar-wrap a {
       font-size: 15px !important;
   }
   .signup:before, .exit:before {
       width: 2px;
       height: 20px;
   }
   .topbar ul li:after {
       width: 2px;
       height: 20px;
   }
   .item_buttons.vam {
       flex-wrap: wrap;
   }
   .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls, 
   .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_articul, 
   .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu {
       display: block;
   }
   .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone span {
       display: none;
   }
}
@media (max-width: 640px) {
    .bx-touch .bx_catalog_list_home .bx_catalog_item_controls .bx_catalog_item_controls_blockone {
        display: block;
    }
    .bx_catalog_list_home {
        display: flex;
        flex-wrap: wrap;
    }
    .bx_catalog_list_home .bx_catalog_item_container {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .bx_catalog_list_home .bx_catalog_item_title {
        height: max-content;
        margin: auto;
    }
    .bx_catalog_list_home .bx_catalog_item_articul {
        min-height: 100px;
    }
}

@media only screen and (max-width: 580px) {
    html {
        font-size: 15px;
    }
    .prod-f {
        width: 48%;
        margin: .5em 0 !important;
    }
    .prod-f-img {
        height: 200px;
    }
    .cart {
        right: -7rem;
        opacity: .3;
    }
    .cart:before {
        margin: .3em;
    }
}
@media only screen and (max-width: 520px) {
    .slogan {
        display: none;
    }
    .topbar-wrap .topbar, .auth, .topbar-menu  {
        height: 48px !important;
    }
    ul.topbar-menu, .auth {
        white-space: nowrap;
        margin-right: 0;
        margin-left: auto;
    }
    .bx-pagination .bx-pagination-container ul li {
        width: auto;
        height: auto;
    }
    .bx-pag-prev, .bx-pag-next {
        padding: .7em 1rem !important;
    }
}