.header-mobile, .footer-mobile {
    display: none;
}

.header-mobile .left-icon {
    float: left !important;
}

.header-mobile .right-icon {
    float: right !important;
}
.header-mobile .center {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    z-index: 0;
    width: 64%;
}
.mobile-header {
    position: relative;
}

.header-mobile .left-icon a,
.header-mobile .right-icon a  {
    padding: 10 0px;
    color: #141414;
    z-index: 1;
	fill: #141414;
	display: none;
}

.header-mobile .right-icon {
    position: absolute;
    right: 0px;
    top: 0px;
}

.header-mobile .fa {
    font-size: 17px;
    line-height: 48px;
    vertical-align: bottom;
}

.footer-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    z-index: 15;
}

.hide-pc  {
    display: none;
}

@media (max-width: 1100px) {
.header-container .header-center-menu .ul-links a {
  font-size: 12px;
}
}

@media (max-width: 980px) {
    
    .header-index  {
        display: none;
    }
	
	.ty-footer-grid {
        display: none;
    }
	
	.ty-uppercase {
  font-size: 12px !important;
}

    
    .hide-mobile  {
        display: none;
    }
    
    .hide-pc  {
        display: block;
    }
    
    .footer-mobile {
        display: block;
        background: #fff;
        position: fixed;
        bottom: 0px;
        text-align: center;
        line-height: 50px;
        z-index: 15;
        width: 100%;
        border-bottom: 1px solid #eee;
        box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.2);
    }
    
    .footer-mobile .navbar-nav {
        flex-direction: row;
        line-height: 40px;
        margin: 0px -14px;
        background: #fff;
        height: 65px;
    }
    
    .footer-mobile .navbar-nav .nav-link {
        height: 65px;
    }
    
    
    .footer-mobile .nav-item {
        width: 20%;
        text-align: center;
    }
    
    .footer-mobile .nav-item .fa{
        color: #97c21a;
        font-size: 23px;
        cursor: pointer;
        fill: #97c21a;
    }
    
    .header-cats {
        display: none;
    }
    
    .header-mobile {
        display: block;
        text-align: center;
        height: 50px;
        line-height: 50px;
    }
    
    .header-mobile-transparent, .header-mobile-transparent .header-mobile {
        background-image: none !important;
        position: absolute;
        width: 100%;
        border-bottom: none;
    }
    .header-mobile-transparent .header-mobile .left-icon a, .header-mobile-transparent .header-mobile .right-icon a {
        color: #fff;
        fill: #fff;
    }
    .header-mobile-transparent .header-mobile.modal-mobile {
        background: #fff;
    }
    
    .header-mobile-transparent .header-mobile.modal-mobile .right-icon {
        position: absolute;
        right: 16px;
        top: 1px;
    }
    
    .header-mobile-transparent .header-mobile.modal-mobile .left-icon a, .header-mobile-transparent .header-mobile.modal-mobile .right-icon a {
        color: #0F9D58;
        fill: #0F9D58;
    }
    
    .header-mobile-logo-left .mobile-header {
        position: relative;
        text-align: left;
    }
    
    .main-leftbar {
        border: 0px;
    }
    
    .footer .phone-soc {
        margin-right: 0;
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
    }
    
    .footer .subline {
        font-size: 11px;
        background-color: #0d8e4f;
    }
    
    
    
    .category_title {
        display: none;
    }
    
    .category_title .float-right{
        float: unset !important;
        text-align: center;
        margin: -0px -20px;
    }
    .footer {
        margin-bottom: 50px;
    }

.sub-cats-widget .owl-prev {
    left: -25px !important;
}
.sub-cats-widget .owl-next {
    right: -22px !important;
}

.search-city .city {
    width: 50% !important;
}

}

.product-images-normal {
    margin-bottom: 30px;
}

