@media (max-width: 1230px) {
    body {
        font-size: .9em;
    }

    .navBarContainer {
        width: 1020px;
        height: 70px;
        padding: 12px 0 12px 0;
    }

    .desktopNavBar li {
        margin-right: 52px;
        margin-left: 0;
    }

    address:nth-child(1) p {
        font-size: 1.05em;
    }

    .desktopNavBar li a:nth-child(4) {
        padding-right: 0;
    }

    .logo {
        margin: 0 20px 0 20px;
    }

    .navBarContainer img {
        width: 140px;
    }

    .quickInfoContainer {
        padding-top: 95px;
    }

    .tempMessage {
        width: 602px;
        margin: 0 10px 0 175px;
    }

    .cart {
        width: auto;
    }

    .cart p {
        font-size: 1.4em;
    }

    .resInfo {
        width: 1015px;
    }

    .quickInfoContainer {
        width: 1015px;
    }

    .quickInfoContainer article {
        width: 239px;
        height: 165px;
        margin: 20px 16px 0 0;
    }

    .shippingService img {
        width: 70px;
        margin: 0;
    }

    .giftCard img {
        margin-top: -33px;
    }

    .simplePage {
        width: 1000px;
    }

    .blockContainer {
        width: 1005px;
    }

    .block {
        width: 480px;
        height: 247px;
    }

    .panel {
        width: 314px;
        height: 140px;
        padding: 10px;
    }

    .block:nth-child(odd) .panel {
        margin: 10px 0 0 20px;
    }

    .block:nth-child(even) .panel {
        margin-left: 146px;
    }

    .newPieceBlock:nth-child(even) .panel {
        margin-left: 20px;
    }

    .block img, .bubble {
        width: 120px;
    }

    .lastestArticle {
        width: 990px;
    }

    .lastestArticle .headTitle {
        margin-top: -46px;
    }

    .moreArticle {
        display: none;
    }

    .resMoreArticle {
        display: block;

        width: 100%;
        padding: 23px;

        background-color: rgba(234, 149, 20, .5);
    }

    .resMoreArticle:hover {
        color: #c34938;
        background-color: rgba(234, 149, 20, .7);
    }

    .resMoreArticle p {
        font-size: 1.7em;

        display: inline-block;

        margin-right: 20px;
        margin-left: calc(50% - 122px);

        vertical-align: middle;
    }

    .resMoreArticle .arrows {
        display: inline-block;

        vertical-align: middle;
    }

    .resMoreArticle .arrows div {
        width: 30px;
        height: 5px;

        transition: margin 1s;

        background-color: #c95e36;
    }

    .resMoreArticle .arrows div:nth-child(1) {
        -webkit-transform: rotate(55deg);
        transform: rotate(55deg);
    }

    .resMoreArticle .arrows div:nth-child(2) {
        margin-top: 16px;

        -webkit-transform: rotate(-55deg);
        transform: rotate(-55deg);
    }

    .resMoreArticle div {
        -webkit-animation: arrow .35s linear 0s infinite alternate;
        animation: arrow .35s linear 0s infinite alternate;

        translate-x: 0;
    }

    .articleContainer {
        padding: 25px;
    }

    .previewArticle {
        width: 450px;
        margin: 0 25px 25px 0;
    }

    .previewArticle:nth-child(even) {
        margin-right: 0;
    }

    .lastProd .articleContainer .previewArticle:nth-child(3), .lastProd .articleContainer .previewArticle:nth-child(4) {
        margin-bottom: 25px;
    }

    .previewText {
        width: 260px;
    }

    .fixArticles {
        width: 100%;
    }

    .compContainer {
        width: 620px;
    }

    .compArticle {
        width: 620px;
        margin: 0 0 20px 0;
    }

    .catListContainer {
        width: 455px;
        height: 605px;
    }

    .catPicContainer {
        width: 450px;
    }

    .catListContainer .previewArticle {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .oldPiece .previewArticle:last-child {
        margin-bottom: 0;
    }

    .cartFirstLine p, .cartLine p {
        margin-right: 15px;
    }

    .shippingCost p:nth-child(3) {
        width: 70%;
    }

    #wrapper {
        margin-bottom: -144px;
        padding-bottom: 40px;
    }

    footer, #wrapper:after {
        height: 144px;
    }

    .footerContainer {
        width: 1005px;
        padding: 40px;
    }

    footer nav a {
        margin-right: 30px;
    }

    .webwave img {
        width: 170px;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                        Alerts  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .alertGeneral {
        width: 1020px;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    SEARCH REF  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .searchProductContainer label {
        width: 41%;
    }

    .searchProductContainer input[type=submit] {
        width: 16%;
    }
}

@media (max-width: 1020px) {
    .overlay {
        display: block;
    }

    .navBarContainer {
        width: 795px;
        height: 60px;
        padding: 8px 0 8px 0;
    }

    .logo {
        margin: 0 15px 0 15px;
    }

    .navBarContainer img {
        width: 120px;
    }

    .desktopNavBar li {
        margin-right: 30px;
    }

    .desktopNavBar li a {
        font-size: 2.8em;
    }

    .tempMessage {
        width: 405px;
        margin: 0 10px 0 145px;
    }

    .resInfo {
        width: 583px;
        margin-right: auto;
        margin-left: auto;
    }

    .quickInfoContainer {
        width: 795px;
        padding-top: 90.5px;
    }

    .quickInfoContainer article {
        width: 279px;
        height: 145px;
        margin: 20px 18px 0 0;
    }

    .resInfo a:nth-child(2) article, .resInfo a:nth-child(4) article {
        margin-right: 0;
    }

    .resInfo article img {
        display: none;
    }

    .shopLink article img {
        display: block;
    }

    .resInfo article {
        text-align: center;
    }

    .shippingService p, .giftCard p {
        font-size: 1.1em;

        display: block;
    }

    .welcomeBadge {
        display: none;
    }

    .welcomeContainer {
        width: 100%;
    }

    .welcomeText {
        width: 100%;
    }

    .homeBanner {
        height: auto;
    }

    .bubbleBanner {
        margin: 30px 0 40px 0;
    }

    .simplePage {
        width: 90%;
        padding: 30px;
    }

    .blockContainer {
        font-size: 1.1em;

        width: 600px;
    }

    .block:nth-child(odd) .panel {
        margin-left: 35px;
    }

    .block:nth-child(even) .panel {
        margin-left: 200px;
    }

    .newPieceBlock:nth-child(even) .panel {
        margin-left: 35px;
    }

    .block, .block:visited {
        display: block;

        width: 585px;
        height: 300px;
        margin: 0 0 40px 0;
    }

    .block:nth-child(odd) {
        margin-right: 40px;
    }

    .block:nth-child(2), .block:nth-child(1) {
        margin-bottom: 40px;
    }

    .panel {
        width: 350px;
        height: 160px;
        padding: 14px;
    }

    .lastestArticle {
        width: 585px;
    }

    .lastestArticle .headTitle {
        padding: 5px 5px 5px 105px;
    }

    .lastestArticle .previewArticle:nth-child(odd) {
        margin-right: 0;
    }

    .previewArticle {
        width: 540px;
    }

    .previewText {
        width: 270px;
        margin-left: 20px;
    }

    .grid1Picture {
        width: 45%;
    }

    .grid1Text {
        width: 50%;
        margin-left: 3%;
    }

    .fixArticles a {
        display: block;

        width: 60%;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
    }

    .fixArticles a:last-child {
        margin-right: auto;
        margin-bottom: 0;
    }

    .ownArticle {
        text-align: center;
    }

    .ownArticle p {
        margin-left: 0;
    }

    .oldPiece {
        width: auto;
    }

    .catListContainer {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .catListContainer ul a {
        width: 100%;
    }

    .catPicContainer {
        width: 100%;
        margin-bottom: 20px;
    }

    #newProPic {
        width: 100%;
        margin: 0;
    }

    #newProText {
        width: 100%;
        margin-top: 20px;
    }

    .cartFirstLine, .cartLine {
        padding-right: calc(50% - 278px);
        padding-left: calc(50% - 278px);
    }

    .cartFirstLine p, .cartLine p {
        margin-right: 40px;
    }

    .cartFirstLine p:nth-child(1), .cartLine p:nth-child(1) {
        display: block;

        width: 100%;
        margin-bottom: 8px;
    }

    .deleteBtn {
        display: inline-block;

        width: 25px;
        height: 25px;

        vertical-align: middle;
    }

    .cartFirstLine p:last-of-type {
        margin-right: 0;
    }

    .shippingCost p:nth-child(3) {
        width: 60%;
    }

    #wrapper {
        margin-bottom: -190px;
        padding-bottom: 30px;
    }

    footer, #wrapper:after {
        height: 190px;
    }

    footer nav {
        display: block;
    }

    .footerContainer {
        width: 795px;
    }

    footer nav a {
        margin-right: 30px;
    }

    footer nav a:last-child {
        margin-right: 0;
    }

    .webwave {
        width: 170px;
        margin-top: 30px;
        margin-left: calc(50% - 85px);
    }

    .giftCardPage figure {
        width: 100%;
        margin-top: 15px;
    }

    .giftCardPage img {
        width: 100%;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                        Alerts  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .alertGeneral {
        width: 795px;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    SEARCH REF  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .searchProductContainer {
        padding: 15px;
    }

    .searchProductContainer label {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }

    .searchProductContainer input[type=text] {
        width: 65%;
        margin-right: 2%;
    }

    .searchProductContainer input[type=submit] {
        width: 33%;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                  RESTAURATION GALLERY
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .restauGallery img {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .btnMargin {
        margin-top: 5px;
    }

    .navBarContainer {
        width: 695px;
        height: 65px;
        padding: 12px 0 12px 0;
    }

    .desktopNavBar li {
        margin-right: 15px;
    }

    .desktopNavBar li a {
        padding-left: 0;
    }

    address:nth-child(1) p {
        font-size: 1.05em;
    }

    .desktopNavBar li a:nth-child(4) {
        padding-right: 0;
    }

    .logo {
        margin: 0 10px 0 10px;
    }

    .navBarContainer img {
        width: 90px;
    }

    .quickInfoBg {
        margin-bottom: 15px;
    }

    .cart {
        display: block;

        width: 575px;
        margin: 0 auto 0 auto;

        text-align: center;
    }

    .quickInfoContainer {
        width: 695px;
        padding-top: 85px;
    }

    .tempMessage {
        width: 520px;
        margin: 0 10px 15px 114px;
    }

    .resInfo {
        width: 575px;
    }

    .quickInfoContainer article {
        margin: 15px 13px 0 0;
    }

    .bubbleBanner {
        margin: 20px 0 35px 0;
    }

    .simpleBanner {
        margin: 20px 0 20px 0;
    }

    .simplePage {
        padding: 20px;
    }

    .grid1Picture {
        display: block;

        width: 60%;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 20px;
    }

    .grid1Text {
        display: block;

        width: 100%;
        margin-left: 0;
    }

    .resto .grid1Picture {
        margin-top: 40px;
        padding-left: 15px;
    }

    .linkBlock {
        width: 85%;
        margin-bottom: 20px;
        padding: 20px;
    }

    .compContainer {
        width: 100%;
    }

    .compArticle {
        width: 100%;
    }

    .ownArticle {
        margin-bottom: 20px;
    }

    .socialA {
        margin-top: 20px;
    }

    #wrapper {
        margin-bottom: -182px;
        padding-bottom: 20px;
    }

    footer, #wrapper:after {
        height: 182px;
    }

    .footerContainer {
        width: 695px;
        padding: 20px;
    }

    .footerContainer nav {
        line-height: 2em;

        width: 400px;
        margin-right: auto;
        margin-left: auto;

        text-align: center;
    }

    .webwave {
        margin-top: 20px;
    }

    .orderValidation img {
        width: 100%;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                        Alerts  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .alertGeneral {
        width: 695px;
    }
}

@media (max-width: 700px) {
    #triggerOverlay::before {
        position: absolute;
        top: -12px;

        display: inline-block;

        width: 50px;
        height: 12px;

        content: '';

        border-bottom: 6px solid #e7a23a;
        background-color: #872728;
    }

    #triggerOverlay {
        position: absolute;
        top: 24px;
        right: 40px;

        display: inline-block;

        width: 50px;
        height: 12px;

        color: rgba(0, 0, 0, 0);
        border-bottom: 6px solid #e7a23a;
        background-color: #872728;
    }

    #triggerOverlay::after {
        position: absolute;
        top: 12px;

        display: inline-block;

        width: 50px;
        height: 6px;

        content: '';

        background-color: #872728;
    }

    .navBarContainer nav {
        display: none;
    }

    .navBarContainer {
        width: 100%;
        height: 55px;
    }

    .quickInfoBg {
        padding-bottom: 10px;
    }

    .quickInfoContainer {
        width: 100%;
        padding-top: 70px;
    }

    .tempMessage {
        width: calc(100% - 120px);
        margin: 0 0 10px 110px;
    }

    .cart {
        width: calc(100% - 20px);
        margin: 0 0 0 10px;
    }

    .resInfo {
        width: 100%;
        padding: 0 10px 0 10px;
    }

    .quickInfoContainer article {
        display: none;
    }

    .quickInfoContainer .resShopBox, .quickInfoContainer .resShopBox article {
        display: block;
    }

    .quickInfoContainer article {
        width: calc(100% - 20px);
        margin: 10px 10px 0 10px;
    }

    .quickInfoContainer article p {
        font-size: 1.2em;
    }

    .welcomeContainer br {
        display: none;
    }

    .googleMaps {
        height: 400px;
    }

    .grid1Picture {
        width: 65%;
    }

    .ownArticle {
        margin-bottom: 15px;
    }

    .socialCont {
        margin-top: 20px;
    }

    .socialA {
        margin-top: 15px;
    }

    .cartFirstLine, .cartLine {
        padding-right: calc(50% - 240px);
        padding-left: calc(50% - 240px);
    }

    .cartFirstLine p, .cartLine p {
        margin-right: 15px;
    }

    .cartTotal {
        padding-left: calc(50% - 122.5px);
    }

    .cartTotal p {
        font-size: 1.4em;

        width: 245px;
        padding: 0;

        text-align: center;
    }

    .shippingCost p:nth-child(3) {
        display: block;

        width: 100%;
        margin-top: 5px;
    }

    .formLine label, .formLine input {
        width: 100%;
        display: block;
    }

    .formLine label {
        margin-bottom: 10px;
    }

    .cgvLine label, .cgvLine input {
        display: inline-block !important;
    }

    .cgvLine label {
        width: calc(100% - 60px) !important;
    }

    .cgvLine input {
        width: 20px !important;
    }

    .footerContainer {
        width: 100%;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                        Alerts  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .alertGeneral {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 600px) {
    .blockContainer {
        width: 100%;
        padding: 0 25px 0 25px;
    }

    .block:nth-child(1), .block:nth-child(2), .block:nth-child(3), .block:nth-child(4) {
        width: 100%;

        background-color: rgba(234, 149, 20, .65);
    }

    .block {
        height: auto;

        background: rgba(234, 149, 20, .6) none !important;
    }

    .block .panel {
        width: 100%;
        height: auto;
        margin-top: -25px !important;

        background: none;
    }

    .block:nth-child(odd) .panel {
        margin-left: 0;
    }

    .block:nth-child(even) .panel {
        margin-left: 0;
    }

    .newPieceBlock .block:nth-child(even) .panel {
        margin-left: 0;
    }

    .block img, .bubble {
        width: 90px;
        margin: -14px 0 0 -11px;
    }

    .grid1Picture {
        width: 70%;
    }

    .lArticleC {
        width: 100%;
        padding: 0;
    }

    .lastestArticle {
        width: calc(100% - 50px);
        margin: 25px 25px 0 25px;
    }

    .lastestArticle .headTitle {
        margin-top: -36px;
        padding: 12px 5px 5px 90px;
    }

    .lastestArticle .headTitle h1 {
        font-size: 3em;
    }

    .lastestArticle .headTitle h1, .lastestArticle .headTitle h2 {
        font-size: 3em;

        width: 100%;
    }

    .lastestArticle .back {
        display: none;
    }

    .articleContainer {
        width: 100%;
        padding: 15px;
    }

    .previewArticle {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .lastProd .articleContainer .previewArticle:nth-child(3), .lastProd .articleContainer .previewArticle:nth-child(4) {
        margin-bottom: 15px;
    }

    .previewText {
        width: 255px;
        margin-left: 10px;
    }

    .linkBlock {
        width: 100%;
        padding: 15px;
    }

    .fixArticles a {
        width: 70%;
    }

    .compPicture {
        display: block;

        margin-top: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .compText {
        width: 100%;
        height: auto;
    }

    .catListContainer .previewArticle {
        margin: 0 0 15px 0;
    }

    #newProText {
        margin-top: 15px;
    }

    .socialCont {
        margin-top: 15px;
    }

    .cartFirstLine, .cartLine {
        padding-right: 8px;
        padding-left: 8px;
    }

    .cartFirstLine p, .cartLine p {
        margin-right: 3px;
    }

    .cartFirstLine p:nth-child(2), .cartLine p:nth-child(2) {
        width: 105px;
    }

    .cartFirstLine p:nth-child(3), .cartLine p:nth-child(3) {
        width: 72px;
    }

    .cartLine p:nth-child(3) {
        padding-right: 4px;
        padding-left: 4px;
    }

    .cartFirstLine p:nth-child(4), .cartLine p:nth-child(4) {
        width: 108px;
    }

    .cartFirstLine p:nth-child(5) {
        width: 88px;
    }

    .deleteBtn a img {
        padding-right: 0;
        padding-left: 30%;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    SEARCH REF  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .searchProductContainer {
        padding: 10px;
    }

    .searchProductContainer label {
        margin-bottom: 10px;
    }

    .searchProductContainer input[type=text] {
        width: 68%;
        margin-right: 2%;
    }

    .searchProductContainer input[type=submit] {
        width: 30%;
    }

    .searchProductContainer img {
        top: -15px;
    }
}

@media (max-width: 500px) {
    .btnMargin {
        margin-top: 0;
    }

    .quickInfoContainer {
        padding-top: 102px;
    }

    .tempMessage {
        width: calc(100% - 20px);
        margin: 0 0 10px 10px;
    }

    .bubbleBanner {
        margin: 15px 0 30px 0;
    }

    .simpleBanner {
        margin: 15px 0 15px 0;
    }

    .simplePage {
        width: 95%;
        padding: 15px;
    }

    .blockContainer {
        width: 100%;
        padding: 0 20px 0 20px;
    }

    .lastestArticle .headTitle {
        margin-top: -36px;
        padding: 12px 5px 5px 55px;
    }

    .googleMaps {
        height: 300px;
    }

    .linkActions {
        width: 180px;
        margin-bottom: 0;
    }

    .legalLink {
        display: block;
    }

    .legalLink:first-child {
        margin-bottom: 10px;
    }

    .grid1Picture {
        width: 80%;
    }

    .previewArticle img {
        display: block;

        margin-right: auto;
        margin-left: auto;
    }

    .previewText {
        display: block;

        width: 100%;
        margin: 15px 0;
    }

    .previewArticle a {
        display: block;

        width: 100%;
        margin: 0;
    }

    .resMoreArticle p {
        margin-right: 8px;
    }

    .fixArticles a {
        width: 80%;
    }

    #resto .btn {
        width: 80%;
    }

    #newProText p {
        padding: 0;
    }

    #newProText p:nth-child(odd) {
        width: 100%;
        padding: 12px 0 5px 0;
    }

    #newProText p:nth-child(even) {
        width: 100%;
    }

    #newProText p:first-child {
        padding: 0 0 5px 0;
    }

    .socialCont {
        padding: 10px 0 10px 10px;
    }

    .socialCont a {
        margin-right: 10px;
    }

    .cartPage .linkActions {
        width: 210px;
        margin-bottom: 20px;
    }

    .cartFirstLine {
        text-align: center;
    }

    .cartFirstLine p:nth-child(1), .cartFirstLine p:nth-child(5) {
        text-align: center;
    }

    .cartFirstLine p:nth-child(5) {
        display: block;

        width: 100%;
        margin-top: 8px;
    }

    .cartLine {
        text-align: center;
    }

    .deleteBtn {
        display: block;

        margin-top: 12px;
        margin-right: auto;
        margin-left: auto;
    }

    .deleteBtn a img {
        padding: 0;
    }

    #wrapper {
        margin-bottom: -271px;
    }

    footer, #wrapper:after {
        height: 271px;
    }

    .footerContainer nav {
        width: auto;
    }

    footer nav a {
        font-size: 1.3em;

        display: block;

        margin: 0;
    }

    .webwave img {
        width: 190px;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    SEARCH REF  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .searchProductContainer {
        padding: 10px;
    }

    .searchProductContainer label {
        margin: 0 0 10px 0;
        font-size: 2.2em;
    }

    .searchProductContainer input[type=text] {
        width: 62%;
    }

    .searchProductContainer input[type=submit] {
        width: 36%;
    }
}

