/*
 *
 * RWD Crafting 
 *
 * */

@media (max-width: 1200px) {
    .box-md .dtc.image-box {
        height: 100%;
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .image-box-1 .titles h2,
    h2,
    #personal-shopper h2,
    .arrow-red-text {
        font-size: 36px;
    }
    .box-md,
    .box-md img {
        height: 285px;
    }
    #personal-shopper.image-box img {
        height: 290px;
    }
}

@media (min-width: 1000px) and (max-width: 1025px) {
    .box-md,
    .box-md img {
        height: 208px;
    }
    .news .image-box img {
        max-width: 540px;
        max-height: 500px;
    }
    
    #news .image-box.news-box3 img{
         width: 565px;
    }
}

@media (max-width: 1000px) {
    .image-box .pt-60 {
        padding-top: 60px;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {
    .red-gradient {
        height: 435px;
    }
    .contactPage .red-gradient.gradient-small p {
        padding-left: 80px;
        font-size: 14px;
    }
    .navbar-inverse ul li:hover {
        background: #eb1f27 !important;
    }
    .navbar-inverse ul li:hover a {
        background: #eb1f27 !important;
    }
    .navbar-inverse .navbar-nav > .active,
    .navbar-inverse .navbar-nav > .active:focus {
        background: #080808
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-md,
    .box-md img {
        height: 225px;
    }
    #personal-shopper.image-box img {
        height: 206px;
    }
}


/*
 * 
 * *** 768px ***
 *
 */

@media (width: 768px) {
    .tiles {
        margin-bottom: 40px;
    }
    #personal-shopper {
        overflow: hidden;
        height: 272px;
    }
    #personal-shopper img {
        height: initial !important;
        width: auto;
    }
    .navbar-inverse.navbar .container {
        padding-left: 15px;
    }
    #w0 .navbar-header {
        height: 145px;
    }
    #w2 {
        margin-right: -1;
    }
    #w2 .navbar-header {
        display: none;
    }
    .newsletter {
        display: block;
        border: 1px solid #dedede;
        background: white;
        height: 70px;
        width: 100%;
        border-radius: 0px;
    }
    .field-newsletter-email {
        padding: 0px;
    }
    .red-gradient {
        height: 350px;
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #231f20 26%, #eb1f27 26%) repeat scroll 0 0;
    }
    .navbar-default .navbar-brand {
        margin: 0 auto;
        display: block;
        width: 72px;
    }
    .navbar-header {
        margin-right: 0px;
        background: #fff;
    }
    ul.upper-nav {
        /*display: block;*/
        padding-right: 15px;
    }
    ul.upper-nav li a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .searchbox {
        padding-left: 0px;
        margin-top: 20px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block
    }
    #w0-collapse {
        display: none;
    }
    .std-title {
        margin-top: 0px;
    }
    .red-gradient p {
        margin: 10px 10px;
    }
    .red-gradient .more {
        bottom: 15px;
    }
    footer {
        border-top: 0px;
    }
    footer div {
        text-align: center;
    }
    .fotter-copy img {
        margin: 0 auto;
        display: block;
    }
    .fotter-copy div.visible-xs:nth-child(3) {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .page-top-in,
    .navbar-inverse .navbar-toggle {
        z-index: 9999999;
    }
    .red-gradient {
        height: 350px;
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #231f20 29%, #eb1f27 29%) repeat scroll 0 0;
    }
    .red-gradient .more {
        bottom: 40px;
    }
    .red-gradient {
        height: 290px;
    }
    .news .image-box img:not(.front-image-box) {
        max-width:425px;
        max-height: 300px;
    }
    
    .dtc.text-center.image-box.center-all img{
        max-height: 187px;
    }
    
    #k_left .box-md{
        height: 187px;
    }
    
    .news-text-box {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pr5 {
        padding-right: 0px;
    }
    .tiles {
        padding-left: 5px;
    }
}


