@media (min-width:1000px)  {
#navbar {
    vertical-align: top;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
}

@media (min-width:550px) and (max-width:871px) {
    .contacts li:first-child {
        background-size: 4.1rem 5.6rem
    }
    .contacts li {
        background-size: 2.7rem 4.5rem;
        background-position: 50% 50%
    }
    .contacts li:last-child {
        background-size: 4.8rem 4.5rem
    }
}

@media (min-width:871px) and (max-width:1500px) {
    .plantsList li a {
        font-size: 1.5rem
    }
    .currentPlant a {
        font-size: 1.7rem!important
    }
}

@media (min-width:871px) {
    .searchArea {
        position: static
    }
    .currentRec a {
        color: #2ab16a!important
    }
    .recomendedPage .recommneded {
        display: block
    }
    .plantsList li.currentPlant a {
        height: 5rem;
       
    }
    .single-plants #content,
    .single-plants #page,
    .single-plants #primary,
    .single-plants .leftArea,
    .tax-plant_families #content,
    .tax-plant_families #page,
    .tax-plant_families #primary,
    .tax-plant_families .leftArea,
    html {
        height: 100%
    }
    .post-type-archive-usermedia #main,
    .tax-media_type #main {
        min-height: 50rem
    }
    .post-type-archive-usermedia .sideBar,
    .tax-media_type .sideBar {
        position: fixed
    }
    .post-type-archive-usermedia .posts,
    .tax-media_type .posts {
        width: 76%;
        padding-right: 26%;
        box-sizing: content-box
    }
    .topAreaImagesCon {
        position: fixed;
        width: 100%;
        top: 0
    }
    .topAreaImages {
        position: absolute;
        width: 100%;
        top: 26.6rem
    }
    .social li:first-child {
        padding-right: 0
    }
    #masthead {
        -webkit-box-shadow: 0 1px 27px 0 rgba(0, 0, 0, .41);
        -moz-box-shadow: 0 1px 27px 0 rgba(0, 0, 0, .41);
        box-shadow: 0 1px 27px 0 rgba(0, 0, 0, .41)
    }
    .archive .categories li,
    .blog .categories li {
        display: inline-block;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        width: 33.33%
    }
    .isMobile {
        opacity: 0
    }
    #navbar .current-menu-ancestor a {
        color: #fff!important
    }
    #navbar li a {
        color: #656668
    }
    .current-menu-item a {
        color: #fff!important
    }
    .faxIcon,
    .fcon,
    .mailIcon {
        display: inline-block
    }
    .homeLink {
        display: none!important
    }
    .desktop {
        display: block
    }
    .mobile {
        display: none
    }
    html {
        font-size: 10px
    }
    .single-plants footer,
    .tax-plant_families footer {
        position: relative;
        width: 100%
    }
    .single-plants,
    .tax-plant_families {
        overflow: hidden;
        min-height: 95rem
    }
    .plantInfoArea {
        height: calc(100% - 5.7rem)
    }
    .single-plants #main,
    .tax-plant_families #main,.single-product #main {
        height: calc(100% - 20rem);
        min-height: 600px
    }
    .single-product #page,.single-product #content,.single-product #primary{
        height: 100%;
    }
    .single-product{
    overflow: hidden;
        
    min-height: 95rem;
    }
    .tax-plant_families #main.main-ex {
        height: calc(100% - 15rem)
    }
}

@media (min-width:1921px) {
    .topArea {
        height: 76rem;
        background-size: auto
    }
}

@media (min-width:1164px) and (max-width:1400px) {
    .plantsList li a {
        font-size: 1.5rem
    }
    .currentPlant a {
        font-size: 2rem!important
    }
}

@media (max-width:1164px) {
    html {
        font-size: 8px
    }
    #main {
        width: 100%
    }
    .mCustomScrollBox {
        height: 5.7rem
    }
    .familyIcon img {
        max-width: 8rem;
        max-height: 8rem
    }
    .currentPlant:before {
        left: -1.6rem
    }
}

@media (max-width:940px) {
    html {
        font-size: 7px
    }
}

@media (min-width:715px) and (max-width:960px) {
    .families li,
    .familyImg {
        height: auto!important
    }
    .familyImg {
        width: 100%!important
    }
}

@media (max-width:715px) {
    .familyImg {
        height: 100% !important; 
        width: 100% !important;
        object-fit: cover;
        object-position: center;
    }
    .families li {
        height: 20rem
    }
}

