/*Настройки Медиа Запросов*/

/***************************************/
/*Для ПК*/
/***************************************/

@media only screen and (max-width: 1400px)
{
  /*//////////////////////////////////////////////////////////////////*/
  /* Портфолио */
  /*//////////////////////////////////////////////////////////////////*/
  .foto
  {
    height: 260px;
  }
}
@media only screen and (max-width: 1195px)
{
/*//////////////////////////////////////////////////////////////////*/
/* Шапка */
/*//////////////////////////////////////////////////////////////////*/

header
{
    height: 60px;
}
header .logo
{
    height: 40px;
    margin: 0 15px 0 30px;
}
/*//////////////////////////////////////////////////////////////////*/
/*Приветствие*/
/*//////////////////////////////////////////////////////////////////*/

.salutation
{
    padding: 60px 30px 140px;
}
.salutation .logo
{
    margin: 60px 0 0;
}
.s-phone
{
    margin: 30px 0 0;
}
.salutation h2
{
    margin: 30px 0 0;
}
.salutation h4
{
    margin: 5px 0 0;
}
.salutation h6
{
    margin: 30px 0 0;
}
.btns
{
    width: 70%;
    margin: 40px 0 0;
}
/*//////////////////////////////////////////////////////////////////*/
/*Бесплатные услуги*/
/*//////////////////////////////////////////////////////////////////*/

.box
{
    position: relative;

    width: 300px;
    height: 300px;
}
.img,
.free-imgs
{
    margin: 20px 0;
}
.c-img
{
    height: 80px;
}
.d-img
{
    height: 64px;
}

.free-img
{
    height: 80px;
    margin: 0 20px;
}
.arrov-img
{
    height: 30px;
}
/*//////////////////////////////////////////////////////////////////*/
/*Заголовки*/
/*//////////////////////////////////////////////////////////////////*/

.title
{
    margin: 60px 0;

    text-align: center;
}
.slash
{
    margin: 30px 0;
}
.p-none .slash
{
    margin: 30px 0 0;
}
/*//////////////////////////////////////////////////////////////////*/
/*Прайс*/
/*//////////////////////////////////////////////////////////////////*/

.p-table
{
    width: 100%;
}


/*//////////////////////////////////////////////////////////////////*/
/*Подвал*/
/*//////////////////////////////////////////////////////////////////*/
footer .logo
{
    height: 80px;
    margin: 60px 0 20px;
}
footer p
{
    margin: 20px 0 20px;
}



}

@media only screen and (max-width: 1000px)
{
 
 /*//////////////////////////////////////////////////////////////////*/
/*Приветствие*/
/*//////////////////////////////////////////////////////////////////*/

.salutation
{
    padding: 60px 30px;
}
.salutation .logo
{
    margin: 60px 0 0;
}
.s-phone
{
    margin: 30px 0 0;
}
.salutation h2
{
    margin: 30px 0 0;
}
.salutation h4
{
    margin: 5px 0 0;
}
.salutation h6
{
    margin: 30px 0 0;
}
.btns
{
    width: 80%;
    margin: 40px 0 0;
}

/*//////////////////////////////////////////////////////////////////*/
/*Бесплатные услуги*/
/*//////////////////////////////////////////////////////////////////*/

.free
{
    bottom: 0;
}
.box
{
    width: 100%;
    height: 300px;
}

.main-box
{
    z-index: 1;
    bottom: 0;
}
.c-img
{
    height: 60px;
}
.free-img
{
    height: 60px;
    margin: 0 20px;
}
.arrov-img
{
    height: 30px;
}
.сonsultation:hover
{
    right: 0;
    bottom: 0;

    -webkit-box-shadow: 30px 30px 50px rgba(0, 0, 0, .05);
            box-shadow: 30px 30px 50px rgba(0, 0, 0, .05);
}
.departure:hover
{
    right: 0;
    bottom: 0;

    -webkit-box-shadow: -30px 30px 50px rgba(0, 0, 0, .05);
            box-shadow: -30px 30px 50px rgba(0, 0, 0, .05);
}

/*//////////////////////////////////////////////////////////////////*/
/* Портфолио */
/*//////////////////////////////////////////////////////////////////*/
.foto
{
    height: 200px;
}
.photo:hover .fa
{
    -webkit-transform: scale(1) rotate(-45deg);
        -ms-transform: scale(1) rotate(-45deg);
            transform: scale(1) rotate(-45deg);
}

}

