@charset "UTF-8";
@media screen and (max-width: 1112px) {
/*header*/
.header {width:90%;}
/*portfolio*/
[class^='portfolio__list'] {width:90%;}

}

@media screen and (max-width: 1024px) {
/*mobile menu*/
.header__toggle {display:block;}
.header__nav {display:none}
.portfolio__nav {display:none;}
.spnav {display:block;}
.spnav.active {z-index:10000;}
/*news*/
.news__content {width:88%;}
}


@media screen and (max-width: 834px) {
/*news*/
.news__content {padding:80px 70px;}


}



@media screen and (max-width: 768px) {
/*footer*/
.gotop {display:none!important; opacity:0!important}
/*about*/
.about__image {width:88%;}
.about__content {width:86%;}
/*news*/
.news__content {padding-bottom:40px;}
.news__botton--next:hover:before {left:0px;}
.news__botton--next:hover:after {left:-4px;}
.news__botton--prev:hover:before {right:0px;}
.news__botton--prev:hover:after {right:-4px;}
/*not fount*/
.notfound {padding-top:35%;}

}


@media screen and (max-width: 700px) {
/*portfolio single*/
.related {width:80%;}
.related__list--single,
.related__list--double {width:100%}
[class^='related__item'] {width:80%; margin:0 auto 4%;}
.related__more {padding:30px 0 70px;}
.related__more:after {left:0; width:100%;}
}


@media screen and (max-width: 620px) {
/*header*/
.header__title {line-height:90px;}
.header__toggle {top:21px;}
/*index*/
.index__botton {right:5%; bottom:35px; width:210px; padding:11px 13px 10px 10px;}
.index__botton span {font-size:130%;}
.index__botton span.short {letter-spacing:2px;}
.index__botton span.veryshort {letter-spacing:1px;}
.index__botton:before {right:8px; bottom:15px; width:16px;}
.index__botton:after {right:6px; bottom:21px;}
/*portfolio single*/
.portfolio__content {width:90%; padding:0 0 50px;}
.portfolio__cancel {display:none;}
.portfolio__photo img {padding-bottom:40px;}
.portfolio__title {letter-spacing:3px;}
.portfolio__detail {width:90%;}
.portfolio__detail div:nth-of-type(1) {padding-top:40px;}
.related {width:90%;}

}


@media screen and (max-width: 560px) {
/*common*/
.article {padding-top:0;}
.article.about,
.article.news,
.article.portfolio {padding-bottom:0px;}
/*about*/
.about__title strong {padding:0 0 7px; letter-spacing:4px;}
.about__caption {padding:7px 0 20px; letter-spacing:2px;}
[class^='about__text'] {padding-top:30px;}
.about__lead {padding-top:40px;}
.about__text--under-title {padding-top:0;}
.history__space {display:block;}
/*news*/
.news__text {padding-top:30px;}
.news__content {padding:60px 20px 20px 40px;}
.news__nav {padding-top:70px;}
.news__botton--next,
.news__botton--prev {font-size:0; text-indent:-9999px;}
/*portfolio*/
.portfolio__item:nth-of-type(3n) {margin-right:4%;}
.portfolio__item {width:48%; margin-right:4%; margin-bottom:4%;}
.portfolio__item:nth-of-type(2n) {margin-right:0;}


}


@media screen and (max-width: 480px) {
/*header*/
.header.index {height:80px;}
.header__title {letter-spacing:4px;}
.header__toggle {right:15px;}
/*footer*/
.footer__text {letter-spacing:1px;}
/*index*/
.index__more {padding-bottom:0;}
.index__more a span {letter-spacing:2px;}
/*news*/
.news__content {width:92%; padding-left:30px;}
.news__title {font-size:160%;}
.news__title:before {top:11px;}
a.page-numbers:before {display:none;}
/*portfolio*/
.related__item:hover,
.portfolio__item:hover {filter:none;}
.portfolio__item:hover .portfolio__thumbnail,
.related__item:hover .related__thumbnail {transform:none;}
.related__botton span {letter-spacing:3px;}
/*not fount*/
.notfound {padding-top:45%;}



}