@media (max-width: 480px) {


    .hidden-phone {
        display: none !important;
    }

    .show-mobile{
        display: block !important;
    }
    .show-tablet{
        display: none !important;
    }
    .show-laptop {
        display: none !important;
    }
    .show-desktop{
        display: none !important;
    }

    body {
        -webkit-text-size-adjust: none;
    }

    .navigationContainerTop {
        grid-template-columns: 80% 20%;
        grid-column-gap: 0%;
    }


    .firstPageDetails {
        padding-left: 3%;
        padding-right: 3%;
    }
    .buttonStory {
        margin-left: 20%;
        width: 60%;
        margin-top: 20px;
    }

    .footerText{
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }

    .collections {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        padding-left: 3%;
        padding-right: 3%;
    }

    .items {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        padding-left: 0%;
        padding-right: 0%;
    }
    .items2 {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .itemName{
        margin-top: 10px;
        height: auto;
    }
    .wrapStandart {
        padding-top: 65px;
        padding-bottom: 0px;
    }

    .pager{
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .footerSocials {
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 40px;
    }

    .centralContent {
        float: left;
        width: 100%;
        margin-bottom: 150px;
        background-color: #000;
    }
    .upVisible {

    }

    .headerGrid {
        grid-template-columns: 11% 76.5% 9%;
    }

    .form2 {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .form3 {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .sizeContainer {
        grid-template-columns: 20% 20% 20% 20% 20%;
        padding-left: 3%;
        padding-right: 3%;
    }
    .sizeValue{
        margin-top: 12px;
    }
    .sizeValueImage{
        margin-top: 5px;
    }

    .pageContent {
        padding-left: 0%;
        padding-right: 0%;
    }
    .loader{
        left: 36%;
    }

    .footerContent {
        grid-template-columns: 100%;
        grid-row-gap: 20px;
    }

    .centralContent {
        margin-bottom: 250px;
    }

    .footerPayments{
        float: left;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .footerSocial {
        margin-right: 10px;
        margin-left: 10px;
    }

    .cartSuccessInner {
        float: left;
        width: 100%;
    }

    .popupButtonContainer {
        float: left;
        width: 100%;
        margin-top: 30px;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .pager {
        float: left;
        width: 94%;
        margin-left: 3%;
    }


    .otherImages{
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .oneImage{
        grid-template-columns: 100%;
        padding-left: 0%;
        padding-right: 0%;
        background-color: #fff;
    }
    .twoImage{
        grid-template-columns: 100%;
    }

    .promoTop {
        font-size: 22px;
    }
    .promoBottomText{
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn1 {
        width: 90%;
        margin-left: 5%;
        margin-bottom: 20px;
    }
    .btn2 {
        width: 90%;
        margin-left: 5%;
        margin-bottom: 20px;
    }

    .sliderButtons{
        display: block;
    }

    .promoTexts{

    }

    .webGrid {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100% 90%;
    }
    .webGridOpened {
        margin-left: -90%;
    }
    .headerOpened {
        left: -90%;
    }
    .webGridOpenedCart {
        margin-left: -90%;
    }

    .categoriesMainList {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 20px;
    }
    .firstPageSubCategories {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 12px;
        background-color: #fff;
        margin-top: 0px;
    }


    .category {
        grid-template-columns: 0% 20% 80%;
    }

    .logoFooter {
        float: left;
        width: 50%;
        margin-left: 25%;
    }
    .footerGrid {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }
    .itemQuickView {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 5px;
    }

    .searchCategories {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .paypalImg {
        float: left;
        width: 30%;
    }

    .cartPopup {
        width: 90%;
        left: 5%;
        padding: 15px;
    }

    .languagesPopup {
        left: 5%;
        width: 90%;
    }

    .tableHead {
        grid-template-columns: 8% 29% 33% 30%;
    }
    .tableRow {
        grid-template-columns: 8% 28% 34% 30%;
    }
    .itemOptions {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }
    .itemExtraParameter {
        grid-template-columns: 10% 90%;
    }

    .categoryListNameFirst {

        font-size: 12pt;
    }

    .mainCategoryName {

    }

    .cartHalf {
        width: 100%;
    }
    .news {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .cartRowList{
        grid-template-columns: 12% 87%;
        grid-column-gap: 1%;
    }
    .cartRowListMobile{
        float: left;
        width: 100%;
        display: grid !important;
        grid-template-columns: 23% 22% 31% 21%;
        grid-column-gap: 1%;
    }
    .cartCol {
        margin-top: 0px;
        height: 45px;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .itemImages{

    }
    .images {

    }

    .tableRow div {
        line-height: 15px;
        font-size: 10pt;
        color: #5c5c5b;
        text-decoration: none;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tourPopup{
        position: fixed;
        top: 40px;
        left: 5%;
        width: 90%;
        padding: 10px;
    }

    .videoLink {
        min-height: 180px;
    }

    .logoOuter {

    }


    .compareGridLi2{
        width: 150% !important;
    }

    .compareGridLi3{
        width: 200% !important;
    }
    .compareGridLi4{
        width: 250% !important;
    }
    .compareGridLi5{
        width: 300% !important;
    }

    .categoriesList {
        grid-template-columns: 32% 32% 32%;
        grid-column-gap: 2%;
    }

    .categoryFirstRightImageOuter {

    }

    .firstPageCategories {
        grid-template-columns: 32% 32% 32%;
        grid-column-gap: 2%;
    }

    .itemsPagerOuter {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .pagerGrid{
        grid-row-start: 2;
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .categoriesMainList {
        grid-template-columns: 32% 32% 32%;
        grid-column-gap: 2%;
        grid-row-gap: 20px;
    }
    .sliderArrowCat {
        left: -5px;
    }
    .sliderArrowCatRightArrow {
        right: -5px;
        left: auto;
    }

    .itemsGrid {
        grid-template-columns: 99.9% 100%;
    }
    .itemsGridMobile {
        margin-left: -99.9%;
    }

    .itemsGridMobileVisible{
        margin-left: 0%;
    }

    .footerPaymentOmniva img {
        height: 38px;
    }
    .footerPayment img {
        float: left;
        height: 40px;
    }

    .footerShipping{
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .footershippingOuter {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .outsourceGrid {
        grid-template-columns: 100%;
    }


    .shippingTitle {
        font-size: 14pt;
        text-align: center;
        padding-left: 3%;
        padding-right: 3%;
    }

    .footerPayment {
        margin-bottom: 0px;
    }

    .footerPaymentsCards {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .footerColTitle {
        width: 100%;
        font-size: 14pt;
        text-align: center;
    }

    .itemButtonsShow {
        margin-top: 20px;
    }

    .itemBrand {
        grid-template-columns: 32% 66%;
        grid-column-gap: 2%;
    }

    .itemCode {
        grid-template-columns: 35% 63%;
    }

    .shippingDetailRow {
        grid-template-columns: 8% 37% 32% 20%;
    }

    .itemAvailability {
        grid-template-columns: 8% 39% 51%;
        grid-column-gap: 1%;
    }

    .mobileLeft{
        text-align: left;
    }

    .brands{
        grid-template-columns: 32% 32% 32%;
        grid-column-gap: 2%;
    }
    .brandImg {
        float: left;
        height: 20px;
    }

    .subscribeForm {
        width: 100%;
        grid-template-columns: 56% 42%;
    }

    .communicationPopup {
        width: 90%;
        left: 5%;
    }

    .sliderHolderSiblingCategories {
        min-height: 160px;
    }

    .itemTab {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: 5px;
        margin-left: 7px;
        font-size: 10pt;
    }

    .categoryFirstRightName {
        font-size: 9pt;
    }

    .navigationButtonOuter {
        grid-template-columns: 12% 87%;
    }

    .itemBrandLink {
        text-align: right;
    }

    .popupTitle {
        width: 93%;
    }

    .itemTitle{
        font-size: 12pt;
    }
    .itemAvailabilitySize {
        grid-template-columns: 7% 92%;
    }
    .priceOuter {
        margin-bottom: 10px;
    }

    .itemNameH1{
        text-align: center;
        font-size: 11pt;
        line-height: 1.3;
    }

    .categoryFirstRightImageOuterLinked {

    }

    .linkedCategories {
        grid-template-columns: 32% 32% 32%;
        grid-column-gap: 2%;
    }

    .navigationContainer {
        grid-template-columns: 40% 0% 60%;
    }

    .categoryNaviIcon {
        padding-right: 5px;
        padding-left: 5px;
    }
    .categoryNaviIcon span {
        float: left;
        font-size: 9pt;
    }

    .logo img {

    }

    .headerIcon {
        margin-left: 20px;
        margin-top: 0px;
    }

    .headerVidexImage img {
        height: 12px;
        margin-top: 0px;
    }

    .headerVidexText {
        font-size: 8pt;
        color: #ffffff;
        margin: 0;
        width: auto;
        margin-left: 8px;
    }

    .headerVidex {
        margin-top: 0px;
        background-color: #f18006;
        padding-top: 4px;
        padding-bottom: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .itemStock {
        grid-template-columns: 17% 46% 37%;
    }
    .itemStockLabel {
        float: left;
        text-align: left;
        font-size: 8pt;
        color: gray;
        margin-top: 0px;
        height: 21px;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .itemImagesQuick {
        grid-template-columns: 77% 22%;
        grid-column-gap: 1%;
    }
    .images {
        max-height: 282px;
    }
    .imagesQuick{
        max-height: 242px;
    }

    .pathLink {
        font-size: 8.5pt;
    }

    .tabButton {
        margin-right: 5px;
        margin-left: 5px;
        font-size: 9pt;
        padding-left: 9px;
        padding-right: 9px;
        margin-bottom: 10px;
    }

    .detailRow {
        grid-template-columns: 60% 38%;
    }

    .videxFiles {
        float: left;
        width: 100%;
        display: grid;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        margin-top: 10px;
        grid-template-columns: 49% 49%;
        grid-row-gap: 20px;
        grid-column-gap: 2%;
    }

    .videxFile {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .videxFileName {
        height: 100px;
    }
    .footerLinks {
        display: grid;
        grid-template-columns: 100%;
        grid-row-gap: 20px;
        grid-column-gap: 0%;
    }

    .footerLink {
        width: 100%;
        text-align: center;
        font-size: 11pt;
        margin-right: 0px;
        margin-left: 0px;
    }

    .categoriesHome {
        grid-template-columns: 31% 31% 31%;
        grid-column-gap: 3.5%;
        grid-row-gap: 14px;
    }

    .wrapMainSlider {
        top: 45px;
    }
    .wrapMainSliderUp{
        top: 45px;
    }
    .owl-prev {
        left: -3.5%;
    }
    .owl-next {
        right: -3.5%;
    }
    .webContent {

    }
    .searchForm {
        margin-top: 23px;
        grid-template-columns: 73% 27% 5%;
    }
    .searchAutoSuggestContainer {
        top: 57px;
    }
    .suggestedItem {
        width: 98%;
        grid-template-columns: 20% 75%;
        grid-column-gap: 5%;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 3px;
        margin-left: 2%;
    }
    .suggestedItemImage {
        height: 30px;
    }

    .suggestedItemName {
        font-size: 8pt;
    }
    .itemImagesQuickSingle {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .openItem {
        font-size: 11pt;
    }
    .logoUa {
        top: 2px;
        right: -16px;
        height: 14px !important;
    }

    .subCategoryImage {
        display: block
    }
    .subCategoryImageOuter {
        width: 100%;
    }
    .subCategoryImageInner {
        width: 100%;
    }
    .subCategoryImageInner img{
        width: 100%;
        height: auto;
    }

    .subCategoriesContent{

    }


    .subCategoryName {
        font-size: 8.5pt;
        line-height: 1.1;
    }

    .categoriesMenuPlaceholder {
        height: 97px;
    }


    .footerHeading{
        float: left;
        width: 100%;
        text-align: center;
        font-weight: bold;
        color: #878787;
        font-size: 13pt;
        margin-top: 20px;
        margin-bottom: 9px;
        border-bottom: 1px solid #2c2c2c;
        padding-bottom: 5px;
    }

    .footerLinks2 {
        margin-top: 0px;
    }
    .wrapFooter {
        padding-bottom: 10px;
        padding-top: 0px;
    }
    .searchOuterVisible {
        top: 114px;
    }

    .grayButton {
        margin-bottom: 10px;
    }
    .formLabel {
        text-indent: 0px;
    }
    .formError{
        width: 100%;
    }

    .subCategoriesContentInner {
        grid-template-columns: 24% 24% 24% 24%;
        grid-row-gap: 10px;
        grid-column-gap: 1.33%;
    }

    .categoryPath {
        font-size: 9pt;
    }

    .categoryPath i {
        margin-right: 5px;
        font-size: 6pt;
        border-radius: 50%;
        padding: 6px;
        width: 25px;
        height: 25px;
        line-height: 11px;
        margin-top: -7px;
    }

    .categoryPathSplitter {
        width: 25px;
    }
    .categoryPathSplitter i {
        margin-top: 0px;
    }

    .categoryOpen{
        width: 25px;
        height: 25px;
        font-size: 9pt;
    }
    .filterOptionsTop {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
        grid-row-gap: 10px;
    }


    .headerCategory {
        padding-left: 14px;
        padding-right: 10px;
    }
    .headerCategory span {
        margin-top: 2px;
        font-size: 8pt;
        margin-left: 5px;
    }


    .openCategoryButtonOuter {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 17px;
    }

    .openCategoryButtonText {
        text-align: center;
    }

    .openCategoryButtonCatalog{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }


    h1 {
        font-size: 12pt;
    }

    .categoriesNaviMenuScrollable {
        max-height: 320px;
        margin-bottom: 14px;
    }

    .categoriesNaviMenuInner {
        grid-template-columns: 100%;
        border-bottom: none;
        padding-bottom: 4px;
        margin-top: 3px;
        margin-bottom: 10px;
    }

    .categoriesNaviMenuInnerLeft{
        display: block;
    }
    .categoriesNaviMenuLink i {
        width: auto;
        font-size: 19pt;
    }

    .categoriesNaviMenuLink span {
        font-size: 11pt;
        width: auto;
        margin-left: 12px;
        margin-top: 4px;
    }

    .categoriesNaviMenuLink {
        float: left;
        width: 100%;
        transition-duration: 0.36s;
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 2px;
        margin-bottom: 7px;
    }
    .categoriesNaviMenuSubLink {
        font-size: 10pt;
        line-height: 1.1;
    }

    .categoriesNaviMenuLinks {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }
    .searchInner {
        width: 85%;
        margin-left: 5%;
    }


    .serviceGrid {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 30px;
        margin-top: 20px;
    }
    .timberLenght {
        font-size: 11pt;
    }
    .timberDiameter {
        font-size: 9pt;
    }
    .timberPrice {
        font-size: 8pt;
    }

    .itemInnerGrid {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        margin-top: 0px;
        grid-row-gap: 20px;
    }

    .itemImageContainer {
        width: 80%;
        margin-left: 10%;
    }
    .itemDataContainer{
        padding-left: 2%;
    }

    .categoriesShow {
        grid-template-columns: 32% 32% 32%;
        grid-column-gap: 2%;
        grid-row-gap: 10px;
    }

    .categoryFirstRightNameShow {
        font-size: 8pt;
    }

    .subCategory{
        padding: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10pt;
    }
    .subCategory i {
        margin-right: 6px;
    }

    .mainNavigationLink {
        padding-left: 5%;
    }
    .mainNavigationLinkSub {
        padding-left: 15%;
    }
    .shippingPromos {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }
    .filterTitle{
        font-size: 9pt;
        padding-right: 5px;
    }
    .filterValue {
        font-size: 9pt;
        padding-bottom: 10px;
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        grid-template-columns: 15% 84%;
    }
    .wrapItems {
        padding-top: 15px;
    }
    .wattermarkLogo {
        top: 80px;
        right: 4%;
        width: 46%;
    }

    .itemImageContainerGenerated {
        width: 100%;
        margin-left: 0px;
    }
    .serviceButton{
        font-size: 8pt;
    }
    .itemGroupElement {
        font-size: 9pt;
    }
    .h1Home {
        font-size: 13pt;
        line-height: 1.4;
    }

    .homePromos {
        grid-template-columns: 48% 48%;
        grid-column-gap: 4%;
        grid-row-gap: 20px;
    }

    .homePromoIcon {
        float: left;
        width: 80px;
        height: 80px;
    }

    .pageTitleText .partText {
        line-height: 1.3;
        font-size: 13pt
    }
    .homePromoTitle {
        font-size: 13pt;
    }
    .categoryShortText {
        float: left;
        width: 94%;
        text-align: center;
        font-size: 9pt;
        margin-bottom: 10px;
        line-height: 1.3;
        min-height: auto;
        margin-left: 3%;
    }

    .categoryFirstRightImageOuter {
        padding-bottom: 13px;
    }
    .categoryFirstRightShow .categoryFirstRightImageOuter {
        width: 100%;
        margin-left: 0%;
        height: auto;
    }
}


@media (max-width: 420px) {

    .loader {
        left: 34%;
    }
    .topButtonIcon {
        float: right;
        margin-left: 27px;
    }

    .categoryFirstRightImageOuter {

    }

    .categoryLabel {
        font-size: 10.5pt;
        line-height: 17px;
    }

    .popupTitle {
        width: 92%;
        font-size: 9pt;
    }
    .categoryFirstRightImageOuter {

    }
}


@media (max-width: 380px) {
    .loader{
        left: 32%;
    }
    .category {
        grid-template-columns: 0% 22% 78%;
    }

    .popupTitle {
        width: 90%;
    }
}

@media (max-width: 330px) {
    .collections {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }

    .loader{
        left: 33%;
    }
    .filterMenuButtonSpan {
        width: 76%;
    }

    .topButtonIcon {
        float: right;
        margin-left: 16px;
    }

    .headerIcon {
        margin-left: 16px;
    }

    .navigationContainer {
        grid-template-columns: 45% 55%;
    }

    .mainCategories {
        grid-template-columns: 100%;
        grid-column-gap: 0%;
    }
    .category {
        grid-template-columns: 0% 14% 86%;
    }
    .promoTop {
        font-size: 21px;
    }

    .firstPageCategories {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .subscribeForm{
        grid-template-columns: 52% 48%;
    }


    .shippingCompanies {
        grid-template-columns: 100%;
        grid-column-gap: 0;
        grid-row-gap: 10px;
    }

    .footerPayment img {

    }

    .footerPayments {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 10px;
        color: #fff;
    }

    .promoters {
        float: left;
        width: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 10px;
    }

    .promoter{
        float: left;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .items {

    }

    .itemBrandLink {
        text-align: right;
        font-size: 9pt;
    }
    .itemAvailability {
        grid-template-columns: 10% 38% 50%;
        grid-column-gap: 1%;
    }
    .shippingDetailRow {

    }
    .itemTab {
        font-size: 8pt;
    }
    .categoriesList {
        grid-template-columns: 49% 49%;
        grid-column-gap: 2%;
    }

    .categoryFirstRightImageOuter {

    }

}