@media (max-width: 320px){
    html {
        font-size: 10px !important;
    }

    .nivoSlider {
        height: 187px;
    }
}

@media (max-width: 375px){
    html {
        font-size: 10px !important;
    }

    .page-title h1 {
        font-size: 13px;
    }
}

@media (max-width: 425px){
    html {
        font-size: 10px !important;
    }

    .nivoSlider {
        height: 224px;
    }

    .page-title h1 {
        font-size: 15px;
    }
}

@media screen and (max-width: 500px) {
    #header .navbar-default .navbar-brand {
        margin-left: 20%;
        transform: translateX(-50%);
    }

    .slick-dots li + li + li + li {
        display: none;
    }

    .page-title h1 {
        font-size: 16px;
    }
}

@media (max-width: 640px){
    html {
        font-size: 10px !important;
    }

    .header_top_right {
         display: none;
     }

    .slick-dots li + li + li + li + li {
        display: none;
    }

    .page-title h1 {
        font-size: 17px;
    }
}

@media (max-width: 768px){
    html {
        font-size: 11px !important;
    }

    .posts .carts-area .cart {
        min-width: 200px;
        flex-basis: 100%;
        padding: 10px;
        margin: 1%;
    }

    .nivoSlider {
        height: 292px;
    }

    .page-title h1 {
        font-size: 20px;
    }
}

@media (max-width: 1024px){
    html {
        font-size: 12px !important;
    }
}

@media (max-width: 1105px) and (min-width: 768px) {
    #header .navbar-header {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #header .main-menu {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    #header .main-menu > ul > li {
        padding: 15px 0;
        font-size: 1.6vw;
    }

    #header .main-menu > ul > li > a {
        padding: 10px 1vw;
        font-size: 1.6vw;
    }
}

@media (max-width: 1200px){
    html {
        font-size: 13px !important;
    }
}

@media (max-width: 1440px){
    html {
        font-size: 14px !important;
    }
}