@media (max-width: 769px) {

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

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

    .header{
        height: 114px;
    }

    .headerUp{
        top: -40px;
    }

    .pageContent {
        float: left;
        width: 100%;
        margin-left: 0;
    }


    .relativePlaceholder{
        height: 114px;
    }


    .wrap {
        width: 100%;
    }

    .logo {
        float: right;
        margin-top: 5px;
        margin-right: 44%;
        width: 11%;
    }

    .mobileNavigation{
        position: absolute;
        top: 0%;
        width: 48%;
        padding-left: 1%;
        padding-top: 10px;
        padding-right: 1%;
        background: #fff;
        left: -100%;
        transition-duration: 0.35s;
        z-index: 1005;
    }

    .titleImageTexts {
        position: absolute;
        top: 23px;
    }

    .titleText {
        line-height: 33px;
    }

    .H1Over {
        float: left;
        width: 100%;
        font-size: 35pt;
    }


    .mobileNavigationOpened{
        left: 0%
    }

    .mainNavigationList{
        float: right;
        width: 100%;
    }

    .navigationVisible{
        margin-right: 0%;
        margin-top: -12px;
    }

    .naviCategories{
        float: left;
        width: 87%;
        margin-left: 13%;
        display: none;
    }


    .mainNavigationList li{
        float: left;
        width: 100%;
    }

    .mainNavigationLinkBack {
        background: rgba(255,255,255,0.6);
        border: none;
        padding-top: 20px;
    }

    .naviCatenavigoriesArrow{
        float: right;
        font-size: 20pt !important;
        margin-top: -3px;
        margin-bottom: 0px;
        height: 22px;
    }

    .mainNavigationLink{
        float: left;
        width: 100%;
        font-weight: 300;
        color: #383838;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        line-height: 20px;
        padding: 15px 15px 15px 20px;
        text-decoration: none;
        font-size: .82353rem;
        letter-spacing: .05882rem;
        text-transform: uppercase;
        transition: background-color 0.1s ease-in, color 0.2s ease-in;
    }


    .mainNavigationLinkBack {
        background: rgba(255,255,255,0.6);
        border: none;
        padding-top: 20px;
    }

    .mainNavigationLinkBack i {
        float: left;
        margin-right: 10px;
        margin-top: -2px;
    }

    .headerTopButtons{
        margin-right: 2%;
    }

    .naviButtonHolder{
        position: relative;
        text-decoration: none;
        margin-top: 24px;
        float: left;
        width: auto;
        margin-left: 2%;
        margin-bottom: 6px;
    }

    #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
        float: right;
        width: 40px;
        height: 35px;
        position: relative;
        margin: 0px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #090909;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }

    #nav-icon1 span:nth-child(2) {
        top: 10px;
    }

    #nav-icon1 span:nth-child(3) {
        top: 20px;
    }

    #nav-icon1.open span:nth-child(1) {
        top: 10px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);

        background: #090909;
    }

    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;

        background: #090909;

    }

    #nav-icon1.open span:nth-child(3) {
        top: 10px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);

        background: #090909;

    }





    .leftSide{
        float: none;
        position: absolute;
        background: #fff;
        left: -100%;
        top: 0px;
        transition-duration: 0.35s;
        width: 50%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .tableHead div {
        border-left: 1px solid #dadadb;
        line-height: 14px;
        font-weight: bold;
        font-size: 10pt;
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .tableRow a {
        line-height: 16px;
        font-weight: bold;
        font-size: 10pt;
        color: #5c5c5b;
        text-decoration: none;
        font-weight: normal;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tableRowSales div {
        line-height: 16px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .myItemImage {
        margin-left: 17%;
        width: 63%;
    }
    .helloLogin {
        margin-left: 10px;
        font-size: 10pt;
        line-height: 41px;
    }

    .tableHeadItems{
        grid-template-columns: 9% 10% 43% 16% 13% 9%;
    }
    .tableRowItems{
        grid-template-columns: 9% 10% 43% 16% 13% 9%;
    }

    .titleContainer{
        grid-template-columns: 20% 60% 20%;
    }

    .firstPageItemsList{
        grid-template-columns: 32% 32% 32%;
    }

    .subscribeButton{
        margin-right: 2%;
    }
    .subscribeText{
        width: 46%;
        font-size: 7pt;
    }

    .footerButtons {
        width: 96%;
        margin-left: 2%;
    }

    .sliderArrow{
        display: none;
    }

    .footerButton {
        font-size: 11pt;
    }

    .tableHead {
        grid-template-columns: 6% 19% 15% 14% 36% 15%;
    }
    .tableRow {
        grid-template-columns: 6% 19% 15% 14% 18% 18% 15%;
    }


    .tableHeadSales{
        grid-template-columns: 9% 9% 20% 14% 12% 36%;
    }
    .tableRowSales{
        grid-template-columns: 9% 9% 20% 14% 12% 18% 18%;

    }


    .contactColRight {
        float: right;
        width: 49%;
    }
    .contactColLeft {
        float: left;
        width: 49%;
    }
    .contactParameterValue {
        width: 86px;
    }

    .itemName{
        height: 58px;
    }

    .itemPrice{
        font-size: 14pt;
    }
    .discountedItemPrice {
        font-size: 14pt;
    }

    .orderDroplist{
        margin-top: 0px;
        width: auto;
    }

    .searchPlaceholder{
        display: block;
    }

    .navigationHeader{
        position: relative;
        float: left;
        width: 104%;
        background-color: #2b2b2a;
        color: #fff;
        height: 40px;
        line-height: 40px;
        text-align: center;
        margin-left: -2%;
        margin-top: -11px;
        text-transform: uppercase;
        font-size: 12pt;
    }

    .closeNavigation{
        position: absolute;
        right: 7px;
        text-decoration: none;
        background-color: transparent;
        top: 10px;
        width: 20px;
        height: 20px;
    }

    .closeNavigation img{
        float: left;
        width: 100%;
    }

    .mobileNaviUser{
        float: left;
        width: 104%;
        background-color: #ececec;
        color: #434342;
        height: 36px;
        line-height: 36px;
        margin-left: -2%;
        padding-left: 6%;
        font-weight: normal;
        padding-right: 2%;
    }

    .mobileNaviLogin{
        float: right;
        padding-left: 20px;
        padding-right: 20px;
        line-height: 25px;
        margin-top: 5px;
        color: #fff;
        text-decoration: none;
        background-color: #fdb91a;
    }

    .paginator {
        float: right;
        width: 100%;
    }

    .mobileRightArrows{
        float: right;
    }

    .pagerJumpContainer {
        float: right;
        position: relative;
        margin-top: 5px;
        padding-left: 0%;
        width: 100%;
        margin-bottom: 10px;
    }

    .pageJumpInput{
        float: right;
    }
    .arrows {
        float: right;
        width: 100%;
    }

    .filterButtons{
        float: left;
        width: 100%;
        margin-top: 10px;
    }


    .itemFilterButton{
        float: left;
        width: 50%;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 40px;
        font-size: 10pt;
        text-align: center;
        background-color: #ececec;
        border: 1px solid #dadadb;
        border-left: none;
        border-right: none;
        color: #434342;
    }
    .itemFilterButtonYellow {
        background-color: #fdb819;
        color: #fff;
    }

    .leftCategories {
        position: relative;
        float: left;
        width: 95%;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-left: 5%;
    }
    .leftTitle {
        float: left;
        width: 90%;
        margin-left: 5%;
    }

    .title404 {
        font-size: 200pt;
    }
    .desc404 {
        top: 112px;
    }

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

    .roomName {
        position: absolute;
        top: 90px;
    }
    .mainContent {
        padding-left: 3%;
        padding-right: 3%;
    }

    .headerSocialJolantaMobile{

    }

    .closeNavigation{
        position: absolute;
        right: 7px;
        text-decoration: none;
        background-color: transparent;
        top: 4px;
        width: 20px;
        height: 20px;
        color: #000;
        text-decoration: none;
    }

    .closeNavigation i{
        float: left;
        width: 100%;
        text-align: right;
        font-size: 20pt !important;
    }

    .contactIconPage {
    }

    .contactValue {

    }

    .pageContentCols{
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }
    .pageContentLine {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }

    .stuffImage {
        width: 68%;
        border-radius: 50%;
        margin-left: 16%;
    }
    .menuGrid{
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-row-gap: 20px;
    }
}

@media (max-width: 740px) {

    .logo {
        margin-top: 5px;
        margin-right: 44%;
        width: 12%;
        float: right;
    }

}
@media (max-width: 610px) {

    .logo {
        margin-top: 5px;
        margin-right: 43%;
        width: 14%;
        float: right;
    }

}