@media screen and (min-width: 1200px) {
    .slideshowMobile {
        display: none;
    }
}

@media screen and (min-width: 901px) and (max-width: 1199px) {
    .wrapper {
        height: 60vh;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .slideshowMobile {
        display: none;
    }

    .wrapper .container {
        height: 100%;
    }

    .menu .btn a {
        font-size: .8rem;
    }

    .slideshow .Lslide-content .button p {
        font-size: .7rem;
    }

    #menuAboutUs, #menuOurWorks, #menuBusinessSolutions {
        width: 66vw;
    }

    .blockImgBusinessSolutions, .blockImgAboutUs, .blockImgOurWorks {
        width: 100%;
        height: auto;
        background-position: center;
        background-size: auto 100%;
    }

    .subMenu ul li {
        line-height: 44px;
    }

    .blockMenu {
        width: 290px;
    }

    #menuAboutUs ul li a, #menuOurWorks ul li a, #menuBusinessSolutions ul li a {
        font-size: .9rem;
    }

    .blockImgBusinessSolutions, .blockImgAboutUs, .blockImgOurWorks {
        background-position: right;
    }

    .subMenu ul li:hover {
        width: 200%;
    }

    .slideshow .Lslide-content h2 {
        font-size: 2.3rem;
    }

    .slideshow .Lslide-content h2

    .menu .btn a {
        font-size: .84rem;
    }

    .slideshow {
        height: 100%;
    }

    .quickLinks {
        flex-wrap: wrap;
        height: auto;
    }

    .blockLinks {
        width: 46vw;
        height: 300px;
        margin-bottom: 20px;
    }

    .blockLinks a {
        line-height: 46px;
    }

    .blockLinks:hover {
        transform: scale(1.03);
    }

    .AC_blockTxt .AC_h3 h3 {
        font-size: 1rem;
    }

    .AC_blockTxt {
        width: 100%;
        font-size: 1.6rem;
        padding: 10px;
    }

    .line {
        display: none;
    }

    .AC_blockVideo {
        width: 100%;
    }

    .AC_block80 {
        justify-content: center;
    }

    .AC_block20 {
        margin-top: 10px;
    }

    .AC_block80 iframe {
        width: 74vw;
    }

    .aboutCompany {
        flex-direction: column-reverse;
    }

    .moreAbout {
        height: 580px;
        align-items: flex-start;
    }

    .moreRightBlock {
        align-items: flex-start;
        height: 220px;
    }

    .moreRightBlock50 {
        height: unset;
    }

    .moreAbout h1 {
        font-size: .86rem;
    }

    .moreAbout p {
        font-size: .86rem;
    }

    .moreRightBlock50Left {
        align-items: flex-start;
    }

    h1 {
        font-size: 2.6rem;
    }

    svg text {
        font-size: 6rem;
    }

    .patterns {
        margin-top: 0;
    }

    .ourWorks .ourWorksBlock {
        flex-wrap: wrap;
    }

    .nft {
        margin-bottom: 36px;
        width: 45vw;
    }

    .div100 {
        padding-top: 10px;
    }

    .sliderClients {
        margin-bottom: 50px;
    }

    .fontSize2 {
        font-size: 1.3rem;
    }

    .footerBlock30 p {
        font-size: .8rem;
    }

    .footerSubBlock {
        padding: 14px 2px;
    }

    .footer {
        padding: 26px 20px 0 20px;
    }

    .copyright {
        font-size: .7rem;
    }

    .ServicePage {
        flex-direction: column;
    }

    .serviceImg, .serviceTxt {
        width: 100%;
    }

    .serviceTxt {
        padding: 20px;
    }

    .serviceTxt p {
        margin: 10px;
    }

    .serviceTxt h1 {
        text-align: center;
        margin: 30px;
    }
}