.product-images-normal .slick-prev, .product-slider-horizontal .slick-prev{
    display: none !important;
}
.product-images-normal .slick-next, .product-slider-horizontal .slick-next {
    display: none !important;
}
.product-slider-horizontal .slick-prev {
    float: left;
    position: absolute;
    left: -36px;
    /* width: 50px; */
    transform: rotate(-90deg);
    top: 37%;
    display: inline-block !important;
    z-index: 1000;
}
.product-slider-horizontal .slick-next {
    float: left;
    position: absolute;
    right: -36px;
    transform: rotate(-90deg);
    top: 35%;
    display: inline-block !important;
    z-index: 1000;
}
.product-slider-horizontal {
    width: 100%;
    height: max-content;
    padding: 0 15px;
}
.sallerpersonbt{
    display: block;
    margin:5px;
}
.linkperson{
    margin-bottom: 35px;
}
@media (max-width: 767px) {

    .sallerpersonbt{
        background-color: #E6F4EC;
        display: block;
        padding: 15px;
        border-radius: 10px;
        max-width: 328px;
        min-width: 270px;
        font-size: 14px;
        text-align: center;
        margin: 7px 0;
        color:#008C3A;
        font-family: Montserrat, sans-serif;
        text-decoration: none;
    }
    .mobilemenubutton{
        position: absolute;
        right: 15px;
        top:20px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-size: 100%;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3c!-- icon666.com - MILLIONS OF FREE VECTOR ICONS --%3e%3csvg id='Layer_1' enable-background='new 0 0 512 512' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m256 .001c-141.158 0-255.999 114.841-255.999 255.999s114.841 255.999 255.999 255.999 255.999-114.841 255.999-255.999-114.841-255.999-255.999-255.999zm0 479.998c-123.513 0-223.999-100.485-223.999-223.999s100.486-223.999 223.999-223.999 223.999 100.485 223.999 223.999-100.486 223.999-223.999 223.999zm141-223.999c0 8.837-7.164 16-16 16h-250c-8.836 0-16-7.163-16-16s7.164-16 16-16h250c8.836 0 16 7.163 16 16zm0-99c0 8.837-7.164 16-16 16h-250c-8.836 0-16-7.163-16-16s7.164-16 16-16h250c8.836 0 16 7.163 16 16zm0 198c0 8.837-7.164 16-16 16h-250c-8.836 0-16-7.163-16-16s7.164-16 16-16h250c8.836 0 16 7.163 16 16z'/%3e%3c/svg%3e");

    }
    .mobilemenu{
        position: fixed;
        z-index: 1000;
        background-color: #eee;
        height: calc(100vh - 114px);
        overflow-y: auto;
        top: 0px;
        left: 0px;
        width: 100vw;
        padding: 10px;
    }
    .visiblemb{
        display: block;
    }
    .hiddenmb{
        display: none;
    }
    .mobilemenu .closemenu{
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-size: 100%;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3c!-- icon666.com - MILLIONS OF FREE VECTOR ICONS --%3e%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612;' xml:space='preserve'%3e%3cg%3e%3cg id='_x31_0_41_'%3e%3cg%3e%3cpath d='M415.338,196.662c-7.535-7.535-19.737-7.535-27.253,0l-82.181,82.18l-81.033-81.032c-7.478-7.478-19.584-7.478-27.042,0 c-7.478,7.478-7.478,19.584,0,27.042l81.033,81.033l-81.587,81.587c-7.535,7.535-7.535,19.736,0,27.253s19.737,7.517,27.253,0 l81.588-81.587l81.032,81.032c7.478,7.478,19.584,7.478,27.043,0c7.478-7.478,7.478-19.584,0-27.043l-81.033-81.032l82.181-82.18 C422.873,216.399,422.873,204.179,415.338,196.662z M306,0C136.992,0,0,136.992,0,306s136.992,306,306,306 c168.988,0,306-137.012,306-306S475.008,0,306,0z M306,573.75C158.125,573.75,38.25,453.875,38.25,306 C38.25,158.125,158.125,38.25,306,38.25c147.875,0,267.75,119.875,267.75,267.75C573.75,453.875,453.875,573.75,306,573.75z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    }
    .product-slider-horizontal {
        display: none;
    }
    
    .reviews .form .stars .starrating > label:before {
        content: "\f005";
        margin: 2px;
        font-size: 2em;
        font-family: "Font Awesome 5 Free";
        display: inline-block;
        font-weight: 600;
    }
    .review-item .card-body {
        padding: 0px 0px 10px 0px;
    }
    .product-images-small {
        display: none !important;
    }
    
    .product-images-normal .slick-list {
        margin: 0px 20px;
    }
    
    .product-images-normal .slick-initialized .slick-slide {
        padding: 5px;
    }
    
.product-images-normal .slick-prev {
    float: left;
    position: absolute;
    left: -36px;
    /* width: 50px; */
    transform: rotate(-90deg);
    top: 37%;
    display: inline-block !important;
}
.product-images-normal .slick-next {
    float: left;
    position: absolute;
    right: -36px;
    transform: rotate(-90deg);
    top: 35%;
    display: inline-block !important;
}


#widget_wrapper_89 {
    display: none;
}

