@media screen and (min-width:1001px) {
    .mobileIcons .icons {
        position: absolute;
        right: 22px;
        margin-top: 130px;
    }
}

@media screen and (max-width:500px) {
    div#titlestuff {
        flex-direction: column-reverse;
        padding-left: 0 !important;
        background: transparent;
        margin-left: -24px;
        align-items: flex-start;
    }

    div#titlestuff h2 {
        margin-left: 45px;
    }

    .bigbuttons {
        flex-direction: row !important;
    }

    div.flexendstuff {
        margin-left: 0px !important;
    }

    .mainareastuff div.bigbuttons a:last-of-type {
        margin-top: 0 !important;
        margin-left: 15px !important;
    }
}

@media screen and (max-width: 767px) {
    div.mainareastuff {
        /* margin-left: 0 !important; */
        /* border-left: none; */
    }

    #titlestuff {
        /* flex-direction: column; */
        padding-left: 30px !important;
        align-items: self-end;
    }

    div#titlestuff h2 {
        font-size: 50px !important;
    }

    .flexendstuff {
        margin-top: 30px;
        width: 100%;
        margin-left: 20px;
    }

    .mainareastuff div.bigbuttons {
        padding-left: 0 !important;
        width: 100%;
        padding-bottom: 10px;
        display: flex;
        align-items: flex-end;
    }

    .mainareastuff .bigbuttons a {
        padding-right: 30px !important;
        width: 270px;
        padding-left: 18px !important;
    }

    DIV .mainareastuff .mainpoints {
        flex-direction: column;
        /* width: 120%; */
        MARGIN-LEFT: -30px !important;
        clip-path: polygon(100% 0, 100% 82%, 93% 100%, 0 100%, 0 0);
        margin-top: 10px;
    }

    .otherpage .mainareastuff .mainpoints {
        clip-path: none;
    }

    .otherpage .mainareastuff .mainpoints .darkstuff:first-of-type {
        clip-path: none !important;
    }

    .mainpoints .svgcontain {
        display: none;
    }

    .mainareastuff .mainpoints .darkstuff {
        width: 100% !important;
    }

    .mainareastuff .mainpoints .darkstuff:last-of-type {
        padding: 4.16667vw max(63px, 4.6875vw) 2.08333vw max(21px, 6.5625vw) !important;
        padding-top: 0 !important;
        margin-bottom: 110px;
    }

    .otherpage .mainareastuff .mainpoints .darkstuff:last-of-type {
        padding: 15px !important;
    }

    div.imgs a.footerlogos img {
        width: max(90px, 6.75VW) !important;
    }

    div .imgs a.footerlogos {
        margin: 0 !important;
    }

    .post-container-our-brands {
        display: flex !important;
        flex-direction: row !important;
        /* flex-wrap: nowrap !important; */
        justify-content: flex-start !important;
    }

    .column-padding-our-brands.item {
        width: 92px;
        margin: 0 10px;
    }

    .flexSec:nth-of-type(3) {
        width: 100%;
        max-width: 100% !important;
        margin-top: 50px;
    }


    .flexSec h3 {
        text-align: left !important;
    }

    div .brandsArea {
        margin-right: 0 !important;
        /* width: 100vw; */
        /* margin-left: -30px; */
    }

    #foot footer {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%, 0 82%) !important;
    }

    .static .main-menu-item {
        min-width: 0 !important;
    }
}

