@media screen and (min-width: 1920px) {
}
@media screen and (max-width: 1919px) {
}
@media screen and (max-width: 1439px) {
}
@media screen and (max-width: 1279px) {
}
@media screen and (max-width: 1023px) {
    .xWrapperHeader .menu {
        display:none;
        position:fixed;
        right:-320px;
        top:90px;
        bottom:0;
        height:auto;
        width:320px;
        max-width:100%;
        background:#02306c;
        overflow:auto;
        z-index:20;
        padding:20px;
    }
    .xWrapperHeader.xWrapperHeaderToggled .menu {
        display:block;
        right:0;
        top:90px;
        box-shadow:0 0 20px 0 rgba(0,0,0,0.5);
    }
    .xWrapperHeader .menu>li {
        display:block;
        padding:10px 0;
        border-bottom:solid 1px rgba(255,255,255,0.1);
    }
    .xWrapperHeader .menu>li:last-of-type {
        border-bottom:none;
    }
    .xWrapperHeader .menu>li::before,
    .xWrapperHeader .menu>li::after,
    .xWrapperHeader .menu>li>a::before,
    .xWrapperHeader .menu>li>a::after {
        display:none;
    }
    .xWrapperHeader .menuToggler {
        display:block;
        width:30px;
        height:30px;
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-15px;
        cursor:pointer;
        text-align:center;
        color:#fff;
        font-family:FontAwesome;
        line-height:30px;
        font-size:30px;
    }
    .xWrapperHeader .menuToggler::before {
        content:"\f0c9";
    }
    .xWrapperHeader.xWrapperHeaderToggled .menuToggler::before {
        content:"\f00d";
    }
    .xWrapperWelcome .xInner {
        padding-top:75px;
        padding-bottom:75px;
    }
    .xWrapperTitle .xInner {
        right:50px;
        left:0;
        padding:24px;
        width:auto;
        background:#02306c;
    }
    .xWrapperTitle::before {
        display:none;
    }
    .xGallery.xGalleryC4 { grid-template-columns:repeat(3,1fr); }
    .xGallery.xGalleryC5 { grid-template-columns:repeat(3,1fr); }
    .xGallery.xGalleryC4>.item { min-width:calc( ( 100% - 60px ) / 3 ); }
    .xGallery.xGalleryC5>.item { min-width:calc( ( 100% - 60px ) / 3 ); }
}
@media screen and (max-width: 767px) {
    .xWrapperWelcome .xInner {
        padding-top:50px;
        padding-bottom:50px;
    }
    .xWrapperWelcome .name {
        font-size:30px;
        line-height:36px;
        margin-bottom:30px;
    }
    .xWrapperWelcome .title {
        font-size:24px;
        line-height:30px;
    }
    .xWrapperTitle {
        height:auto;
        width:100%;
    }
    .xWrapperTitle .xInner {
        position:static;
        width:100%;
    }
    .xWrapperAbout .xInner {
        padding-top:30px;
        padding-bottom:30px;
    }
    .xWrapperAbout .xInner>.description {
        width:100%;
        float:left;
        clear:both;
        margin-bottom:30px;
    }
    .xWrapperAbout .xInner>.picture {
        width:100%;
        float:left;
        clear:both;
        margin-bottom:30px;
    }
    .xWrapperHowto .xInner {
        padding-top:40px;
        padding-bottom:40px;
    }
    .xWrapperHowto .xInner>ul {
        display:block;
        padding:0;
        margin-bottom:30px;
    }
    .xWrapperHowto .xInner>ul>li {
        margin-top:115px;
        padding:20px;
    }
    .xWrapperSteps .xInner {
        padding:40px 0;
        text-align:left;
    }
    .xWrapperSteps .xInner>ul>li {
        display:block;
        padding:0 0 0 84px;
        height:auto;
        min-height:64px;
        margin-bottom:40px;
    }
    .xWrapperSteps .xInner>ul>li:last-of-type {
        margin-bottom:0;
    }
    .xWrapperSteps .xInner>ul>li>.index {
        left:0;
        top:0;
        margin:0;
    }
    .xWrapperSteps .xInner>ul>li>.index::before {
        display:none;
    }
    .xWrapperSteps .xInner>ul>li>.title,
    .xWrapperSteps .xInner>ul>li>.description {
        max-height:none;
        text-align:left;
        padding:5px 0;
    }
    .xWrapperTerms .xInner {
        padding-top:30px;
        padding-bottom:30px;
        text-align:left;
    }
    .xWrapperTerms .xInner>ul {
        display:block;
    }
    .xWrapperTerms .xInner>ul>li {
        margin-bottom:20px;
    }
    .xWrapperTerms .xInner>ul>li:last-of-type {
        margin-bottom:0;
    }
    .xWrapperTerms .xInner>ul>li::after {
        display:none !important;
    }
    .xWrapperOrder {
        padding-top:30px;
        padding-bottom:30px;
    }
    .xWrapperOrder .xInner>.description {
        width:100%;
        float:left;
        clear:both;
        margin-bottom:40px;
    }
    .xWrapperOrder .xInner>.content {
        width:100%;
        float:left;
        clear:both;
    }
    .xWrapperInfo .xInner {
        padding:30px 0;
    }
    .xWrapperInfo .xInner>div {
        width:100%;
        float:left;
        clear:both !important;
        padding:0 !important;
    }
    .xWrapperFooter .xInner { padding:20px 0; }
    .xWrapperFooter .items {
        display:block;
        width:100%;
    }
    .xWrapperFooter .items>.item {
        display:block;
        float:left;
        margin:10px;
    }
    .xWrapperFooter .items>.item.itemText {
        width:100%;
        clear:both;
    }
    .xGallery.xGalleryC3 { grid-template-columns:repeat(2,1fr); }
    .xGallery.xGalleryC4 { grid-template-columns:repeat(2,1fr); }
    .xGallery.xGalleryC5 { grid-template-columns:repeat(2,1fr); }
    .xGallery.xGalleryC3>.item { min-width:calc( ( 100% - 30px ) / 2 ); }
    .xGallery.xGalleryC4>.item { min-width:calc( ( 100% - 30px ) / 2 ); }
    .xGallery.xGalleryC5>.item { min-width:calc( ( 100% - 30px ) / 2 ); }
}
@media screen and (max-width: 479px) {
    .xGallery.xGalleryC2 { grid-template-columns:repeat(1,1fr); }
    .xGallery.xGalleryC3 { grid-template-columns:repeat(1,1fr); }
    .xGallery.xGalleryC4 { grid-template-columns:repeat(1,1fr); }
    .xGallery.xGalleryC5 { grid-template-columns:repeat(1,1fr); }
    .xGallery.xGalleryC2>.item { min-width:100%; }
    .xGallery.xGalleryC3>.item { min-width:100%; }
    .xGallery.xGalleryC4>.item { min-width:100%; }
    .xGallery.xGalleryC5>.item { min-width:100%; }
    .xGallery.xGalleryC1>.item {
        padding:25px;
        background:#f6f6f6;
    }
    .xGallery.xGalleryC1>.item>.picture {
        width:calc( 100% + 50px );
        margin:-25px 0 0 -25px;
        float:none;
        top:0;
    }
    .xGallery.xGalleryC1>.item>.picture + * { margin-top:20px; }
}
@media screen and (max-width: 319px) {
}