@media only screen and (max-width: 860px)
{
/*//////////////////////////////////////////////////////////////////*/
/* Шапка */
/*//////////////////////////////////////////////////////////////////*/
.category
{
    display: none;
}
.mob
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*//////////////////////////////////////////////////////////////////*/
/*Приветствие*/
/*//////////////////////////////////////////////////////////////////*/

.btns
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    width: auto;
    margin: 0;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -ms-flex-wrap: wrap;
     -o-flex-wrap: wrap;
        flex-wrap: wrap;
}
.btn
{
    margin: 40px 0 0;
}


}

@media only screen and (max-width: 700px)
{
/*//////////////////////////////////////////////////////////////////*/
/*Приветствие*/
/*//////////////////////////////////////////////////////////////////*/
.sizes
{
    width: 100%;
    margin: 40px 0 0;
}
.size
{
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.size .icon-size
{
    margin: 0;
}
.v-size
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/*//////////////////////////////////////////////////////////////////*/
/*Бесплатные услуги*/
/*//////////////////////////////////////////////////////////////////*/

.free
{
    display: none;
}
.free-mob
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.box
{
    height: auto;
}

/*//////////////////////////////////////////////////////////////////*/
/* Портфолио */
/*//////////////////////////////////////////////////////////////////*/
.grid
{
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}
.foto
{
    height: 150px;
}
.photo:hover .fa
{
    -webkit-transform: scale(1) rotate(-45deg);
        -ms-transform: scale(1) rotate(-45deg);
            transform: scale(1) rotate(-45deg);
}


}

@media only screen and (max-width: 560px)
{

/*//////////////////////////////////////////////////////////////////*/
/* Шапка */
/*//////////////////////////////////////////////////////////////////*/

header .logo
{
    height: 40px;
    margin: 0 15px 0 10px;
}
.mob-none
{
    display: none;
}
.m-phone
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.soc-none
{
    display: block;
}
.m-menu a
{
    font-size: 16px;

    padding: 5px 0;
}
.name
{
    display: none;
}

/*//////////////////////////////////////////////////////////////////*/
/*Прайс*/
/*//////////////////////////////////////////////////////////////////*/
.cell .icon-size
{
    margin: 0 20px;
}
.f-column
{
    width: 40%;
}
.t-column
{
    width: 60%;
}
/*//////////////////////////////////////////////////////////////////*/
/* Портфолио */
/*//////////////////////////////////////////////////////////////////*/
.foto
{
    height: 150px;
}
.photo:hover .fa
{
    -webkit-transform: scale(1) rotate(-45deg);
        -ms-transform: scale(1) rotate(-45deg);
            transform: scale(1) rotate(-45deg);
}

/*//////////////////////////////////////////////////////////////////*/
/*Подвал*/
/*//////////////////////////////////////////////////////////////////*/

footer .logo
{
    height: 60px;
    margin: 60px 0 20px;
}
.f-line
{
    display: none;
}
.padding
{
    padding: 0 20px;
}
/*//////////////////////////////////////////////////////////////////*/
/*Формы*/
/*//////////////////////////////////////////////////////////////////*/
form
{
    width: 100%;
    padding: 60px 0;
}
form .title
{
    margin: 0 0 40px;
}
button
{
    width: 100%;
}

/*//////////////////////////////////////////////////////////////////*/
/*Статьи*/
/*//////////////////////////////////////////////////////////////////*/
.article
{
    width: 100%;
    padding: 0 30px 80px;
}
}


@media only screen and (max-width: 320px) 
{
 .mob-none
{
    display: none;
}
.m-phone
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.m-menu a
{
    font-size: 16px;

    padding: 5px 0;
}
.name
{
    display: none;
}
/*//////////////////////////////////////////////////////////////////*/
/*Приветствие*/
/*//////////////////////////////////////////////////////////////////*/
.salutation .logo
{
    height: 60px;
}
/*//////////////////////////////////////////////////////////////////*/
/* Портфолио */
/*//////////////////////////////////////////////////////////////////*/
.grid
{
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}
.foto
{
    height: 150px;
}
.photo:hover .fa
{
    -webkit-transform: scale(1) rotate(-45deg);
        -ms-transform: scale(1) rotate(-45deg);
            transform: scale(1) rotate(-45deg);
}

/*//////////////////////////////////////////////////////////////////*/
/*Подвал*/
/*//////////////////////////////////////////////////////////////////*/

footer .logo
{
    height: 40px;
    margin: 60px 0 20px;
}
footer h2
{
    font-size: 18px;
}
.f-line
{
    display: none;
}
.padding
{
    padding: 0 20px;
}
.f-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 10px;

    text-align: left;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.f-phone p
{
    margin: 10px 10px;
}
.f-mail p
{
    margin: 0 0 10px;
}


}