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


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .btn-contacts {
        margin-bottom: 20px;
    }
    .catalog-item:nth-child(3n){
	margin-right: 20px;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .main-nav .logo-inner {
            display: none;
        }
        
        .main-nav .logo-inner img {
            display: none;
        }
    .main-nav ul {
        display: none;
        position: absolute;
        width: 120%;
        top: 70px;
        z-index: 10;
        background-color: #000;
    }
    .main-nav li {
        display: block;
    }
    .main-nav .active::after {
     right: 0;
        left: 0;
     bottom: 0;
     }
    .login {
        font-size: 0;
        text-align: center;
    }
    .login::before {
        opacity: 1;
}
    .appointment-form input {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .btn-contacts {
        margin-bottom: 20px;
    }
    .catalog-item:nth-child(3n){
	margin-right: 20px;
    }
}
    /* Small Devices, Tablets */
    @media only screen and (max-width: 768px) {
        .main-nav .logo-inner {
            display: none;
        }
        
        .main-nav .logo-inner img {
            display: none;
        }
        .index-content {
            background: #f8f5f2 url("../img/pattren-lay.jpg");
        }
        .index-content-left {
            margin-bottom: 40px;
        }
        .index-content-left,
        .index-content-right {
            text-align: center;
        }
        .appointment-form input {
            width: 100%;
            margin: 0;
            margin-bottom: 20px;
        }
        .appointment-form input:nth-child(2n) {
            margin-right: 20px;
        }
        .btn-contacts {
            margin-bottom: 20px;
        }
            .catalog-item:nth-child(3n){
	margin-right: 20px;
    }
    }
    /* Extra Small Devices, Phones */
    @media only screen and (max-width: 480px) {
        .main-nav .logo-inner {
            display: none;
        }
        
        .main-nav .logo-inner img {
            display: none;
        }
        .features-item p {
            font-size: 0;
        }
        .features-item {
            padding-left: 0px;
            padding-right: 0px;
        }
        .appointment-form input {
            width: 100%;
            margin: 0;
            margin-bottom: 20px;
        }
        .appointment-form input:nth-child(2n) {
            margin-right: 20px;
        }
        .btn-contacts {
            margin-bottom: 20px;
        }
        .notice {
            font-size: 0;
        }
    }
    /* 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) {}