@media screen and (min-width: 760px) and (max-width: 900px) {
    .wrapper {
        display: flex;
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .slideshowMobile {
        display: none;
    }

    .control {
        top: 43%;
    }

    .wrapper .container {
        height: 50vh;
    }

    #menuAboutUs, #menuOurWorks, #menuBusinessSolutions {
        width: 74vw;
        height: 46vh;
    }

    .blockImgBusinessSolutions, .blockImgAboutUs, .blockImgOurWorks {
        width: 100%;
        height: auto;
        background-position: center;
        background-size: auto 100%;
    }

    #menuAboutUs ul li a, #menuOurWorks ul li a, #menuBusinessSolutions ul li a {
        font-size: .8rem;
    }

    .menu a img {
        height: 80%;
    }

    .menu a.absolut {
        font-size: .8rem;
    }

    #businessSolutions span {
        display: none;
    }

    .slideshow {
        height: 50vh;
    }

    .slideshow .Lslide-content h2 {
        font-size: 1.6rem;
    }

    .control .control-top, .control .control-bottom {
        /*width: 34px;*/
        /*height: 42px;*/
    }

    .slideshow .Lslide-content .button {
        width: 176px;
    }

    .slideshow .Lslide-content .button p {
        padding: 10px 36px 10px 10px;
    }

    .quickLinks {
        flex-wrap: wrap;
        height: auto;
    }

    .blockLinks {
        width: 46vw;
        height: 290px;
        margin-bottom: 20px;
    }

    .blockLinks a {
        line-height: 46px;
    }

    .blockLinks:hover {
        transform: scale(1.03);
    }

    .AC_blockTxt .AC_h3 h3 {
        font-size: 1rem;
    }

    .AC_blockTxt {
        width: 100%;
        font-size: 1.6rem;
    }

    .line {
        display: none;
    }

    .AC_blockVideo {
        width: 100%;
    }

    .AC_block80 {
        justify-content: center;
    }

    .AC_block20 {
        margin-top: 10px;
    }

    .AC_block80 iframe {
        width: 74vw;
    }

    .aboutCompany {
        flex-direction: column-reverse;
    }

    .moreAbout {
        height: auto;
        align-items: flex-start;
        background: url(/assets/bg_moreAbout-2.jpg);
        background-repeat: no-repeat;
        background-size: auto 100% ;
        background-position: center;
    }

    .moreLeft {
        width: 33%;
    }

    .moreRight {
        width: 67%;
    }

    .moreRightBlock {
        align-items: flex-start;
        height: 220px;
    }

    .moreRightBlock50 {
        height: unset;
    }

    .moreAbout h4 {
        font-weight: bold;
    }

    .moreAbout h1 {
        font-size: .86rem;
    }

    .moreAbout p {
        font-size: .86rem;
        text-shadow: 0 0 6px black;
    }

    .item:hover {
        flex: 4;
}

    .moreRightBlock50Left {
        align-items: flex-start;
    }

    .moreRightBlock50Right {
        padding: 0;
    }

    h1 {
        font-size: 2.6rem;
    }

    .ourWorks .ourWorksHeader {
        height: 16vh;
    }

    svg text {
        font-size: 4rem;
    }

    .patterns {
        margin-top: 0;
    }

    .ourWorks .ourWorksBlock {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .nft {
        margin-bottom: 36px;
        width: 45vw;
    }

    .div100 {
        padding-top: 10px;
    }

    .sliderClients {
        margin-bottom: 50px;
    }

    .fontSize2 {
        font-size: 1.2rem;
    }

    .footerBlock30 p {
        font-size: .8rem;
    }

    .footerBlock40 {
        padding: 0;
    }

    .footerSubBlock {
        padding: 14px 2px;
    }

    .footerSubBlock img.mail {
        height: 26px;
    }

    .class32 {
        width: 32%;
    }

    .class36 {
        width: 36%;
    }

    .footer {
        padding: 26px 20px 0 20px;
    }

    form input, form textarea {
        font-size: .7rem;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    form .btn.w100 {
        width: 100%;
    }

    .rightBlock, .leftBlock {
        width: 100%;
        text-align: left;
    }

    .leftBlock {
        margin: 10px 0 0 0;
    }

    .rightBlock {
        padding-right: 76px;
    }

    .copyright {
        font-size: .7rem;
        flex-direction: column;
        padding-left: 40px;
    }

    .footerSubBlock a.social {
        margin: 0 10px 0 0;
    }

    .div110 {
        background: linear-gradient(360deg, #FF3E00 4%, #000000 100%);
    }

    .footerSubBlock img.mail {
        margin: 0 10px 0 0;
    }

    .copyright h2, .copyright a {
        margin-bottom: 10px;
    }

    a.button {
        background: rgba(0, 0, 0, 0.65);
        text-shadow: none;
    }

    a.button:hover {
        text-shadow: none;
    }

    .ServicePage {
        flex-direction: column;
    }

    .serviceImg, .serviceTxt {
        width: 100%;
    }

    .serviceTxt {
        padding: 20px;
    }

    .serviceTxt p {
        margin: 10px;
    }

    .serviceTxt h1 {
        text-align: center;
        margin: 30px;
    }

    .menu .btn a {
        text-align: center;
    }
}

@media screen and (min-width: 560px) and (max-width: 759px) {
    .wrapper {
        display: flex;
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .slideshowMobile {
        width: 100%;
        height: auto;
        display: flex;
        margin-top: 0;
        position: relative;
    }

    .diy-slideshow{
        position: relative;
        display: block;
        overflow: hidden;
    }
    figure{
        position: absolute;
        opacity: 0;
        transition: 1s opacity;
    }

    figcaption {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        font-size: 1.4rem;
        line-height: 30px;
        top: 4%;
        width: 60%;
        height: 36%;
        text-align: left;
        left: 40px;
        text-shadow: 0 0 6px rgba(255, 62, 0, 0.72);
        padding: 10px;
        color: #fff;
        background: rgba(0, 0, 0, .35);
        border-radius: 4px;
    }

    .show a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 50%;
        height: 24px;
        line-height: 24px;
        color: #FF3E00;
        background-color: rgba(255, 255, 255, 0.43);
        border-radius: 12px;
        padding: 6px 6px 6px 14px;
        font-size: .9rem;
        text-align: left;
        text-decoration: none;
        /*text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);*/
        position: absolute;
        right: 20px;
        bottom: 10%;
        transition: ease-in-out .4s;
    }

    .show a:hover {
        background-color: rgba(255, 255, 255, 0.83);
        text-shadow: 0 0 1px rgba(255, 62, 0, 0.76);
    }

    .show p {
        width: 75%;
        font-size: 1.1rem;
        line-height: 26px;
        text-align: left;
        position: absolute;
        left: 30px;
        top: 67%;
        padding-left: 20px;
        color: white;
        text-shadow: 0 0 6px rgba(9, 9, 9, 0.72);
    }

    figure.show{
        opacity: 1;
        position: static;
        transition: 1s opacity;
    }
    .next, .prev{
        color: #fff;
        position: absolute;
        background: rgba(0,0,0, .6);
        top: 50%;
        z-index: 1;
        font-size: 2em;
        margin-top: -.75em;
        opacity: .3;
        user-select: none;
    }
    .next:hover, .prev:hover{
        cursor: pointer;
        opacity: 1;
    }
    .next{
        right: 0;
        padding: 10px 5px 15px 10px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .prev{
        left: 0;
        padding: 10px 10px 15px 5px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    #wrapper {
        background-color: black;
    }

    .wrapper .container, .slideshow {
        height: 100%;
    }

    .menu, .subMenu {
        display: none;
    }

    .mobileMenu a {
        width: auto;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: ease-in-out .4s;
    }

    .mobileMenu a img {
        height: 100%;
        width: auto;
    }

    .mobileMenu .end img {
        height: 40%;
        width: auto;
        transition: ease-in-out .2s;
    }

    .slideshow .Lslide-content {
        width: 82%;
    }

    .slideshow .Lslide-content h2 {
        font-size: 1.2rem;
    }

    .slideshow .Lslide-content p {
        padding: 12px 0;
    }


    .slideshow .Lslide-content .button {
        width: 100%;
    }

    .slideshow .Lslide-content .button p {
        padding: 10px;
        font-size: .7rem;
    }

    .control {
        top: 28%;
    }

    .control .control-top, .control .control-bottom {
        width: 22px;
    }

    .control .control-bottom {
        left: -22px;
    }

    .quickLinks {
        flex-wrap: wrap;
        height: auto;
    }

    .blockLinks {
        width: 46vw;
        height: 224px;
        margin-bottom: 20px;
    }

    .blockLinks a {
        line-height: 46px;
    }

    .blockLinks:hover {
        transform: scale(1.03);
    }

    .AC_blockTxt h1 {
        font-size: 1.8rem;
    }

    .AC_blockTxt .AC_h3 h3 {
        font-size: 1rem;
    }

    .AC_blockTxt {
        width: 100%;
        font-size: 1.6rem;
        padding: 0;
    }

    .line {
        display: none;
    }

    .AC_blockVideo {
        width: 100%;
    }

    .AC_block80 {
        justify-content: center;
    }

    .AC_block20 {
        margin-top: 10px;
    }

    .AC_block80 iframe {
        width: 100%;
    }

    .aboutCompany {
        flex-direction: column-reverse;
    }

    .buttonClass {
        margin: 20px 0 40px 0;
        justify-content: center;
    }

    .moreAbout {
        display: none;
    }

    .moreAbout2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: black;
        padding: 0 20px 40px 20px;
    }

    .moreAbout2 h4 {
        font-size: 1rem;
        color: #FF3E00;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .moreAbout2 p {
        font-size: 1rem;
        color: white;
        text-transform: none;
        text-align: justify;
        margin-bottom: 20px;
        line-height: 26px;
    }

    .moreAbout2 span {
        font-weight: bold;
    }

    .more2Block {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

    .more2Line {
        width: 80%;
        height: 80px;
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .more2Block20 {
        width: 20%;
        padding: 4px;
    }

    .more2Block20 img {
        width: auto;
        height: 100%;
        margin-right: 20px;
    }

    .more2Block80 {
        width: 80%;
        padding: 4px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .more2Block80 h1 {
        width: 100%;
        text-align: left;
        font-size: 1.6rem;
        margin-left: 20px;
    }

    .moreAbout2 .more2Block p {
        margin: 0 12%;
    }

    .item:hover {
        flex: 4;
    }

    .moreRightBlock50Left {
        align-items: flex-start;
    }

    .moreRightBlock50Right {
        padding: 0;
    }

    h1 {
        font-size: 2.6rem;
    }

    .ourWorks .ourWorksHeader {
        height: 16vh;
    }

    svg text {
        font-size: 4rem;
    }

    .patterns {
        margin-top: 0;
    }

    .ourWorks .ourWorksBlock {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .nft {
        margin-bottom: 36px;
        width: 80vw;
    }

    .div100 {
        padding-top: 10px;
    }

    .sliderClients {
        margin-bottom: 50px;
    }

    .fontSize2 {
        font-size: 1.2rem;
    }

    .footerBlock30 {
        padding: 10px 0 0 0;
    }

    .footerBlock30 p {
        font-size: .9rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .footerBlock40 {
        padding: 0;
    }

    .footerSubBlock {
        justify-content: center;
        padding: 18px 2px 0 2px;
    }

    .footerSubBlock img.mail {
        height: 26px;
    }

    .class32 {
        width: 100%;
    }

    .class36 {
        width: 100%;
    }

    .none {
        display: none;
    }

    .footer {
        flex-direction: column;
        padding: 26px 20px 0 20px;
    }

    form {
        width: 82%;
        border: 1px solid rgba(245, 245, 245, 0.18);
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 25px;
    }

    form input, form textarea {
        font-size: .7rem;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    form .btn.w100 {
        width: 100%;
    }

    .rightBlock, .leftBlock {
        width: 100%;
        text-align: left;
    }

    .leftBlock {
        margin: 10px 0 0 0;
    }

    .rightBlock {
        padding-right: 0;s
    }

    .copyright {
        height: auto;
        justify-content: center;
        font-size: .7rem;
        flex-direction: column;
        padding: 0 80px;
    }

    .copyright h2 {
        text-align: center;
        line-height: 20px;
    }

    .copyright a.grey {
        color: #777777;
    }

    .copyright a.grey:hover {
        color: white;
    }

    .footerSubBlock a.social {
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .div110 {
        background: linear-gradient(360deg, #FF3E00 4%, #000000 100%);
        height: 60px;
    }

    .footerSubBlock img.mail {
        margin: 0 10px 0 0;
    }

    .copyright h2, .copyright a {
        margin-bottom: 10px;
    }

    a.button {
        background: rgba(0, 0, 0, 0.65);
        text-shadow: none;
    }

    a.button:hover {
        text-shadow: none;
    }

    .mt20 {
        margin-top: 20px;
    }

    .slideshow .slideshow-right .Rslide img {
        width: auto;
        height: 100%;
    }

    .mobileMenu {
        display: flex;
        width: 100%;
        height: 70px;
        background-color: black;
        box-shadow: 0 0 18px 1px #FF3E00;
        z-index: 200;
    }

    .mobileMenu .start {
        display: flex;
        width: 50%;
        justify-content: flex-start;
        align-items: center;
        margin-left: 20px;
    }

    .mobileMenu .end {
        display: flex;
        width: 50%;
        justify-content: flex-end;
        align-items: center;
        margin-right: 20px;
    }

    #mainMobile {
        width: 100%;
        height: calc(100vh - 70px);
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 150;
        position: fixed;
        bottom: 0;
        left: 0;
        padding-top: 70px;
        padding-bottom: 40px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        animation-name: slideFromTop;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
    }

    .faq {
        width: 96%;
        margin: 0 auto;
        overflow-y: scroll;
    }

    .ServicePage {
        flex-direction: column;
    }

    .serviceImg, .serviceTxt {
        width: 100%;
    }

    .serviceTxt {
        padding: 20px;
    }

    .serviceTxt p {
        margin: 10px;
    }

    .serviceTxt h1 {
        text-align: center;
        margin: 30px;
    }

}

@media screen and (min-width: 481px) and (max-width: 559px) {
    .mainContainer {
        background-color: black;
    }

    .wrapper {
        height: auto;
        margin-top: 70px;
        display: none;
    }

    #wrapper {
        background-color: black;
    }

    .wrapper .container, .slideshow {
        height: 100%;
    }

    .slideshowMobile {
        width: 100%;
        height: auto;
        display: flex;
        margin-top: 70px;
        position: relative;
    }

    .diy-slideshow{
        position: relative;
        display: block;
        overflow: hidden;
    }
    figure{
        position: absolute;
        opacity: 0;
        transition: 1s opacity;
    }

    figcaption {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: absolute;
        font-size: 1.4rem;
        line-height: 30px;
        top: 4%;
        width: 60%;
        height: 24%;
        text-align: left;
        left: 40px;
        text-shadow: 0 0 6px rgba(255, 62, 0, 0.72);
        padding: 10px;
        color: #fff;
        background: rgba(0, 0, 0, .35);
        border-radius: 4px;
    }

    .show a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 50%;
        height: 24px;
        line-height: 24px;
        color: #FF3E00;
        background-color: rgba(255, 255, 255, 0.43);
        border-radius: 12px;
        padding: 6px 6px 6px 14px;
        font-size: .9rem;
        text-align: left;
        text-decoration: none;
        /*text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);*/
        position: absolute;
        right: 20px;
        bottom: 10%;
        transition: ease-in-out .4s;
    }

    .show a:hover {
        background-color: rgba(255, 255, 255, 0.83);
        text-shadow: 0 0 1px rgba(255, 62, 0, 0.76);
    }

    .show p {
        width: 75%;
        font-size: 1.1rem;
        line-height: 26px;
        text-align: left;
        position: absolute;
        left: 30px;
        top: 67%;
        padding-left: 20px;
        color: white;
        text-shadow: 0 0 6px rgba(9, 9, 9, 0.72);
    }

    figure.show{
        opacity: 1;
        position: static;
        transition: 1s opacity;
    }
    .next, .prev{
        color: #fff;
        position: absolute;
        background: rgba(0,0,0, .6);
        top: 50%;
        z-index: 1;
        font-size: 2em;
        margin-top: -.75em;
        opacity: .3;
        user-select: none;
    }
    .next:hover, .prev:hover{
        cursor: pointer;
        opacity: 1;
    }
    .next{
        right: 0;
        padding: 10px 5px 15px 10px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .prev{
        left: 0;
        padding: 10px 10px 15px 5px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .menu, .subMenu {
        display: none;
    }

    .mobileMenu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;
        background-color: black;
        box-shadow: 0 0 18px 1px #FF3E00;
        z-index: 200;
        position: fixed;
        top: 0;
    }

    .mobileMenu .start {
        width: 50%;
        height: 100%;
        padding-left: 20px;
    }

    .mobileMenu .end {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
    }

    .mobileMenu a {
        width: auto;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        transition: ease-in-out .4s;
    }

    .mobileMenu a img {
        height: 100%;
        width: auto;
    }

    .mobileMenu .end img {
        height: 40%;
        width: auto;
        transition: ease-in-out .2s;
    }

    .mobileMenu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;
        background-color: black;
        box-shadow: 0 0 18px 1px #FF3E00;
        z-index: 200;
        position: fixed;
        top: 0;
    }

    #mainMobile {
        width: 100%;
        height: calc(100vh - 70px);
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 150;
        position: fixed;
        bottom: 0;
        left: 0;
        padding-top: 70px;
        padding-bottom: 40px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        animation-name: slideFromTop;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
    }

    .faq {
        width: 96%;
        margin: 0 auto;
        overflow-y: scroll;
    }

    .slideshow .Lslide-content {
        width: 82%;
    }

    .slideshow .Lslide-content h2 {
        font-size: 1.06rem;
        line-height: 20px;
    }

    .AC_blockTxt p {
        line-height: 20px;
    }

    .slideshow .Lslide-content p {
        padding: 12px 0;
        font-size: .8rem;
    }


    .slideshow .Lslide-content .button {
        width: 94%;
    }

    .slideshow .Lslide-content .button p {
        padding: 10px;
        font-size: .6rem;
    }

    .control {
        top: 28%;
    }

    .control .control-top, .control .control-bottom {
        width: 16px;
        height: 30px;
    }

    .control .control-bottom {
        left: -16px;
    }

    .quickLinks {
        flex-wrap: wrap;
        height: auto;
    }

    .blockLinks {
        width: 46vw;
        height: 190px;
        margin-bottom: 20px;
    }

    .blockLinks a {
        line-height: 32px;
        font-size: .9rem;
    }

    .blockLinks:hover {
        transform: scale(1.03);
    }

    .AC_blockTxt h1 {
        font-size: 1.6rem;
        text-align: center;
    }

    .AC_blockTxt .AC_h3 h3 {
        font-size: .9rem;
    }

    .AC_blockTxt {
        width: 100%;
        font-size: 1.6rem;
        padding: 0;
    }

    .line {
        display: none;
    }

    .AC_blockVideo {
        width: 100%;
    }

    .AC_block80 {
        justify-content: center;
    }

    .AC_block20 {
        margin-top: 10px;
    }

    .AC_block20 h1 {
        font-size: .8rem;
    }

    .AC_block80 iframe {
        width: 100%;
    }

    .aboutCompany {
        flex-direction: column-reverse;
    }

    .buttonClass {
        margin: 20px 0 40px 0;
        justify-content: center;
    }

    .moreAbout {
        display: none;
    }

    .moreAbout2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: black;
        padding: 0 20px 40px 20px;
    }

    .moreAbout2 h4 {
        font-size: 1rem;
        color: #FF3E00;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .moreAbout2 p {
        font-size: 1rem;
        color: white;
        text-transform: none;
        text-align: justify;
        margin-bottom: 20px;
        line-height: 20px;
    }

    .moreAbout2 span {
        font-weight: bold;
    }

    .more2Block {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

    .more2Line {
        width: 80%;
        height: 80px;
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .more2Block20 {
        width: 20%;
        padding: 4px;
    }

    .more2Block20 img {
        width: 100%;
        height: auto;
        margin-right: 20px;
    }

    .more2Block80 {
        width: 80%;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .more2Block80 h1 {
        width: 100%;
        text-align: left;
        font-size: 1.2rem;
        margin-left: 20px;
        margin-bottom: 0;
    }

    .moreAbout2 .more2Block p {
        margin: 0 12%;
    }

    .item:hover {
        flex: 4;
    }

    .moreRightBlock50Left {
        align-items: flex-start;
    }

    .moreRightBlock50Right {
        padding: 0;
    }

    h1 {
        font-size: 2rem;
    }

    .gallery-wrap, .gallery-wrap-2 {
        height: 16vh;
    }

    .item:hover {
        flex: 6;
        z-index: 100;
        height: 30vh;
        box-shadow: 0 0 10px #FF3E00;
        border: 4px solid #FF3E00;
    }

    .ourWorks .ourWorksHeader {
        height: 11vh;
    }

    svg text {
        font-size: 3rem;
    }

    .patterns {
        margin-top: 0;
    }

    .ourWorks .ourWorksBlock {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .nft {
        margin-bottom: 36px;
        width: 80vw;
    }

    .div100 {
        padding-top: 10px;
    }

    .sliderClients {
        height: 20vh;
        margin-bottom: 50px;
    }

    .ourPartners h1 {
        margin: 30px 0 20px 0;
    }

    .fontSize2 {
        font-size: 1.2rem;
    }

    .footerBlock30 {
        padding: 10px 0 0 0;
    }

    .footerBlock30 p {
        font-size: .8rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .footerBlock40 {
        padding: 0;
    }

    .footerSubBlock {
        justify-content: center;
        padding: 18px 2px 0 2px;
    }

    .footerSubBlock img.mail {
        height: 26px;
    }

    .footerSubBlock img {
        width: 40%;
    }

    .class32 {
        width: 100%;
    }

    .class36 {
        width: 100%;
    }

    .none {
        display: none;
    }

    .footer {
        flex-direction: column;
        padding: 26px 20px 0 20px;
    }

    form {
        width: 82%;
        border: 1px solid rgba(245, 245, 245, 0.18);
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 25px;
    }

    form input, form textarea {
        font-size: .7rem;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    form .btn.w100 {
        width: 100%;
    }

    .rightBlock, .leftBlock {
        width: 100%;
        text-align: left;
    }

    .leftBlock {
        margin: 10px 0 0 0;
    }

    .rightBlock {
        padding-right: 0;s
    }

    .hide481-559 {
        display: none;
    }

    .copyright {
        height: auto;
        justify-content: center;
        font-size: .7rem;
        flex-direction: column;
        padding: 0 80px;
    }

    .copyright h2 {
        text-align: center;
        line-height: 20px;
    }

    .copyright a.grey {
        color: #777777;
    }

    .copyright a.grey:hover {
        color: white;
    }

    .footerSubBlock a.social {
        margin: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }

    .div110 {
        background: linear-gradient(360deg, #FF3E00 4%, #000000 100%);
        height: 60px;
    }

    .footerSubBlock img.mail {
        margin: 0 10px 0 0;
    }

    .copyright h2, .copyright a {
        margin-bottom: 10px;
    }

    a.button {
        background: rgba(0, 0, 0, 0.65);
        text-shadow: none;
    }

    a.button:hover {
        text-shadow: none;
    }

    .mt20 {
        margin-top: 20px;
    }

    .mobileMenu .end img {
        height: 40%;
        width: auto;
        transition: ease-in-out .2s;
    }

    .mobileMenu .start {
        display: flex;
        justify-content: flex-start;
        width: 50%;
        height: 100%;
        padding-left: 20px;
    }

    .ServicePage {
        flex-direction: column;
    }

    .serviceImg, .serviceTxt {
        width: 100%;
    }

    .serviceTxt {
        padding: 20px;
    }

    .serviceTxt p {
        margin: 10px;
    }

    .serviceTxt h1 {
        text-align: center;
        margin: 30px;
    }

}

@media screen and (min-width: 370px) and (max-width: 480px) {
    .wrapper {
        height: 21vh;
        margin-top: 70px;
        display: none;
    }

    #wrapper {
        background-color: black;
    }

    .wrapper .container, .slideshow {
        height: 100%;
    }

    .menu, .subMenu {
        display: none;
    }

    .mobileMenu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;
        background-color: black;
        box-shadow: 0 0 18px 1px #FF3E00;
        z-index: 300;
        position: fixed;
        top: 0;
    }

    .mobileMenu .start {
        width: 50%;
        height: 100%;
        padding-left: 20px;
    }

    .mobileMenu .end {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
    }

    .mobileMenu a {
        width: auto;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transition: ease-in-out .4s;
    }

    .mobileMenu a img {
        height: 100%;
        width: auto;
    }

    .mobileMenu .end img {
        height: 40%;
        width: auto;
        transition: ease-in-out .2s;
    }

    .mobileMenu .end img:hover {
        cursor: pointer;
    }

    .classname {
        animation-name: mobile;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    @keyframes mobile {
        0% {
            transform: rotateY(30deg);
        }

        50% {
            transform: rotateY(60deg);
        }

        100% {
            transform: rotateY(90deg);
        }
    }

    .classname2 {
        animation-name: mobile2;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    @keyframes mobile2 {
        0% {
            transform: rotate(30deg);
        }

        50% {
            transform: rotate(60deg);
        }

        100% {
            transform: rotate(90deg);
        }
    }

    .appearClose {
        animation-name: mobile3;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    @keyframes mobile3 {
        0% {
            transform: rotateY(90deg);
        }

        50% {
            transform: rotateY(60deg);
        }

        100% {
            transform: rotateY(30deg);
        }
    }

    .mobileMenu .end img:active {
        cursor: pointer;
        animation-name: mobile;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    #mainMobile {
        width: 100%;
        height: calc(100vh - 70px);
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 150;
        position: fixed;
        bottom: 0;
        left: 0;
        margin-top: 70px;
        padding-bottom: 40px;
        overflow: hidden;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        animation-name: slideFromTop;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
    }

    .faq {
        overflow-y: scroll;
    }

    @keyframes slideFromTop {
        0% {
            bottom: calc(100vh - 70px);
        }
        100% {
            bottom: 0;
        }
    }

    #mainMobile.closed2 {
        animation-name: closeAnime;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
    }

    @keyframes closeAnime {
        0% {
            bottom: 0;
        }
        100% {
            bottom: calc(100vh - 70px);
        }
    }

    .slideshow .Lslide-content {
        width: 90%;
    }

    .slideshow .Lslide-content h2 {
        font-size: .7rem;
        line-height: 16px;
    }

    .AC_blockTxt p {
        line-height: 20px;
    }

    .slideshow .Lslide-content p {
        padding: 10px 0;
        font-size: .6rem;
    }


    .slideshow .Lslide-content .button {
        width: 91%;
    }

    .slideshow .Lslide-content .button p {
        padding: 5px 3px;
        font-size: .5rem;
    }

    .control {
        top: 22%;
    }

    .control .control-top, .control .control-bottom {
        width: 14px;
        height: 20px;
    }

    .control .control-bottom {
        left: -14px;
    }

    .quickLinks {
        flex-wrap: wrap;
        height: auto;
    }

    .blockLinks {
        width: 43vw;
        height: 146px;
        margin-bottom: 20px;
    }

    .blockLinks a {
        line-height: 32px;
        font-size: .65rem;
    }

    .blockLinks:hover {
        transform: scale(1.03);
    }

    .AC_blockTxt h1 {
        font-size: 1.4rem;
        text-align: center;
    }

    .AC_h3 {
        height: 50px;
    }

    .AC_blockTxt .AC_h3 h3 {
        font-size: .8rem;
    }

    .AC_blockTxt {
        width: 100%;
        font-size: 1.6rem;
        padding: 0;
    }

    .line {
        display: none;
    }

    .AC_blockVideo {
        width: 100%;
        padding: 0;
    }

    .AC_block80 {
        justify-content: center;
        height: auto;
    }

    .AC_block20 {
        height: 50px;
        margin-top: 10px;
    }

    .AC_block20 h1 {
        font-size: .8rem;
        line-height: 26px;
        text-align: right;
    }

    .AC_block80 iframe {
        width: 100%;
        height: 30vh;
    }

    .aboutCompany {
        flex-direction: column;
    }

    .buttonClass {
        margin: 20px 0 40px 0;
        justify-content: center;
    }

    .moreAbout {
        display: none;
    }

    .moreAbout2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        background-color: black;
        padding: 0 20px 40px 20px;
    }

    .moreAbout2 h4 {
        font-size: 1rem;
        color: #FF3E00;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .moreAbout2 p {
        font-size: .96rem;
        color: white;
        text-transform: none;
        text-align: justify;
        margin-bottom: 20px;
        line-height: 20px;
    }

    .moreAbout2 span {
        font-weight: bold;
    }

    .more2Block {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

    .more2Line {
        width: 90%;
        height: 80px;
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .more2Block20 {
        width: 20%;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .more2Block20 img {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

    .more2Block80 {
        width: 80%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .more2Block80 h1 {
        width: 100%;
        text-align: left;
        font-size: 1.2rem;
        margin-left: 20px;
        margin-bottom: 0;
    }

    .moreAbout2 .more2Block p {
        margin: 0 7%;
    }

    .item:hover {
        flex: 4;
    }

    .moreRightBlock50Left {
        align-items: flex-start;
    }

    .moreRightBlock50Right {
        padding: 0;
    }

    h1 {
        font-size: 1.6rem;
    }

    .gallery-wrap, .gallery-wrap-2 {
        height: 16vh;
    }

    .item:hover {
        flex: 6;
        z-index: 100;
        height: 30vh;
        box-shadow: 0 0 10px #FF3E00;
        border: 4px solid #FF3E00;
    }

    .ourWorks .ourWorksHeader {
        height: 11vh;
    }

    svg text {
        font-size: 2rem;
    }

    .patterns {
        margin-top: 0;
    }

    .ourWorks .ourWorksBlock {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .nft .main {
        height: 46vh;
    }

    .nft {
        margin-bottom: 36px;
        width: 80vw;
    }

    .div100 {
        padding-top: 10px;
    }

    .sliderClients {
        height: 20vh;
        margin-bottom: 50px;
    }

    .ourPartners h1 {
        margin: 30px 0 20px 0;
    }

    .fontSize2 {
        font-size: 1.2rem;
    }

    .footerBlock30 {
        padding: 10px 0 0 0;
    }

    .footerBlock30 p {
        font-size: .8rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .footerBlock40 {
        padding: 0;
    }

    .footerSubBlock {
        justify-content: center;
        padding: 18px 2px 0 2px;
    }

    .footerSubBlock img.mail {
        height: 26px;
    }

    .footerSubBlock img {
        width: 40%;
    }

    .class32 {
        width: 100%;
    }

    .class36 {
        width: 100%;
    }

    .none {
        display: none;
    }

    .footer {
        flex-direction: column;
        padding: 26px 20px 0 20px;
    }

    form {
        width: 82%;
        border: 1px solid rgba(245, 245, 245, 0.18);
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 25px;
    }

    form input, form textarea {
        font-size: .7rem;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    form .btn.w100 {
        width: 100%;
    }

    .rightBlock, .leftBlock {
        width: 100%;
        text-align: left;
    }

    .leftBlock {
        margin: 10px 0 0 0;
    }

    .rightBlock {
        padding-right: 0;s
    }

    .hide481-559 {
        display: none;
    }

    .copyright {
        height: auto;
        font-size: .7rem;
        flex-direction: column;
        padding: 0 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .copyright h2 {
        text-align: center;
        line-height: 20px;
        font-size: .7rem;
    }

    .copyright a.grey {
        color: #777777;
    }

    .copyright a.grey:hover {
        color: white;
    }

    .footerSubBlock a.social {
        margin: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }

    .div110 {
        background: linear-gradient(360deg, #FF3E00 4%, #000000 100%);
        height: 80px;
    }

    .footerSubBlock img.mail {
        margin: 0 10px 0 0;
    }

    .copyright h2, .copyright a {
        margin-bottom: 10px;
    }

    a.button {
        background: rgba(0, 0, 0, 0.65);
        text-shadow: none;
    }

    a.button:hover {
        text-shadow: none;
    }

    .mt20 {
        margin-top: 20px;
    }

    /* ---------------------------------------------- slideshow Mobile */
    .slideshowMobile {
        width: 100%;
        height: 255px;
        display: flex;
        margin-top: 70px;
        position: relative;
    }

    .diy-slideshow{
        position: relative;
        display: block;
        overflow: hidden;
    }
    figure{
        position: absolute;
        opacity: 0;
        transition: 1s opacity;
    }

    figcaption {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: absolute;
        font-size: 1.2rem;
        line-height: 26px;
        top: 4%;
        width: 60%;
        height: 46%;
        text-align: left;
        left: 40px;
        text-shadow: 0 0 6px rgba(255, 62, 0, 0.72);
        padding: 10px;
        color: #fff;
        background: rgba(0, 0, 0, .35);
        border-radius: 4px;
    }

    .show a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 50%;
        height: 24px;
        line-height: 24px;
        color: #FF3E00;
        background-color: rgba(255, 255, 255, 0.43);
        border-radius: 12px;
        padding: 6px 6px 6px 14px;
        font-size: .7rem;
        text-align: left;
        text-decoration: none;
        /*text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);*/
        position: absolute;
        right: 20px;
        bottom: 20px;
        transition: ease-in-out .4s;
    }

    .show a:hover {
        background-color: rgba(255, 255, 255, 0.83);
        text-shadow: 0 0 1px rgba(255, 62, 0, 0.76);
    }

    .show p {
        width: 60%;
        font-size: .9rem;
        line-height: 20px;
        text-align: left;
        position: absolute;
        left: 30px;
        top: 60%;
        padding-left: 20px;
        color: white;
        text-shadow: 0 0 6px rgba(9, 9, 9, 0.72);
    }

    figure.show{
        opacity: 1;
        position: static;
        transition: 1s opacity;
    }

    .diy-slideshow figure {
        width: 100%;
        height: auto;
    }

    .diy-slideshow figure img {
        width: 100%;
        height: auto;
    }

    .next, .prev{
        color: #fff;
        position: absolute;
        background: rgba(0,0,0, .6);
        top: 50%;
        z-index: 1;
        font-size: 2em;
        margin-top: -.75em;
        opacity: .3;
        user-select: none;
    }
    .next:hover, .prev:hover{
        cursor: pointer;
        opacity: 1;
    }
    .next{
        right: 0;
        padding: 10px 5px 15px 10px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .prev{
        left: 0;
        padding: 10px 10px 15px 5px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .ServicePage {
        flex-direction: column;
    }

    .serviceImg, .serviceTxt {
        width: 100%;
    }

    .serviceTxt {
        padding: 0;
    }

    .serviceTxt p {
        margin: 10px;
    }

    .serviceTxt h1 {
        text-align: center;
        margin: 30px;
    }

    .wrapper {
        height: auto;
        margin-top: 0;
        display: flex;
    }

    .slideshowMobile {
        width: 100%;
        height: auto;
        display: flex;
        position: relative;
    }
}

@media screen and (min-width: 320px) and (max-width: 369px) {
    .wrapper {
        height: auto;
        margin-top: 70px;
        display: flex;
    }

    #wrapper {
        display: flex;
        width: 100%;
        height: auto;
        flex-direction: column;
    }

    .wrapper .container, .slideshow {
        height: 100%;
        display: unset;
    }

    .menu, .subMenu {
        display: none;
    }

    .slideshowMobile {
        display: flex;
        width: 100%;
        height: auto;
    }

    .mobileMenu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 70px;
        background-color: black;
        box-shadow: 0 0 18px 1px #FF3E00;
        z-index: 200;
        position: fixed;
        top: 0;
    }

    .mobileMenu .start {
        width: 50%;
        height: 100%;
        padding-left: 20px;
    }

    .mobileMenu .end {
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
    }

    .mobileMenu a {
        width: auto;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        transition: ease-in-out .4s;
    }

    .mobileMenu a img {
        height: 100%;
        width: auto;
    }

    .mobileMenu .end img {
        height: 40%;
        width: auto;
        transition: ease-in-out .2s;
    }

    .mobileMenu .end img:hover {
        cursor: pointer;
    }

    .classname {
        animation-name: mobile;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    @keyframes mobile {
        0% {
            transform: rotateY(30deg);
        }

        50% {
            transform: rotateY(60deg);
        }

        100% {
            transform: rotateY(90deg);
        }
    }

    .classname2 {
        animation-name: mobile2;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    @keyframes mobile2 {
        0% {
            transform: rotate(30deg);
        }

        50% {
            transform: rotate(60deg);
        }

        100% {
            transform: rotate(90deg);
        }
    }

    .appearClose {
        animation-name: mobile3;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    @keyframes mobile3 {
        0% {
            transform: rotateY(90deg);
        }

        50% {
            transform: rotateY(60deg);
        }

        100% {
            transform: rotateY(30deg);
        }
    }

    .mobileMenu .end img:active {
        cursor: pointer;
        animation-name: mobile;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-delay: .3s;
    }

    #mainMobile {
        width: 100%;
        height: calc(100vh - 70px);
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 150;
        position: fixed;
        top: 70px;
        left: 0;
        padding-top: 70px;
        padding-bottom: 40px;
        overflow: hidden;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        animation-name: slideFromTop;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
    }

    @keyframes slideFromTop {
        0% {
            bottom: calc(100vh - 70px);
        }
        100% {
            bottom: 0;
            top: 70px;
        }
    }

    #mainMobile.closed2 {
        animation-name: closeAnime;
        animation-duration: 1.5s;
        animation-iteration-count: 1;
    }

    @keyframes closeAnime {
        0% {
            bottom: 0;
        }
        100% {
            bottom: calc(100vh - 70px);
        }
    }

    .faq {
        overflow-y: scroll;
    }

    .slideshow .Lslide-content {
        width: 82%;
    }

    .slideshow .Lslide-content h2 {
        font-size: .7rem;
        line-height: 16px;
    }

    .AC_blockTxt p {
        line-height: 20px;
        font-size: .96rem;
    }

    .slideshow .Lslide-content p {
        padding: 12px 0;
        font-size: .65rem;
    }


    .slideshow .Lslide-content .button {
        width: 94%;
    }

    .slideshow .Lslide-content .button p {
        padding: 4px;
        font-size: .45rem;
    }

    .control {
        top: 21%;
    }

    .control .control-top, .control .control-bottom {
        width: 14px;
        height: 20px;
    }

    .control .control-bottom {
        left: -14px;
    }

    .quickLinks {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: auto;
    }

    .blockLinks {
        width: 42vw;
        height: 130px;
        margin: 6px;
    }

    .blockLinks a {
        line-height: 32px;
        font-size: .5rem;
    }

    .blockLinks:hover {
        transform: scale(1.03);
    }

    .AC_blockTxt h1 {
        font-size: 1.3rem;
        text-align: center;
    }

    .AC_h3 {
        height: 50px;
        align-items: center;
        justify-content: center;
    }

    .AC_blockTxt .AC_h3 h3 {
        font-size: .8rem;
        padding-left: 0;
    }

    .AC_blockTxt {
        width: 100%;
        font-size: 1.6rem;
        padding: 0;
    }

    .line {
        display: none;
    }

    .AC_blockVideo {
        width: 100%;
        padding: 0;
    }

    .AC_block80 {
        justify-content: center;
        height: auto;
    }

    .AC_block20 {
        margin-top: 0;
        height: 50px;
        padding-right: 10px;
    }

    .AC_block20 h1 {
        font-size: .8rem;
        line-height: 26px;
        text-align: right;
    }

    .AC_block80 iframe {
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }

    .aboutCompany {
        flex-direction: column;
    }

    .buttonClass {
        margin: 20px 0 40px 0;
        justify-content: center;
        width: 70%;
    }

    .moreAbout {
        display: none;
    }

    .moreAbout2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: black;
        padding: 0 20px 40px 20px;
    }

    .moreAbout2 h4 {
        font-size: 1rem;
        color: #FF3E00;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .moreAbout2 p {
        font-size: .96rem;
        color: white;
        text-transform: none;
        text-align: justify;
        margin-bottom: 20px;
        line-height: 20px;
    }

    .moreAbout2 span {
        font-weight: bold;
    }

    .more2Block {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-direction: column;
    }

    .more2Line {
        width: 90%;
        height: 80px;
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .more2Block20 {
        width: 20%;
        padding: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .more2Block20 img {
        width: auto;
        height: 65%;
        margin-right: 20px;
    }

    .more2Block80 {
        width: 80%;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .more2Block80 h1 {
        width: 100%;
        text-align: left;
        font-size: 1.1rem;
        margin-left: 20px;
        margin-bottom: 0;
    }

    .moreAbout2 .more2Block p {
        margin: 0 7%;
    }

    .item:hover {
        flex: 4;
    }

    .moreRightBlock50Left {
        align-items: flex-start;
    }

    .moreRightBlock50Right {
        padding: 0;
    }

    h1 {
        font-size: 1.6rem;
    }

    .gallery-wrap, .gallery-wrap-2 {
        height: 16vh;
    }

    .item:hover {
        flex: 6;
        z-index: 100;
        height: 20vh;
        box-shadow: 0 0 10px #FF3E00;
        border: 4px solid #FF3E00;
    }

    .ourWorks .ourWorksHeader {
        height: 11vh;
    }

    svg text {
        font-size: 1.8rem;
    }

    .patterns {
        margin-top: 0;
    }

    .ourWorks .ourWorksBlock {
        flex-wrap: wrap;
        margin-top: 24px;
    }

    .nft {
        margin-bottom: 36px;
        width: 80vw;
    }

    .nft .main {
        height: 45vh;
    }

    .div100 {
        padding-top: 10px;
    }

    .sliderClients {
        height: 20vh;
        margin-bottom: 50px;
    }

    .ourPartners h1 {
        margin: 30px 0 20px 0;
    }

    .fontSize2 {
        font-size: 1.2rem;
    }

    .footerBlock30 {
        padding: 10px 0 0 0;
    }

    .footerBlock30 p {
        font-size: .8rem;
        text-align: center;
        margin-bottom: 10px;
    }

    .footerBlock40 {
        padding: 0;
    }

    .footerSubBlock {
        justify-content: center;
        padding: 18px 2px 0 2px;
    }

    .footerSubBlock img.mail {
        height: 26px;
    }

    .footerSubBlock img {
        width: 40%;
    }

    .class32 {
        width: 100%;
    }

    .class36 {
        width: 100%;
    }

    .none {
        display: none;
    }

    .footer {
        flex-direction: column;
        padding: 26px 20px 0 20px;
    }

    form {
        width: 82%;
        border: 1px solid rgba(245, 245, 245, 0.18);
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 25px;
    }

    form input, form textarea {
        font-size: .7rem;
        width: 100%;
        padding: 10px 0 10px 0;
    }

    form .btn.w100 {
        width: 100%;
    }

    .rightBlock, .leftBlock {
        width: 100%;
        text-align: left;
    }

    .leftBlock {
        margin: 10px 0 0 0;
    }

    .rightBlock {
        padding-right: 0;
        s
    }

    .hide481-559 {
        display: none;
    }

    .copyright {
        height: auto;
        justify-content: center;
        font-size: .7rem;
        flex-direction: column;
        padding: 0 10px;
    }

    .copyright h2 {
        text-align: center;
        line-height: 20px;
        font-size: .7rem;
    }

    .copyright a.grey {
        color: #777777;
    }

    .copyright a.grey:hover {
        color: white;
    }

    .footerSubBlock a.social {
        margin: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 24px;
    }

    .div110 {
        background: linear-gradient(360deg, #FF3E00 4%, #000000 100%);
        height: 80px;
    }

    .footerSubBlock img.mail {
        margin: 0 10px 0 0;
    }

    .copyright h2, .copyright a {
        margin-bottom: 10px;
    }

    a.button {
        background: rgba(0, 0, 0, 0.65);
        text-shadow: none;
        text-align: center;
    }

    a.button:hover {
        text-shadow: none;
    }

    .mt20 {
        margin-top: 4px;
    }

    /* ---------------------------------------------- slideshow Mobile */
    .slideshowMobile {
        width: 100%;
        height: 230px;
        display: flex;
        position: relative;
    }

    .diy-slideshow{
        position: relative;
        display: block;
        overflow: hidden;
    }
    figure{
        position: absolute;
        opacity: 0;
        transition: 1s opacity;
    }

    figcaption {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: absolute;
        font-size: 1rem;
        line-height: 26px;
        top: 4%;
        width: 60%;
        height: 42%;
        text-align: left;
        left: 40px;
        text-shadow: 0 0 6px rgba(255, 62, 0, 0.72);
        padding: 10px;
        color: #fff;
        background: rgba(0, 0, 0, .35);
        border-radius: 4px;
    }

    .show a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 50%;
        height: 24px;
        line-height: 24px;
        color: #FF3E00;
        background-color: rgba(255, 255, 255, 0.43);
        border-radius: 12px;
        padding: 6px 6px 6px 14px;
        font-size: .7rem;
        text-align: left;
        text-decoration: none;
        /*text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);*/
        position: absolute;
        right: 20px;
        bottom: 20px;
        transition: ease-in-out .4s;
    }

    .show a:hover {
        background-color: rgba(255, 255, 255, 0.83);
        text-shadow: 0 0 1px rgba(255, 62, 0, 0.76);
    }

    .show p {
        width: 60%;
        font-size: .9rem;
        line-height: 20px;
        text-align: left;
        position: absolute;
        left: 30px;
        top: 54%;
        padding-left: 20px;
        color: white;
        text-shadow: 0 0 6px rgba(9, 9, 9, 0.72);
    }

    figure.show{
        opacity: 1;
        position: static;
        transition: 1s opacity;
    }
    .next, .prev{
        color: #fff;
        position: absolute;
        background: rgba(0,0,0, .6);
        top: 50%;
        z-index: 1;
        font-size: 2em;
        margin-top: -.75em;
        opacity: .3;
        user-select: none;
    }
    .next:hover, .prev:hover{
        cursor: pointer;
        opacity: 1;
    }
    .next{
        right: 0;
        padding: 10px 5px 15px 10px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .prev{
        left: 0;
        padding: 10px 10px 15px 5px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .ServicePage {
        flex-direction: column;
    }

    .serviceImg, .serviceTxt {
        width: 100%;
    }

    .serviceTxt {
        padding: 0;
    }

    .serviceTxt p {
        margin: 10px;
    }

    .serviceTxt h1 {
        text-align: center;
        margin: 30px;
    }
}