@media (max-width: 403px) {
    #triggerOverlay {
        right: 20px;
    }

    .blockContainer {
        padding: 0 15px 0 15px;
    }

    .grid1Picture {
        width: 100%;
    }

    .lastestArticle {
        width: calc(100% - 30px);
        margin: 20px 15px 0 15px;
    }

    .resMoreArticle {
        padding: 15px;
    }

    .resMoreArticle p {
        font-size: 1.5em;

        margin-right: 15px;
    }

    .resMoreArticle .arrows div {
        width: 20px;
        height: 3px;
    }

    .resMoreArticle .arrows div:nth-child(2) {
        margin-top: 12px;
    }

    .fixArticles a {
        width: 90%;
    }

    .cartLine p:nth-child(3) {
        width: 40px;
        padding: 0;
    }

    .newProNum {
        width: 40px;
        padding: 2px 2px 2px 2px;
    }

    .cartLine p:nth-child(4), .cartLine p:nth-child(2) {
        width: 68px;
    }

    #wrapper {
        padding-bottom: 10px;
    }

    .socialCont a {
        margin-right: 22px;
        margin-bottom: 22px;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    SEARCH REF  
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    .searchProductContainer label {
        margin: 20px 0 8px 0;
        font-size: 2em;
    }

    .searchProductContainer input[type=text] {
        width: 62%;
        font-size: 1em;
        padding: 6px;
    }

    .searchProductContainer input[type=submit] {
        width: 36%;
        font-size: 1em;
        padding: 6px;
    }
}