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


  .page {
    font-size: 16px;
  }


  /*header*/

  .header {

  }
  .header__logo-block{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .header__logo {
    margin: 20px auto;
  }

  .header__contact-block{
    margin: 0 auto;
  }



  /*start*/
  .start{
  }
  .start__title-block{
    width: 100%;
    transform: translateY(70px);
  }

  .start__desc {
    padding: 0.9em 1em;
  }
  .start__wrapper {
    width: 100%;
  }
  .start__container {
    width: 100%;
  }


/*our site */


  .our-site__item {
    padding: 2em 0;
  }
  .our-site__img-block {
    margin: 0 auto;
    width: 100%;
    margin: 0 15px;
  }
  .our-site__img-block:nth-child(2) {
    margin: 0 15px;
  }
  .our-site__img {
    width: 100%;
    height: auto;
  }
  .our-site__info-block {
    margin: 0 auto;
    text-align: center;
    padding: 0 1em;
  }
  .our-site__caption {
    display: block;
    padding: 2em 0;
  }
  .our-site__line2 {
    transform: translateX(0px);
  }

  .our-site__btn:nth-child(2) {
    margin-top: 15px;
  }


  /*footer*/

  .footer__logo-block {
    margin: 0 auto;
  }
  .footer__contact-block{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2em 0;
    margin: 0 auto;
  }
  .footer__mail-site {
    width: 100%;
    padding: 0 0 1em 0;
    text-align: center;
  }
  .footer__mail-link {
    text-align: center;
    margin: 0 1em;
  }
  .footer__our-contact{
    width: 100%;
    text-align: center;
  }
  .footer__caption {
    padding: 1em 0;
  }
  .footer__telephone {
    margin: 0 .5em;
  }
  .footer__our-mail {
    margin: 0 .5em;
  }



}

@media only screen and (min-width: 321px) and (max-width: 767px) {
  .page {
    font-size: 16px;
  }


  /*header*/

  .header {

  }
  .header__logo-block{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .header__logo {
    margin: 20px auto;
  }

  .header__contact-block{
    margin: 0 auto;
  }



  /*start*/
  .start{
  }
  .start__title-block{
    width: 100%;
    transform: translateY(40px);
  }

  .start__desc {
    padding: 0.9em 1em;
  }
  .start__wrapper {
    width: 100%;
  }
  .start__container {
    width: 100%;
  }


/*our site */


  .our-site__item {
    padding: 2em 0;
  }
  .our-site__img-block {
    margin: 0 auto;
  }
  .our-site__img-block:nth-child(2) {
    margin: 0 auto;
  }
  .our-site__info-block {
    margin: 0 auto;
    text-align: center;
    padding: 0 1em;
  }
  .our-site__caption {
    display: block;
    padding: 2em 0;
  }
  .our-site__line2 {
    transform: translateX(0px);
  }
  .our-site__desc {
    padding: 0 0 15px 0;
  }
  .our-site__btn{
    margin-top: 15px;
  }
  .our-site__btn:nth-child(2) {
    margin-top: 15px;
  }

  /*footer*/

  .footer__logo-block {
    margin: 0 auto;
  }
  .footer__contact-block{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2em 0;
    margin: 0 auto;
  }
  .footer__mail-site {
    width: 100%;
    padding: 0 0 1em 0;
    text-align: center;
  }
  .footer__mail-link {
    text-align: center;
    margin: 0 1em;
  }
  .footer__our-contact{
    width: 100%;
    text-align: center;
  }
  .footer__caption {
    padding: 1em 0;
  }
  .footer__telephone {
    margin: 0 .5em;
  }
  .footer__our-mail {
    margin: 0 .5em;
  }

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {


  .page {
    font-size: 16px;
  }


  /*header*/





  /*start*/
  /*.start{
  }
  .start__title-block{
    width: 100%;
  }
  .start__caption{
  }
  .start__desc {
    padding: 0.9em 8em;
  }
  .start__wrapper {
    width: 100%;
  }
  .start__container {
    width: 100%;
  }*/


/*our site */


  .our-site__item {
    width: 100%;
  }
  .our-site__img-block {
    width: 47%;
    padding: 0 15px;

  }
  .our-site__img-block:nth-child(2) {
    margin: 0;
  }
  .our-site__img {
    width: 100%;
  }
  .our-site__info-block {
    width: 47%
  }
  .our-site__caption {
    display: block;
    padding: 2em 0;
  }
  .footer__contact-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .our-site__line2 {
    transform: translateX(0px);
  }

  .our-site__btn:nth-child(2) {
    margin-top: 15px;
  }

  /*footer*/

  .footer__logo-block {
    margin: 0 auto;
  }
  .footer__contact-block{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2em 0;
    margin: 0 auto;
  }
  .footer__mail-site {
    width: 100%;
    padding: 0 0 1em 0;
    text-align: center;
  }
  .footer__mail-link {
    text-align: center;
    margin: 0 1em;
  }
  .footer__our-contact{
    width: 100%;
    text-align: center;
  }
  .footer__caption {
    padding: 1em 0;
  }
  .footer__telephone {
    margin: 0 .5em;
  }
  .footer__our-mail {
    margin: 0 .5em;
  }




}
@media only screen and (min-width: 1023px) and (max-width: 1024px) {


  .page {
    font-size: 16px;
  }


  /*header*/





  /*start*/
  /*.start{
  }
  .start__title-block{
    width: 100%;
  }
  .start__caption{
  }
  .start__desc {
    padding: 0.9em 8em;
  }
  .start__wrapper {
    width: 100%;
  }
  .start__container {
    width: 100%;
  }*/


/*our site */


  .our-site__item {
    width: 100%;
  }
  .our-site__img-block {
    width: 47%;
    padding: 0 15px;

  }
  .our-site__img-block:nth-child(2) {
    margin: 0;
  }
  .our-site__img {
    width: 100%;
  }
  .our-site__info-block {
    width: 47%
  }
  .our-site__caption {
    display: block;
    padding: 2em 0;
  }
  .footer__contact-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  .our-site__line2 {
    transform: translateX(0px);
  }

  .our-site__btn:nth-child(2) {
    margin-top: 15px;
  }

  /*footer*/

  .footer__logo-block {
    margin: 0 auto;
  }
  .footer__contact-block{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2em 0;
    margin: 0 auto;
  }
  .footer__mail-site {
    width: 100%;
    padding: 0 0 1em 0;
    text-align: center;
  }
  .footer__mail-link {
    text-align: center;
    margin: 0 1em;
  }
  .footer__our-contact{
    width: 100%;
    text-align: center;
  }
  .footer__caption {
    padding: 1em 0;
  }
  .footer__telephone {
    margin: 0 .5em;
  }
  .footer__our-mail {
    margin: 0 .5em;
  }





}

@media only screen and (min-width: 1024px) and (max-width: 1224px) {

}​

@media only screen and (min-width: 1225px) {



}​