.sub-cats-widget .owl-carousel .owl-stage-outer {
    margin: 0px !important;
}
    
}

.footer-mobile .name {
    line-height: 1px;
    font-size: 12px;
    color: #001a34;
}

@media (max-width: 1470px) {
    
.header-site .search-line .line-search {
    /*width: 60%;*/
    position: relative;
}
    
}
@media (max-width: 1460px) {
.col-header-icons{
    position: absolute;
    right: 0px;
}

}
@media (max-width: 1400px) {
.col-header-icons li{
    padding: 0px !important;
}
.col-header-icons li a{
    padding-left: 3px !important;
} 
}

.footer-mobile .nav-item .avatar-colorbox  {
    float: unset !important;
    width: 22px  !important;
    height: 22px  !important;
    margin-top: 3px  !important;
}

.footer-mobile .nav-item div.avatar-colorbox  {
    float: unset !important;
    width: 22px !important;
    height: 22px !important;
    margin: 9px auto 9px auto!important;
}

.footer-mobile .nav-item .image-box {
    float: unset !important;
    width: 16px !important;
    height: 16px !important;
    margin-top: -2px !important;
    background: #0F9D58;
    border-radius: 3px;
    padding: 3px;
}

.mobile-shop .nav-item .image-box, .mobile-users .nav-item .image-box, .mobile-partner .nav-item .image-box {
    background: #F15045;
}
.mobile-services .nav-item .image-box, .mobile-customer .nav-item .image-box, .mobile-performer .nav-item .image-box {
    background: #ee8108;
}
.mobile-deposit .nav-item .image-box, .mobile-depositor .nav-item .image-box, .mobile-farmer .nav-item .image-box {
    background: #731982;
}

.mobile-shop .footer-mobile .nav-item .fa, .mobile-users .footer-mobile .nav-item .fa, .mobile-partner .footer-mobile .nav-item .fa  {
    color: #F15045;
    fill: #F15045;
}

.mobile-services .footer-mobile .nav-item .fa, .mobile-customer .footer-mobile .nav-item .fa, .mobile-performer .footer-mobile .nav-item .fa  {
    color: #ee8108;
    fill: #ee8108;
}

.mobile-deposit .footer-mobile .nav-item .fa, .mobile-depositor .footer-mobile .nav-item .fa, .mobile-farmer .footer-mobile .nav-item .fa  {
    color: #731982;
    fill: #731982;
}

.modal-menu .menus .menu {
    margin-top: 30px !important;
    margin-bottom: 50px !important;
    font-size: 15px;
}

.modal-menu .menus .menu .title {
    margin-bottom: 1rem;
    font-weight: bold;
}

.modal-menu .menus .menu .counter {
    background-color: #d94537;
    float: right;
    border-radius: 11px;
    padding: 0px 7px;
    margin: 0px;
    margin-top: 3px !important;
    color: #fff;
}