@media (max-width:872px) {
    

    .mobile.hideMb {
        display: none
    }
    .post-type-archive-usermedia .sideBar .blogLogo,
    .results:after,
    .results:before,
    .tax-media_type .sideBar .blogLogo {
        display: none!important
    }
    .plantCoreRight {
        height: auto
    }
    #ajaxsearchprores2_1 {
        top: 4.7rem!important;
        position: fixed!important;
        width: 100%!important;
        border-radius: 0!important
    }
    #mCSB_2 {
        height: auto!important
    }
    .ib {
        display: inline-block;
        max-width: 50%;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
    .pHead {
        padding-bottom: 0
    }
    .pHead h2 {
        font-size: 4rem
    }
    .salePointsListPage li {
        height: 6.5rem;
        display: table;
        width: 100%;
        background-position: 1rem center;
        background-repeat: no-repeat;
        background-size: .8rem 1.6rem;
        border-bottom: 1px solid #f1f1f1
    }
    .salePointsListPage .hasLink {
        background-image: url(images/leftAr.svg)
    }
    .bold {
        font-weight: 600
    }
    .salePointsListPage li .linkLike,
    .salePointsListPage li a {
        background-image: url(images/pos.svg);
        background-position: right 1.5rem center;
        background-repeat: no-repeat;
        background-size: 3rem 2.6rem;
        padding-right: 6rem;
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        line-height: 1.5rem;
        font-size: 1.3rem;
        color: #544e39
    }
    .plantsList li {
        background-image: url(images/leftAr.svg);
        background-position: 1rem center;
        background-repeat: no-repeat;
        background-size: .8rem 1.6rem
    }
    .salePointsListPage li .posName {
        display: block
    }
    .toRecommended {
        color: #18633c
    }
    a[href^=tel] {
        color: inherit;
        text-decoration: none
    }
    div.wpcf7-response-output {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        font-size: 1.5rem
    }
    .page-template-hp .middleArea,
    .page-template-hp .middleAreaContent {
        position: static
    }
    .page-template-hp .middleArea {
        padding-bottom: 0!important
    }
    .page-template-hp .bottomArea {
        margin-top: 0
    }
    .error404 .page-title {
        padding: 3rem 0;
        font-size: 6rem
    }
    .error404 .page-title:before {
        font-size: 124px;
        position: static
    }
    .catPage .currentPlant {
        background-color: transparent;
        color: #777
    }
    .catPage .currentPlant a {
        color: #777!important
    }
    .catPage .currentPlant a:hover {
        color: #278551!important
    }
    .blogDesktop {
        display: none!important
    }
    .blogHead {
        font-size: 2.3rem;
        color: #fff
    }
    .current-menu-item a,
    .plantsLink.current-menu-ancestor a {
        color: #70d58a!important
    }
    .isMobile {
        opacity: 1
    }
    .post h2 {
        font-size: 1.7rem
    }
    .post svg {
        max-height: 3rem;
        max-width: 3rem
    }
    .post p {
        font-size: 1.4rem;
        line-height: normal;
        font-weight: 400
    }
    .post .date {
        font-size: 1.2rem
    }
    .post-type-archive-usermedia .blogLogo,
    .post-type-archive-usermedia .mediaCat,
    .tax-media_type .blogLogo,
    .tax-media_type .mediaCat {
        margin-top: 3rem
    }
    .tax-media_type .site-content {
        padding-top: 0;
        padding-left: 2rem;
        padding-right: 2rem
    }
    #navbar li,
    .tax-media_type h1 {
        text-align: right
    }
    .plantsLink.current-menu-ancestor,
    .plantsLink.current-menu-item {
        background-image: url(images/plant_selected.png)
    }
    .mediaLink.current-menu-item {
        background-image: url(images/media_selected.png)
    }
    .blogLink.current-menu-item {
        background-image: url(images/blog_selected.png)
    }
    .theHeight {
        font-size: 4.3rem;
        padding-bottom: .5rem
    }
    .footerCenterer {
        max-width: none;
        width: 95%;
        padding: 0;
        box-sizing: border-box
    }
    .archiveim,
    .social li {
        box-sizing: content-box
    }
    #page {
        position: relative
    }
    .emailF {
        display: table-header-group
    }
    .footerBottom {
        font-size: 1.2rem
    }
    .footerIcon {
        font-size: 1.5rem
    }
    .phones {
        padding-left: 0
    }
    .posts,
    .sideBar {
        display: block;
        width: 100%;
        padding: 0
    }
    .post,
    .social li {
        padding-left: 2rem
    }
    .social li {
        padding-right: 2rem
    }
    .main-navigation {
        padding-right: 0
    }
    .posts .post:first-child {
        margin-top: 1rem
    }
    .posts {
        text-align: center
    }
    .post {
        padding-right: 2rem;
        text-align: right;
        padding-bottom: 3.5rem;
        border-bottom: 5px solid #e1e1e1
    }
    .newsLetter {
        position: fixed;
        width: 100%;
        bottom: 0;
        padding-bottom: 0
    }
    .newsLetter h4 {
        display: none
    }
    .email-760 {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0;
        width: 80%
    }
    .wpcf7-form {
        font-size: 0
    }
    .blog footer,
    .category footer,
    .date footer {
        padding-bottom: 5.5rem
    }
    .newsLetter input[type=submit] {
        vertical-align: top;
        display: inline-block;
        width: 20%;
        padding: 0;
        margin: 0;
        border-radius: 0;
        height: 5.5rem;
        border: none;
        font-size: 1.8rem;
        color: #18633c;
        background-color: rgba(63, 198, 127, .9);
        box-shadow: none;
        border-right: 1px solid #383838
    }
    .newsLetter input[type=email] {
        text-align: right;
        font-size: 1.8rem;
        height: 5.5rem;
        padding: 0 2rem 0 0;
        background-color: rgba(63, 198, 127, .9);
        margin: 0;
        border-radius: 0
    }
    div.wpcf7 img.ajax-loader {
        position: absolute;
        left: 0;
        top: 2rem
    }
    .archiveim {
        position: absolute;
        width: 100%;
        overflow: scroll;
        height: 4rem;
        top: 4rem;
        border-top: 4px solid #e5e5e5;
        border-bottom: 4px solid #e5e5e5
    }
    .kt{
        font-weight: 900;
        font-size: 1.9rem;
          color: #8c8c8c;
        display: inline-block !important;
        padding-left: 1.5rem;

    }

    .headerCenterer {
        height: 5rem
    }
    .archiveim li.current a {
        color: #949494;
        font-weight: 600
    }
    .archiveim li a {
        display: block;
        text-align: center;
        font-weight: 300;
        width: 10rem!important;
        color: #949494
    }
    .filtersBtn {
        font-size: 1.5rem;
        text-align: right;
        color: #394a55;
        line-height: 4rem;
        padding-right: 2rem;
        cursor: pointer;
        font-weight: 400
    }
    .categories {
        padding-top: 7rem;
        padding-bottom: 2rem
    }
    .blogSideBar ul {
        line-height: normal;
        padding: 0;
        margin: 0
    }
    .archiveim ul {
        display: table;
        width: 100%
    }
    .ar {
        width: 1.5rem;
        height: 1rem;
        display: inline-block;
        background-image: url(images/da.svg);
        float: left;
        margin-left: 2rem;
        margin-top: 1.5rem
    }
    .filters {
        display: none;
        width: 100%!important
    }
    .categories ul {
        width: 100%;
        table-layout: fixed;
        overflow: visible;
        display: table
    }
    .archiveim li,
    .categories li {
        display: table-cell
    }
    .blogSideBar li a {
        width: auto;
        line-height: 4rem
    }
    .blogSideBar svg {
        max-width: 3rem;
        max-height: 3rem
    }
    .categories li {
        text-align: center;
        width: 2%
    }
    .categories li a {
        width: 100%;
        padding: 0 2rem
    }
    .archiveim h4,
    .categories h4 {
        display: none
    }
    .archive h1 {
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: right
    }
    .category h1 {
        font-size: 2rem;
        text-align: right;
        padding-top: 3rem
    }
    #navbar,
    .contacts ul,
    .familyIconCon,
    .fbt,
    .home-link,
    .recommended,
    .slick-dots,
    .social ul {
        text-align: center
    }
    h1 svg {
        max-width: 3rem;
        max-height: 3rem!important;
        height: auto!important;
        width: auto!important;
        vertical-align: baseline
    }
    .innericon,
    .probox,
    .proinput input {
        height: 2.8rem!important
    }
    .blogSideBar {
        position: fixed;
        top: 5rem;
        width: 100%;
        z-index: 999999;
        display: table;
        background-color: #efeeee
    }
    span.wpcf7-not-valid-tip {
        direction: rtl;
        position: absolute;
        top: 0;
        font-size: 1.2rem;
        color: #000;
        right: .5rem
    }
    .blogLogo.mobile {
        display: inline-block;
        margin: 3rem 0
    }
    .newsLetter input[type=email]::-webkit-input-placeholder {
        color: #359864
    }
    .newsLetter input[type=email]:-moz-placeholder {
        color: #359864
    }
    .newsLetter input[type=email]::-moz-placeholder {
        color: #359864
    }
    .newsLetter input[type=email]:-ms-input-placeholder {
        color: #359864
    }
    .mediaCat {
        padding: 0;
        margin: 0
    }
    .mediaCat a {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .blog .site-content,
    .post-type-archive-usermedia .site-content {
        display: table;
        width: 100%;
        box-sizing: border-box
    }
    .posts {
        max-width: none;
        width: 100%!important
    }
    .asp_main_container input[type=search]::-webkit-input-placeholder {
        line-height: 2.8rem!important;
        font-size: 1.3rem!important
    }
    .asp_main_container input[type=search]::-moz-placeholder {
        line-height: 2.8rem!important;
        font-size: 1.3rem!important
    }
    .asp_main_container input[type=search]:-ms-input-placeholder {
        line-height: 2.8rem!important;
        font-size: 1.3rem!important
    }
    .innericon {
        width: 2.8rem!important;
        background-size: 1.3rem 1.3rem!important
    }
    .autocomplete {
        margin-top: -2.8rem!important
    }
    .cancelSearch {
        display: inline-block!important;
        font-size: 1.5rem;
        color: #7e8180;
        font-weight: 400
    }
    .probox {
        width: 80%!important;
        float: right;
        margin-top: 1.1rem!important;
        margin-right: 1rem!important
    }
    .fbt,
    .social {
        float: none
    }
    .proinput input {
        font-size: 1.3rem!important;
        line-height: 2.8rem!important
    }
    .searchArea {
        background-color: #3c3d42;
        z-index: 99999;
        display: block;
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        height: 5rem
    }
    .ajaxsearchpro {
        width: 100%!important
    }
    .familyHeader,
    .plantHeader {
        position: fixed;
        top: 0;
        z-index: 99999999999999999;
        color: #fff;
        width: 100%;
        left: 0;
        text-align: center;
        height: 5rem
    }
    .familyHeader h2 {
        font-size: 2.3rem;
        font-weight: 300;
        line-height: 5rem
    }
    .alefBetSort {
        background-color: #f7f7f7
    }
    .currentLetter {
        border: 1px solid #147c45;
        border-radius: 50%;
        width: 2.6rem;
        height: 2.6rem;
        line-height: 2.5rem!important
    }
    .plantsList {
        position: relative
    }
    .listArea {
        height: calc(100% - 5rem)
    }
    .plantsList:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%
    }
    .currentPlant {
        box-shadow: none
    }
    .plantsList li {
        border-bottom: 1px solid #f1f1f1;
        line-height: 6rem;
        height: 6rem;
        margin: 0
    }
    .plantsList li a {
        height: 4rem;
        line-height: 4rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        box-sizing: content-box;
    }
    .plantHeader h2 {
        line-height: 1.2rem
    }
    #masthead {
        height: 5rem!important;
        line-height: 5rem
    }
    .home-link img {
        width: 4.5rem;
        height: 3.2rem
    }
    .th {
        font-size: 2.4rem;
        display: block;
        line-height: 2rem;
        padding-top: 1rem;
        font-weight: 400;
        color: #fff
    }
    .mobile.hideFam {
        display: none;
        line-height: 5rem;
        font-size: 2.3rem;
        font-weight: 300
    }
    .plantN h2 {
        line-height: .7rem
    }
    #theGallery img{
        top:0;
        left: 0;
    }
    .te {
        font-size: 1.4rem;
        font-weight: 300;
        color: #fff;
        display: block;
        margin-top: 5px;
    }
    .woocommerce .quantity .qty{
        height: 2.2rem;
    }
    #ajaxCart .variations_form{
        padding: 0;
    }
    .backToFamily,
    .backToPlants {
        cursor: pointer;
        position: absolute;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.5rem;
        font-weight: 300;
        top: 0;
        right: 1rem;
        background-image: url(images/arr.svg);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 2rem;
        display: block;
        color: #fff;
        text-decoration: none
    }
    .familyHeader {
        z-index: 0
    }
    .mobile {
        display: block
    }
    .copyright,
    .desktop,
    .plantCoreRight h2,
    .pos,
    .salePoints,
    .search-form {
        display: none
    }
    .feturesArea {
        padding-left: 0
    }
    html {
        font-size: 10px
    }
    .social ul {
        margin: auto
    }
    .footerTop {
        background-image: none
    }
    .fbt {
        display: table;
        width: 100%;
        padding-top: 2.7rem
    }
    .ema {
        display: table-header-group
    }
    .footerIcon {
        display: inline-block
    }
    .fCon,
    .phones {
        display: block;
        float: none
    }
    .phones .footerIcon,
    .phones li {
        display: inline-block
    }
    .bottomArea {
        background-image: none!important
    }
    .topArea {
        height: 18rem;
        background-size: cover;
        padding: 5rem 0;
        box-sizing: content-box
    }
    .page-template-hp .topArea {
        padding-top: 6.6rem
    }
    .bigLogo {
        width: 19.1rem
    }
    .page-template-hp .middleAreaContent h3 {
        font-size: 3.9rem
    }
    .page-template-hp .topArea h1 {
        margin-top: 0
    }
    .page-template-hp .middleAreaContent p {
        font-weight: 300;
        font-size: 1.8rem;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        padding: 0 1.7rem
    }
    .page-template-hp .middleArea {
        background-image: none
    }
    .contacts ul {
        font-size: 0;
        padding-top: 0;
        background-color: #fcfef3
    }
    .contacts li {
        width: 30%;
        background-size: 1.8rem 3.1rem;
        margin: 0 1%;
        box-sizing: border-box;
        vertical-align: top;
        position: relative;
        background-position: 50% 47%
    }
    .homeLink,
    .mediaLink,
    .aboutLink {
        background-repeat: no-repeat;
        background-position: right center
    }
    .contactsContent {
        position: absolute;
        width: 100%;
        top: 37%;
        left: 0
    }
    .contactsBg img {
        width: 100%
    }
    .contacts li:first-child {
        background-size: 2.3rem 3.1rem
    }
    .contacts li:last-child {
        background-size: 3.3rem 3.1rem
    }
    .contacts li p {
        font-size: 1rem;
        width: 70%;
        line-height: 1rem;
        padding-top: 1rem
    }
    .contactPhone {
        font-size: 1.3rem!important
    }
    .contacts li h4 {
        font-size: 1.5rem;
        padding-top: 40%
    }
    .contactsTable {
        display: table;
        width: 100%
    }
    .contactPhone {
        padding-top: 0!important
    }
    .page-template-hp .bottomArea {
        height: auto;
        padding-bottom: 4.6rem;
        background-color: #fcfef3
    }
    .opacityHeader {
        position: fixed!important;
        width: 100%;
        z-index: 999999;
        top: 0
    }
    #navbar li a {
        padding-right: 5rem
    }
    .homeLink {
        background-image: url(images/home_idle.png);
        background-size: 4.3rem 4.3rem
    }
    .posLink {
        display: block!important;
        position: absolute;
        bottom: 3rem
    }
    .homeLink.current_page_item,
    .homeLink:before,
    .homeLink:hover {
        content: '';
        background-image: url(images/home_selected.png)
    }
    .posLink.current_page_item,
    .posLink:before,
    .posLink:hover {
        content: '';
        background-image: url(images/pos_selectd.png)
    }
    .aboutLink {
        background-image: url(images/plants_idle.png);
        background-size: 4rem 4rem
    }
    .aboutLink.current_page_item,
    .aboutLink:before,
    .aboutLink:hover {
        content: '';
        background-image: url(images/plant_selected.png)
    }
    .mediaLink {
        background-image: url(images/media_idle.png);
        background-size: 4.2rem 3.3rem
    }
    .mediaLink.current_page_item,
    .mediaLink:before,
    .mediaLink:hover {
        content: '';
        background-image: url(images/media_selected.png)
    }
    .page-template-hp .topArea {
        background-size: 370%;
        background-position: top
    }
    .page-template-hp .topArea img:first-child {
        padding-top: 3rem
    }
    .blogLink {
        background-image: url(images/blog_idle.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 4.2rem 3.6rem
    }
    .blogLink.current_page_item,
    .blogLink:before,
    .blogLink:hover {
        content: '';
        background-image: url(images/blog_selected.png)
    }
    #site-navigation {
        position: fixed;
        width: 70%;
        right: -70%;
        top: 0;
        height: 100%;
        background-color: #595b5b;
        
        -webkit-box-shadow: inset 0 0 34px 0 rgba(0, 0, 0, .22);
        -moz-box-shadow: inset 0 0 34px 0 rgba(0, 0, 0, .22);
        box-shadow: inset 0 0 34px 0 rgba(0, 0, 0, .22)
    }
    #masthead {
        z-index: 9999999999;
        position: fixed!important;
        width: 100%;
        right: 0;
        top: 0
    }
    #menuBtn,
    #menuBtn2,
    .mobileSearchButton {
        top: 0;
        cursor: pointer;
        width: 5.4rem;
        background-repeat: no-repeat;
        background-position: center
    }
    #navbar li {
        display: block;
        margin-right: 3rem
    }
    .home-link {
        display: inline
    }
    #menuBtn,
    #menuBtn2 {
        position: absolute;
        right: 0;
        height: 100%;
        background-image: url(images/hamburger.svg)!important;
        background-size: 2.6rem 1.9rem
    }
    #content {
        position: relative
    }
    #page {
        z-index: 1
    }
    .mobileSearchButton {
        display: block;
        position: absolute;
        left: 0;
        background-image: url(images/mag.svg);
        background-size: 1.9rem;
        height: 5rem;
        z-index: 2
    }
    .currentPlant:before,
    .dot,
    .familiesNavArea,
    .plantFamNameAndLetter,
    .recommended p,
    .ribbon {
        display: none
    }
    .familyImg {
        transform: none;
        transition: none
    }
    .families li {
        width: 50%
    }
    .familyDetailsCell h2 {
        font-size: 1.8rem;
        margin-top: .7rem
    }
    .familyIcon {
        padding-bottom: 1rem;
        position: relative;
        width: 4rem;
        height: 4rem
    }
    .familyIconCon {
        position: absolute;
        width: 4rem;
        left: 0;
        bottom: 1rem
    }
    .familyIcon img {
        max-width: 4rem;
        max-height: 4rem
    }
    .recommended {
        position: fixed;
        bottom: .9rem;
        z-index: 99999;
        width: 100%
    }
    .post-type-archive-plants footer {
        padding-bottom: 7rem
    }
    .families li:before {
        width: 100%
    }
    .colorName {
        padding-top: .3rem
    }
    .toRecommended {
        font-weight: 400;
        background: rgba(63, 198, 127, .9);
        border: none;
        width: 90%;
        border-radius: 3px;
        font-size: 2rem;
        margin-bottom: 1rem
    }
    #main {
        padding-top: 5rem
    }
    .rightArea {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: #fff;
        transform: translate3d(0, 0, 0);
        right: -100%
    }
    #site-navigation,
    .rightArea {
        -webkit-transform: translate3d(0, 0, 0)
    }
    #site-navigation {
        transform: translate3d(0, 0, 0)
    }
    .leftArea {
        width: 100%;
        font-weight: 400
    }
    .catPage .rightArea {
        right: 0
    }
    .catPageHeader {
        display: none!important
    }
    .recList {
        background-color: #c9caca;
        height: 7.5rem;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        color: #fff;
        font-size: 1.8rem
    }
    .recList ul {
        display: table
    }
    .recList li a {
        display: block;
        min-width: 14rem;
        line-height: 7.5rem;
        color: #fff;
        font-weight: 400;
        padding: 0 2rem
    }
    .currentRec a {
        color: #2ab16a!important
    }
    .recList li {
        display: table-cell
    }
    .catPageHeaderFamilyHeader {
        z-index: 1
    }
    .backToPlants,
    .familyHeader h2 {
        display: block
    }
    .currentPlant {
        border-bottom: 1px solid #f1f1f1!important
    }
    .currentPlant,
    .currentPlant a {
        font-size: 1.8rem!important
    }
    .plantGrade,
    .tax-plant_families footer {
        display: none
    }
    .plantCore {
        display: table;
        width: 100%
    }
    .plantInfoArea {
        height: 100%
    }
    .plantCoreLeft {
        position: absolute;
        top: 0;
        left: 0;
        height: 18.5rem;
        width: 100%
    }
    .slick-slide img {
        position: absolute;
        top: -50%;
        width: 100%
    }
    .imgCon {
        position: relative
    }
    .slick-arrow {
        display: none!important
    }
    .slick-dots {
        position: absolute;
        width: 100%;
        bottom: 5px
    }
    .slick-dots li {
        display: inline-block
    }
    .slick-dots li button {
        border: none;
        border-radius: 50%;
        margin-left: 1rem;
        margin-right: .5rem;
        background-color: #7f7f80
    }
    .slick-active button {
        background-color: #fff!important
    }
    .plantCoreRight {
        width: 100%;
        margin-top: 20rem
    }
    .plantCoreRight p {
        padding-left: 3.3rem;
        padding-right: 3.3rem;
     padding-top:    2rem;
        padding-bottom: 2rem;
        
    }
    .featuresCell h3{
        font-size: 1.5rem;
    }
   
    .featureData{
        font-size: 1.3rem;
    }
    
    .colorCircle:before {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    margin: .2rem auto;
}
    
    .colorCircle {
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .blackHeader,
    .opacityHeader {
        background-color: #3c3d42
    }
    .families li a {
        height: 20rem;
        overflow: hidden
    }
    .noImages {
        display: none!important
    }
    .corNoImages {
        margin-top: 5rem!important
    }
    .currentPlantPressed {
        background-color: #3fc67f;
        height: 5rem;
        line-height: 5rem;
        color: #fff;

        position: relative;
        -webkit-box-shadow: -11px 12px 11px -11px rgba(0, 0, 0, .27);
        -moz-box-shadow: -11px 12px 11px -11px rgba(0, 0, 0, .27);
        box-shadow: -11px 12px 11px -11px rgba(0, 0, 0, .27)
    }
    .results {
        overflow-y: scroll!important
    }
    
    .loginForm {
   
    background-color: #fff;
   
    position: fixed;
    left: 0;
    padding: 13rem 0 0 0;
    box-sizing: border-box;
    border-radius: 0;
    top: 0 !important;
   
    opacity: 0; 
    visibility: hidden;
    transition: .3s all;
    width: 100%;
    height: 100%;
    z-index: 99999999999999999999;
}
    .loginForm.show{
         opacity: 1; 
    visibility: visible;
    }
    .formHead{
        font-size: 3.1rem;
          color: #656969;
font-weight: 900;
        text-align: center;
        margin-bottom: 0;
    }
    #openMiniCart{
        margin-right: 0;
    }
    .gpc{
        position: absolute;
        bottom:0;
        left: 0;
        width: 100%;
        height: 8.6rem;
        display: flex;
       border-top: 1px solid rgba(119, 119, 119, 0.19);
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .gpc p , .gpc a{
        font-size: 1.7rem;
        border: none;
    }
    .lost,#login label{
        display: block;
        text-align: right;
        font-size: 1.5rem;
    }
    #login input{
        height: 4.5rem;
        line-height: 4.5rem;
        border-radius: 2.25rem;
         border: solid 1.3px #e3e3e3;
         -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }
    .goOn{
        position: fixed;
    }
    .cartProList{
        padding-bottom: 20rem;
    }
    input{
         -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
        
    }
    .carta-contents.hasItems:before{
        width: 7px;
        height: 7px;
        top: -1px;
        right: 0;
        
    }
    .woocommerce-checkout{
        padding-bottom: 10rem;
    }
    #login input.submit_button{
      
        
  height: 4.2rem;
  
  border-radius: 2.1rem;
  width: auto;
        margin-top: 4.3rem;
        padding: 0 3rem;
    }
    #closeMobileLogin{
        width: 1.6rem;
        height: 1.6rem;
        background-image: url("images/cls.svg");
        background-size: 1.6rem;
        background-repeat: no-repeat;
        background-position: center;
        top:2rem;
        left: 2rem;
        position: absolute;
        background-color: transparent;
        border:none;
    }
    .userNCartArea {
     display: block; 
    /* justify-content: flex-end; */
    height: auto;
    /* align-items: center; */
    position: absolute;
    left: 5rem;
    top: 0;
        z-index: 1;
}
    .carta-contents {
    display: block;
    width: 2.1rem;
    height: 2.2rem;
    background-image: url(images/list-icon.svg);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
}
    #ajaxCart{
        width: 100%;
        left: -100%;
        box-shadow: none;
        padding: 0;
        z-index: 9999999999999;
    }
    .lib2C.mobile{
   box-shadow: -7px 0 9px 0 rgba(0, 0, 0, 0.11);
  background-image: linear-gradient(to right, #3c3d42, #494a49 17%, #494a49 88%, #3c3d42);
    height: 9rem;
    display: flex;
    align-items: center;
}
    .userDetails{
        padding-right: 8rem;
        background-position: right 4rem top;
        line-height: normal;
        text-align: right;
    }
    .goOn{
        width: 100%;
    }
    .ajaxCartHead{
        justify-content: flex-start;
        align-items: center;
    }
    .featuresTable{
        width: 100%;
        margin: 0;
       
    }
    .variations_form{
        width: 100%;
        padding: 0 3.3rem;
        box-sizing: border-box;
    }
    .feturesArea{
        width: 100%;
         padding: 0 3.3rem;
        box-sizing: border-box;
    }
    .userMenu:before{
       display: none;
    }
    .userMenu a, .userMenu button{
        height: auto;
        font-size: 1.5rem;
        background-color: transparent;
        color: #fff;
        text-align: right;
        line-height: normal;
        width: auto;
    }
    .userMenu a{
        display: flex;
        align-items: center;
    }
    .userMenu a:after{
        content: '|';
        display: block;
        margin: 0 10px;
        font-size: 1.5rem;
    }
    .umk{
        display: none;
    }
    .userMenu {
        text-align: right;
         display: flex;
        border:none;
opacity: 1;
        visibility: visible;
        background-color: transparent;
        position: static;
        padding: 0;
        
    }
    .act{
        display: flex;
        align-items: center;
    }
    .userDetails h2{
        font-size: 2.1rem;
        margin-bottom: .6rem;
    }
    .act:after{
        content: '|';
        display: block;
        padding: 0 1rem;
    }
    #deleteCart {
    background-image: url(images/trash4.svg);
    background-position: right center;
    background-repeat: no-repeat;
    height: 1.9rem;
    font-weight: 400;
    font-size: 1.4rem;
    background-color: transparent;
    border: none;
    padding: 0 2rem 0 0 ;
}
    .plantCoreRight   .wr{
        flex-wrap: wrap;
        
    }
   .plantCoreRight .vpa_size{
        flex-grow: 1;
            
    }
    .plantCoreRight  .variations_form {
        padding-top: 3rem;
    }
    
    .colorRadios .colorCircle {
    width: 2.4rem;
    height: 2.4rem;
   
}
     .colorRadios .colorCircle:before {
  
    width: 1.8rem;
    height: 1.8rem;
   
}
    .plantCoreRight  .single_add_to_cart_button  {
        height: 4.2rem !important;
        border-radius: 2.1rem !important;
        font-size: 2rem !important;
        margin-bottom: 2rem !important;
    }
    .plantCoreRight .cart{
        z-index: 0;
    }
    
    
    #mobileCloseCart{
         width: 1.3rem;
        height: 1.3rem;
        background-image: url("images/cls.svg");
        background-size: 1.3rem;
        background-repeat: no-repeat;
        background-position: center;
       
        background-color: transparent;
        border:none;
        margin-right: auto;
    }
    .plantCoreRight .single_variation_wrap{
        text-align: center;
    }
    .plantCoreRight  .notslabel{
        text-align: right;
    }
    .mobileNoFlex{
        display: block;
    }
    .woocommerce-account #content h1{
        display: none;
    }
    .woocommerce-account .entry-content{
        padding: 0 2.5rem;
        box-sizing: border-box;
        width: 100%;
    }
    .pratimTable{
        display: block;
    }
    .avatar{
        width: 4.8rem;
        height: 4.8rem;
        background-size: 4.8rem;
    }
    .avatarCon h2{
        font-size: 2.6rem;
    }
    .userSetilsTable h2, .orders h2{
        font-size: 2.6rem;
        border-bottom: 1px solid #eaeaea;
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
        line-height: 1;


    }
    .ptc{
         border-bottom: 1px solid #eaeaea;
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .sBtn{
        font-size: 1.3rem;
    }
    .userSetilsTable h3{
        font-size: 1.9rem;
        
    }
    .userSetilsTable p, .userSetilsTable input[type="text"], .userSetilsTable input[type="email"], .userSetilsTable input[type="tel"]{
         font-size: 1.9rem;
    }
    .tHead {
        display: none;
    }
    .tLine {
        display: block;
        font-size: 1.8rem;
        padding-bottom: 1rem;
         border-bottom: 1px solid #eaeaea;
        padding-top: 1rem;
        
    }
    .tLine div{
        width: 100%;
        
 
    }
    .reOrderMsg{
        width: 90%;
    }
    .reOrderMsg h2{
        font-size: 2.4rem;
    }
    .reOrderMsg p{
        font-size: 1.8rem;
    }
    #addToExisitingCart,#startNewCart{
        font-size: 1.8rem;
        height: 3.2rem;
    }
    .woocommerce-MyAccount-content{
        margin-top: 3.5rem;
    }
    .reOrderMsg {
   
    padding: 2rem 5rem 3rem 5rem;
   
}
    .userSetilsTable h2{
        margin-top: 1.2rem;
    }
    .page-template-hp .middleAreaContent p.twoP{
        column-count: 1;
    }
    .page-template-hp .middleAreaContent p.havara{
        line-height: 1.2;
        padding: 2rem 0;
    }
    .orders h2{
        margin-top: 4rem;
    }
    .woocommerce-account #content{
        margin-bottom: 0;
    }
    .orders div:last-child{
         border-bottom: none;
    }
    .ptc.orders{
        border-bottom: none;
    }
    .woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account #content{
        width: 100%;
        
    }
    .reorder{
        margin: 1rem 0;
    }

}

@media (max-width:320px) {
    html {
        font-size: 9px
    }
}