/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .sitename {
        float: right;
        width: calc(100% - 60px);
        margin: 10px 0px;
    }

    .contacts {
        width: 100%;
        float: left;
    }

    .phone {
        font-size: 36px;
        width: 100%;
        float: left;
        text-align: center;
    }

    .email {
        text-align: center;
        width: 100%;
    }

    .main-banner {
        padding: 0px 10px;
        background: none;
        margin-bottom: 0px;
    }

    h1 {
        font-size: 34px;
        text-align: center;
    }

    .main-banner .banner-item {
        width: 100%;
        text-align: left;
    }

    .catalog {
        width: 100%;
        padding: 0px;
    }

    #form {
        width: 100%;
        margin: 0px;
        left: 0px;
    }

    #form .col-xs-4,
    #form .col-xs-12 {
        width: 100%;
        padding: 0px;
    }

    #form .form-submit {
        width: 100%;
        margin: 15px 0px 0px;
        text-align: center;
    }

    .warehouse {
        padding: 0px 30px;
    }

    .warehouse-slide {
        padding: 0px;
    }

    .slick-arrow.nextarrow {
        right: -15px;
    }

    .slick-arrow.prevarrow {
        left: -15px;
    }

    .footer-container {
        padding: 15px 7px;
    }

    .footer-right {
        float: left;
        width: 100%;
        text-align: center;
    }

    .footer-left {
        text-align: left;
        width: 100%;
        font-size: 14px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}