.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;
}

.mobile-header img{
height: 32px;
width: auto;
}

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

.right-icon {
float: right !important;
}

.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: 1200px) {
    
    .header-index  {
        display: none;
    }
    
    .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);
    }
	
	.mojoolinetextcopy {
  margin-bottom: 80px;
}
    
    .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: 25%;
        text-align: center;
    }
    
    .footer-mobile .nav-item .fa{
        color: #0F9D58;
        font-size: 23px;
        cursor: pointer;
        fill: #0F9D58;
    }
    
    .header-cats {
        display: none;
    }
    
    .header-mobile {
        display: block;
        text-align: center;
        height: 54px;
        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 {
    display: none !important;
}
.product-images-normal .slick-next {
    display: none !important;
}

@media (max-width: 767px) {
    
    .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;
	cursor: pointer;
}

@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: 24px  !important;
    height: 24px  !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: auto;
  height: 22px;
  margin-top: -2px !important;
}

.mobile-shop .nav-item .image-box, .mobile-users .nav-item .image-box, .mobile-partner .nav-item .image-box {

}
.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: #2f85f6;
    fill: #2f85f6;
}

.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: 10px !important;
  margin-bottom: 30px !important;
  font-size: 21px;
  line-height: 38px;
}

.modal-menu .menus .menu .counter {
  background-color: #91c94e;
  float: right;
  border-radius: 8px;
  padding: 0px 7px;
  margin: 0px;
  margin-top: 12px !important;
  color: #fff;
  line-height: 20px;
}

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

/* 
============================================================================================ */
/* 1200px - 1450px
============================================================================================ */

@media only screen and (min-width: 1200px) and (max-width: 1340px) {

    .hide-mobile-1450  {
        display: none;
    }
}


@media (max-width: 1200px) {
.generate-back-to-top, .generate-back-to-top:visited {
  display: none;
}
}

 .trigger_mod {
    font-size: 13px;
  height: 34px;
  line-height: 1;
  margin-left: 0;
  max-width: 180px;
  min-height: auto;
  padding: 0;
  min-width: 140px;
  background: #91c94e;
  border-radius: 24px;
  }
  
@media all and (max-width: 550px) {
.mobile-hide{
display:none;	
}
}