@media screen and (max-width:1000px) {
    .contactForm .btn-success {
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 20px !important;
    }

    #header #menu-button {
        opacity: 1 !important;
        transform: unset !important;
        width: 100% !important;
        background: #0D0D0D;
        padding-top: 0 !important;
        padding: 0 22px;
        z-index: -1;
        position: absolute !important;
        height: 66px;
        z-index: 99;
        border-bottom: #C8635E 4px solid;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding-bottom: 10px;
        display: flex;
        flex-direction: column;
    }

    #menu-button a {
        color: #A59E96 !important;
        font-size: 30px !important;
        position: absolute;
        bottom: 0 !important;
        padding-bottom: 7px;
    }

    .mobile li .icons {
        opacity: 1 !important;
        transform: unset !important;
    }

    ul li li a.menu-link.sub-menu-link {
        border-bottom: 1px solid transparent !important;
    }

    .otherPage .popup ul {
        margin-left: 25px !important;
    }

    #holder h5 {
        /* display: none; */
    }

    .fullHeight {
        height: auto !important;
        flex-direction: column;
    }

    .fullHeight:nth-of-type(odd) {
        flex-direction: column-reverse;
    }

    .bigPic img {
        padding: 0 !important;
    }

    .bigPic .galleryBox img {
        width: auto !important;
    }

    .otherPage .bigPic.animated {
        margin: 200px 0 30px !important;
        width: 100% !important;
    }

    .popup {
        display: inline-block !important;
        position: static !important;
        width: 100% !important;
        transform: unset !important;
        border-width: 9.5px !important;
        border-right: 0px solid transparent !important;
        border-top: 9.5px solid #bf7559 !important;
        padding: 64px 34px !important;
        border-image: none !important;
        border-image-slice: unset !important;
        /* background: #0D0D0D !important; */
    }

    .flexSide #sidebar-sideways-text-one,
    .flexSide #sidebar-sideways-text-two,
    .flexSide #sidebar-sideways-text-three,
    .flexSide #sidebar-sideways-text-four,
    .flexSide #sidebar-sideways-text-five,
    .flexSide #sidebar-sideways-text-six {
        width: 20px !important;
        margin-right: 19px !important;
    }

    .top.left {
        margin-left: 0 !important;
    }

    .popupWidth {
        max-width: 100% !important;
    }

    .flexSide h6 {
        font-size: 14px;
    }

    .flexSide .sleekList ul {
        margin-top: 22px !important;
    }

    .outlineButton {
        width: 90% !important;
        padding: 21px 52px !important;
        margin-top: 40px !important;
    }

    .further .outlinebutton {
        width: 100% !important;
        font-size: 20px !important;
        margin-top: 10px !important;
    }

    .outlineButton div {
        font-size: 17px !important;
    }

    .flexSide .sleekList ul li {
        flex: 0 90% !important;
    }

    .flexSide .sleekList ul li a {
        font-size: 15px !important;
        padding: 15.5px 25px !important;
        letter-spacing: 0.39em;
    }

    .imgs ul {
        margin: 0 auto;
        width: 60% !important;
    }

    footer .imgs ul img {
        width: 100% !important;
    }

    .imgs ul li {
        margin: 0 auto;
        margin-bottom: 3.25VW;
    }

    .flexSide .p,
    .otherPage .popup {
        /* font-size: 21px !important; */
    }

    .bigPic {
        padding: 0 !important;
        display: inline-block !important;
        position: static !important;
        height: auto !important;
        width: auto !important;
    }

    .popup div .furtherSidebar.sidebarColumn {
        padding-left: 0px !important;
    }

    h1 *:not(.cf *) {
        font-size: calc(3.4375rem + ((1vw - 3.2px) * 5.1471)) !important;
    }

    .invAlt h1 * {
        font-size: initial !important;
    }

    #holder h1 {
        padding: 0px 15px;
    }

    #main #holder h1 .sidebarColumn {
        height: 100%;
    }

    h2,
    .TitleText {
        font-size: 58px !important;
    }

    h4 {
        padding-top: 10px !important;
    }

    #holder h4 * {
        font-size: 12px !important;
    }

    #holder h4 #sidebar-slogan {
        min-height: 60px !important;
    }

    section.fullWidth img {
        display: none;
    }

    .downArrow {
        bottom: calc(8.1875rem + ((1vw - 3.75px) * -4.0816)) !important;
    }

    #holder button img {
        height: 30px !important;
    }

    footer {
        /* flex-direction: column; */
        /* align-items: center; */
    }

    .flexSec {
        /* text-align: center; */
        /* justify-content: center; */
        /* margin-bottom: 7.8125VW; */
    }

    .mobileIcons .icons {
        position: absolute;
        right: 22px;
        margin-top: 127px;
        z-index: 99999;
    }

    .mobileIcons {
        position: relative;
        z-index: 999;
    }

    .mobileLogo {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 25px;
        z-index: 9;
        z-index: 999;
    }

    .mobileIcons .icons a {
        background: #a59e96 !important;
        color: #f2f1f1 !important;
        width: 20px;
        height: 20px !important;
        box-sizing: border-box;
    }

    .mobileIcons .icons i {
        color: #1a1a1a;
        font-size: 14px;
    }

    .fullHeight {
        margin: 45px 0 !important;
    }

    .popup {
        background: none !important;
    }

    .top.right {
        border-left: none !important;
        border-width: 5px !important;
    }

    .blockRight {
        display: none;
    }

    #header {
        /* margin-bottom: -60px !important; */
    }

    .mainareastuff {
        margin: 100px 20px 0 20px !important;
    }

    .mainareastuff .bigbuttons {
        flex-direction: column;
        width: 100%;
        padding-left: 20px !important;
    }

    .mainareastuff .bigbuttons a:last-of-type {
        margin-left: 0 !important;
        margin-top: 20px;
        clip-path: polygon(100% 0, 100% 43%, 97% 100%, 0 100%, 0 0) !important;
    }

    .mainareastuff .bigbuttons a:hover {
        /* margin: 20px 0 0 0 !important; */
    }

    .mainareastuff .mainpoints {
        margin-left: calc(0.0625rem + ((1vw - 3.2px) * 5.6863)) !important;
    }

    .mainpoints .svgcontain {
        height: 370px;
    }

    .mainpoints .svgcontain svg {
        transform: scaleY(1.7) !important;
    }

    .mainareastuff .mainpoints .darkstuff:first-of-type {
        padding-top: 70px;
        padding-bottom: 100px;
        padding-left: 6.5625vw;
    }

    .sidestuff {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .ctaContain {
        max-width: 100% !important;
        padding-left: calc(1.25rem + ((1vw - 3.2px) * 3.6765)) !important;
    }

    .imgs a.footerlogos {
        /* width: 190px; */
    }

    .imgs a.footerlogos img {
        /* width: 100% !important; */
    }


    #holder h5 {
        margin-left: 20px;
    }

    #holder h5 span[style*="normal"] {
        display: none !important;
    }

    .leftNav {
        width: auto !important;
        padding-left: 40px !important;
    }

    .sideicons {
        display: none;
    }

    section .sweetTitle {
        align-items: flex-start !important;
    }

    .brandsArea {
        margin-right: calc(0.0625rem + ((1vw - 3.2px) * 5.6863)) !important;
        /* width: 104%; */
    }

    footer {
        margin-left: 0 !important;
        flex-wrap: wrap;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 5% 100%, 0 79%) !important;
    }

    .flexSec:first-of-type,
    .flexSec:nth-of-type(1) {
        /* flex: 1; */
    }

    .top.icons.desktophide {
        display: block !important;
    }

    #titlestuff {
        align-items: flex-end;
    }

    #holder {
        margin-right: 0 !important;
        clip-path: polygon(100% 0, 100% 71%, 94% 100%, 0 100%, 0 0) !important;
    }

    div.mc-image {
        height: 500px !important;
    }