/*
 * 
 * *** // 768px ***
 *
 */

@media (max-width: 767px) {
    #gmap0-map-canvas {
        margin: 0 auto;
    }
    .navbar-header {
        margin-right: 0px;
    }
    .navbar-brand img {
        margin: 0 auto;
        display: block;
    }
    html,
    body {
        overflow-x: hidden;
    }
    #facebook {
        margin-right: 0px;
    }
    .navigation-arrows .arrow-left::after {
        height: 40px;
    }
    .image-box-1 .titles p,
    .image-box-1 .titles h2,
    .image-box-1 .titles h3 {
        padding-left: 15px;
    }
    .std-content h2 {
        margin-left: 15px
    }
    .tiles {
        padding-left: 15px;
    }
    .std-title {
        margin-top: 0px;
    }
    .red-gradient p {
        margin: 10px 10px;
    }
    .red-gradient .more {
        bottom: 15px;
    }
    footer {
        border-top: 0px;
    }
    footer div {
        text-align: center;
    }
    .fotter-copy img {
        margin: 0 auto;
        display: block;
    }
    .fotter-copy div.visible-xs:nth-child(3) {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }
    .page-top-in,
    .navbar-inverse .navbar-toggle {
        z-index: 9999999;
    }
    .red-gradient {
        height: 350px;
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #231f20 29%, #eb1f27 29%) repeat scroll 0 0;
    }
    .red-gradient .more {
        bottom: 20px;
    }
    .red-gradient {
        height: 260px;
    }
    .image-box img {
        max-height: 300px;
    }
    .news-text-box {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .red-gradient {
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #231f20 28%, #eb1f27 28%) repeat scroll 0 0;
        height: 280px;
    }
    .red-gradient.small-gradient {
        height: 122px
    }
    .red-gradient p {
        padding-left: 30%;
        font-size: 16px;
    }
    .red-gradient .more {
        background-position: 95% 50%;
        padding-right: 30px;
        background-color: #000;
        line-height: 34px;
        padding-left: 15px;
        border: 1px solid #fff;
    }
    .red-gradient .more {
        bottom: 49px;
    }
    .red-gradient {
        height: 280px;
    }
    .contactPage .red-gradient {
        height: 160px;
    }
    .menu-left {
        margin-bottom: 30px;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .tiles img {
        max-height: 415px;
    }
}

@media (min-width: 376px) and (max-width: 767px) {
    #newsletter-email {
        width: 82%;
        float: right
    }
}

@media (min-width: 728px) {
    .navbar-inverse ul li.forBusiness {
        display: none;
    }
}

@media (max-width: 499px) {
    .box-md {
        height: initial;
    }
    .autobus,
    .tramwaj,
    .samochod,
    .kontakt,
    .dla-najemcow,
    .dla-reklamodawcow,
    .callendar {
        height: 100%;
        width: 13%;
        background-size: contain;
    }
}

@media (max-width: 375px) {
    #newsletter-email {
        width: 100%;
        float: right
    }
}

@media screen and (min-width: 1200px) {
    #jewlery {
        height: 368px;
        overflow: hidden;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #jewlery {
        height: 289px;
    }
    .arrow-red-text {
        font-size: 22px;
        bottom: 100px;
    }
}

@media (width: 768px){
    .navbar-inverse.navbar .container {
        padding-left: 0px;
    }
    #news .image-box.news-box3 img{
        width: 455px;
        height: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #jewlery {
        height: 223px;
    }
    .arrow-red-text {
        font-size: 20px;
        bottom: 80px;
        width: 180px;
    }
    .container{
        width:auto;
    }
}

@media screen and (min-width: 768px) {
    #jewlery img {
        height: 100%;
        width: auto;
    }
    #jewlery {
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    #jewlery {
        overflow: hidden;
    }
}

@media screen and (max-width: 500px) {
    .arrow-red-text {
        width: 120px;
        bottom: 12px;
        height: 108px;
    }
}