/*------------------------------------------------------------------
# Responsive
-------------------------------------------------------------------**/
/*------------------------------------------------------------------
# Custom
-------------------------------------------------------------------**/

@media only screen and (max-width:300px){
    h1.big-title.big-title-home{
        font-size: 2.6rem!important;
        line-height: 3rem!important;
        letter-spacing: -1px!important;
    }
    h2.big-title.big-title-home{
        font-size: 2.6rem!important;
        line-height: 3rem!important;
        letter-spacing: -1px!important;
    }
}

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

    .padding-tb-xs {
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .list-servizi-related {
        line-height: 40px;
    }
    
    .text-h3 {
        font-size: 25px;
        line-height: 35px;
        letter-spacing: -1.2px;
    }
    .list-align-right li{
        text-align: left;
    }
    h1.big-title {
        letter-spacing: 0;
    }
    .copyright-text {
        width: 100%;
    }
    .hello-heading {
        padding-left: 0%;
    }
    .alioth-works.column_3 .aw-works-sizer, .alioth-works.column_3 .aw-project {
        width: 100%;
    }
    .alioth-works.column_3 .aw-project {
        margin-bottom: 40px;
    }


    .alioth-clients.column-5 .a-client, .alioth-clients.column-4 .a-client, .alioth-clients.column-3 .a-client, .alioth-clients.column-2 .a-client, .alioth-clients.column-1 .a-client {
        width: 100%!important;
    }
    
    .a-client {
        margin-bottom: 20px;
    }
    
    .btn-next-prev {
        font-size: 25px!important;
        line-height: 30px;
        font-weight: 700;
        letter-spacing: -0.06em;
    }
    .prev-project-wrap .prev::after, .next-project-wrap .next::before {
        font-size: 30px!important;
    }
    .box-next, .box-prev{
        justify-content: center;
    }
    .next-project, .prev-project {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .padding-tb-80 {
        padding: 0;
    }

    .alioth-image-carousel {
        height: 500px;
    }
    .alioth-image-carousel .ai-wrapper{
        height: 100%;
        position: relative
    }
    .alioth-image-carousel .ai-wrapper .carousel-case{
        height: 100%;
        position: relative
    }
    .alioth-image-carousel .ai-wrapper .carousel-case .image{
        height: 100%;
        position: relative
    }

    .wrapper {
        max-width: 90%;
        margin-bottom: 25px;
    }

    .wrapper-small {
        max-width: 90%;
        margin-bottom: 25px;
    }

    .wrapper-full {
        margin-bottom: 100px;
    }

    .c-col-1,
    .c-col-2,
    .c-col-3,
    .c-col-4,
    .c-col-5,
    .c-col-6,
    .c-col-7,
    .c-col-8,
    .c-col-9,
    .c-col-10,
    .c-col-11,
    .c-col-12 {
        width: 100%;
        margin-bottom: 35px;
    }

    .fit-col {
        margin: 0;
    }
    .wrapper {
        max-width: 90%;
    }

    .wrapper-small {
        max-width: 90%;
    }
    .menu-servizi{
        display: none;
    }
    h1.big-title.big-title-home {
        font-size: 3rem!important;
        line-height: 4rem!important;
        letter-spacing: -1px!important;
    }
    h2.big-title.big-title-home {
        font-size: 3rem!important;
        line-height: 4rem!important;
        letter-spacing: -1px!important;
    }

    .page-title h1.big-title {
        margin-bottom: 20px;
        margin-top: 0;
        line-height: 71px;
        font-size: 72px;

    }

    .project-title h1.big-title {
        font-size: 50px!important;
        line-height: 65px!important;
    }
}

@media only screen and (min-width: 576px) {
    .sm-padding-left {
        padding-left: 40px;
    }
    .sm-padding-right {
        padding-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-toggle {
        left: unset;
        right: 0;
    }
    .header-cta-but {
        display: none;
    }
    h1.big-title.big-title-home {
        font-size: 5.5rem;
        line-height: 8rem;
        letter-spacing: -1.56px;
    }
    h2.big-title.big-title-home {
        font-size: 5.5rem;
        line-height: 8rem;
        letter-spacing: -1.56px;
    }
    .site-navigation.fullscreen .menu.main-menu > li.menu-item {
        font-size: 30px;
        line-height: 50px;
    }
    .project-meta.meta-summary {
        width: 100%;
    }
    .project-meta.project-cats {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .wrapper {
        max-width: 90%;
    }

    .wrapper-small {
        max-width: 88%;
    }
}

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

    .project-title h1.big-title {
        margin: 0;
        display: block;
        font-size: 75px;
        line-height: 100px;
    }

    .menu-servizi{
        display: none!important;
    }
    .menu-widget-right {
        display: none;
    }

    h1.big-title.big-title-home {
        font-size: 6.5rem;
        line-height: 10rem;
        letter-spacing: -1.56px;
    }
    h2.big-title.big-title-home {
        font-size: 6.5rem;
        line-height: 10rem;
        letter-spacing: -1.56px;
    }

    .alioth-clients.column-4 .a-client {
        width: 50%;
    }

    .project-meta.meta-summary {
        width: 100%;
    }

    .project-meta.project-cats {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    .wrapper {
        max-width: 1014px;
    }
    .wrapper-small {
        max-width: 790px;
    }
    .menu-servizi{
        display: inline-flex;
    }

}

@media only screen and (min-width:1200px){
    .split-2 p{
    -moz-column-count: 2;
       -moz-column-gap: 30px;
       -webkit-column-count: 2;
       -webkit-column-gap: 30px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 1199px){
    .site-navigation.fullscreen ul.ulcol {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .site-navigation.fullscreen ul ul li {
        font-size: 25px;
        line-height: 47px;
    }

    /* .site-navigation.fullscreen .menu.main-menu {
        bottom: 0%;
    } */

    .site-navigation.fullscreen .menu.main-menu .menu-item .sub-menu{
        top:5%;
    }

 .project-meta.meta-summary {
        width: 100%;
    }
    .project-meta.project-cats {
        width: 100%;
    }


}

@media only screen and (min-width: 1200px) {
    .wrapper {
        max-width: 1274px;
    }

    .wrapper-small {
        max-width: 950px;
    }

}

@media only screen and (min-width: 1600px) {
    .wrapper {
        max-width: 1500px;
    }

    .wrapper-small {
        max-width: 1200px;
    }

}

@media only screen and (min-width:800px) and (max-width: 900px) {
    .site-navigation.fullscreen ul ul li {
        font-size: 25px;
        line-height: 40px;

    }
}

@media only screen and (min-width:1199px) and (max-width: 1650px) {
    .site-navigation.fullscreen ul ul li {
        font-size: 30px;
        line-height: 40px;

    }
}



/*------------------------------------------------------------------
## Phone
-------------------------------------------------------------------**/

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

.d-sm-block{
    display:block;
}

.d-sm-none{
    display:none;
}

.project-page-header.style_1 {
    margin-bottom: 50px;
}

/* Custom */
    .menu-widget-right, .menu-widget-left {
    display: none;
    }

    h2 {
        font-size: 30px;
        line-height: 45px;
    }

    h3 {
        font-size: 25px;
        line-height: 40px;
    }
/* ---------- */


    html,
    body {
        overflow-x: hidden
    }

    .hide_mobile {
        display: none
    }

    .hide_desktop {
        display: block
    }

    .page-header {
        padding-top: 100px;
        /* margin-bottom: 100px; */
        margin-bottom: 50px;

    }

    .section {
        margin-bottom: 50px;
    }

    .page-title h1.big-title {
        padding-right: 5px;
        font-size: 35px;
        line-height: 40px;
    }

    .cart-page .page-title h1.big-title {
        font-size: 45px
    }

    /* ------- ### Mouse Cursor ------- **/

    #mouseCursor {
        display: none
    }

    /* ------- ### Page Loader ------- **/

    .alioth-page-loader {
        width: 100%;
        height: 100%;

    }

    .apl-count {
        font-size: 100px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
    }

    .apl-count .apl-num {
        height: 100px
    }


    .apl-num.apl-num-3 {
        margin-left: -8px
    }

    /* ------- ### Site Header ------- **/

    .site-header {
        height: 100px
    }

    .header-widgets {
        display: none
    }

    .site-navigation.fullscreen ul ul li {
        font-size: 17px;
        line-height: 38px;
    }

    .site-navigation.fullscreen ul.ulcol {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    /* ------- ### Site Navigation ------- **/

    .site-navigation.fullscreen .menu.main-menu {
        left: 0;
        bottom: unset;
        top: 15%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .site-navigation.fullscreen .menu.main-menu > li.menu-item {
        font-size: 35px;
        line-height: 60px;

    }

    .site-navigation.fullscreen .fs-menu-wrapper {
        height: 100%
    }

    .site-navigation.fullscreen {
        height: 100%
    }

    .menu-toggle {
        left: unset;
        right: 0
    }

    .menu-widget-right,
    .menu-widget-left {
        bottom: 0
    }

    .social-list li {
        display: inline-block;
        font-size: 15px;
        line-height: 20px;
        display: block
    }

    .sub-back.is-active {
        /* left: unset;
        right: 0;
        top: 15% */
        top: 9%;
    }

    .site-navigation.fullscreen .menu.main-menu.hovered > li.menu-item a::before {
        width: 100%
    }

    /* ------- ### Site Footer ------- **/

    .c-col-6.footer-widget {
        margin-bottom: 60px
    }

    .c-col-3.footer-widget {
        width: 100%;
    }

    .footer-widget .big-button a {
        font-size: 30px;
        letter-spacing: -0.06em;
    }

    .footer-widget.footer_menu {
        margin-bottom: 20px
    }

    /* ------- ### Headings ------- **/

    h1.big-title {
        font-size: 41px;
        line-height: 52px;
        margin-bottom: 0;
        margin-bottom: 10px;
        padding-right: 0;
        margin-left: 0;
    }
    h1.big-title.big-title-home {
        font-size: 10vw;
        line-height: 65px;
        margin-bottom: 0;
        margin-bottom: 10px;
        padding-right: 0;
        margin-left: 0;
    }
    h2.big-title {
        font-size: 41px;
        line-height: 52px;
        margin-bottom: 0;
        margin-bottom: 10px;
        padding-right: 0;
        margin-left: 0;
    }
    h2.big-title.big-title-home {
        font-size: 10vw;
        line-height: 65px;
        margin-bottom: 0;
        margin-bottom: 10px;
        padding-right: 0;
        margin-left: 0;
    }

    .heading-bg-text {
        font-size: 100px;
        -webkit-transform: translatex(-30%) translateY(30%);
        -ms-transform: translatex(-30%) translateY(30%);
        transform: translatex(-30%) translateY(30%);
    }

    .text-bold-servizi {
        font-size: 29px;
        line-height: 40px;
    }


    /* ------- ### Recent Works ------- **/

    .ar-work {
        -ms-flex-preferred-size: 100vw;
        flex-basis: 100vw;
        min-width: 100vw;

    }

    .ar-work-title {
        font-size: 30px
    }

    .ar-work-cat {
        font-size: 20px
    }


    .ar-work a {
        width: 100%;
        height: 100%;
    }

    .ar-work-image {
        /*height: 65vh:*/
        height: auto
    }

    .a-recent-works .a-button.style_1 {
        margin-top: 50px
    }

    .recent-works-bg-text {
        top: 0;
        font-size: 100px
    }


    /* ------- ### Latest Posts ------- **/


    .alioth-latest-posts .post {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 50px
    }


    .alioth-latest-posts h2 {

        font-size: 25px;
        line-height: 35px;


    }

    /* ------- ### Project Pages ------- **/

    .project-page-header.style_1 .project-fetaured-image {
        height: 65vh;
    }

    .project-page-header.style_1 .project-details {
        width: 84%
    }

    .project-page-header.style_1 .project-meta.project-cats {
        width: 100%;

    }

    .project-page-header.style_1 .project-meta.project-cats .project-cat {
        display: inline-block;
        margin-right: 15px;
        font-size: 23px
    }

    .project-page-header.style_1 .project-metas .project-meta {
        margin-bottom: 30px;
        padding-left: 3px;
        width: 100%
    }

    .project-page-header.style_1 .project-metas div.project-other,
    .project-page-header.style_1 .project-metas div.meta-summary {
        padding-left: 8px;
    }

    .project-page-header.style_1 .project-title {
        margin-bottom: 15px
    }

    .project-page-header.style_2 h1.big-title,
    .project-page-header.style_1 h1.big-title {
        font-size: 45px;
        line-height: 55px;
    }

    .project-page-header.style_2 .project-cat {
        font-size: 30px;
        margin-left: 2px;
        line-height: 35px;
    }

    .project-page-header.style_2 .project-featured-image {
        height: 100vh
    }

    .project-page-header.style_2 .project-head {
        left: 8.5%;
        right: 8.5%;
        top: unset;
        bottom: 10%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .project-page-header.style_2 .project-title {
        max-width: 100%
    }

    .project-page-header.style_2 .project-meta.project-other {
        width: 100%
    }

    .project-page-header.style_3 .project-head {
        padding-top: 40%;
    }

    .project-page-header.style_3 .big-title {
        font-size: 45px;
        line-height: 55px
    }

    .project-page-header.style_3 .project-title {
        margin-bottom: 0
    }

    .project-page-header.style_3 .project-cat {
        font-size: 25px;
        margin-top: 0;
        margin-left: 6px;
        line-height: 35px
    }

    .project-page-header.style_2 .project-details {
        width: 84%
    }

    .project-page-header.style_3 .project-meta.project-other,
    .project-page-header.style_3 .project-meta.meta-summary {
        width: 100%
    }

    .project-metas .project-meta {
        width: 33%;
    }

    .project-metas div.meta-summary {
        width: 100%;
    }


    .project-title {
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
        transform: translateY(-35%);
        display: block;
        width: 100%;
        margin-bottom: 50px;
        white-space: normal
    }


    .next-project-section a {
        padding-top: 70px
    }

    .next-project-wrap span, prev-project-wrap span {
        margin-bottom: 0
    }

    .next-project-wrap h1::after {
        font-size: 40px
    }

    .next-project-wrap h1::before {
        width: 20px;
        height: 6px;
        right: 17px
    }

    .next-project-wrap h1 {
        font-size: 30px
    }

    .next-project-section .c-col-12,
    .next-project-section .wrapper-small {
        margin-bottom: 0
    }

    /* ------- ## Showcase Layouts ------- **/
    /* ------- ### Showcase Carousel ------- **/



    .cas-headline {
        font-size: 30px;
        line-height: 45px;
        max-width: 70vw;
        padding-left: 0
    }

    .cas-project {
        width: 80vw;
        height: 60vh
    }

    .cas-titles .cs-title {
        font-size: 40px;
        padding: 20px 0
    }

    .cas-titles {
        height: 80px
    }

    .cas-titles .cas-titles-wrap {
        -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
        transform: translateY(80px)
    }

    .cas-progress {
        display: none
    }

    /* ------- ### Fullscreen Slider ------- **/

    .fs-project-dets {
        width: 90%;
        left: 8.5%;
    }

    .fs-title {
        font-size: 65px;
        line-height: 70px;
        margin-bottom: 20px
    }

    span.fs-prog {
        width: 50px
    }

    .fs-button {
        position: absolute;
        left: 8.5%;
        top: 29.5%;
        display: block;
    }

    .fs-fraction {
        top: 22.5%
    }

    /* ------- ### Showcase List ------- **/

    .sl-project-title {
        font-size: 40px
    }

    .showcase-list-wrapper {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-top: 150px;
        text-align: center
    }

    .sl-project {
        padding: 20px 0
    }

    .sl-project-meta div {
        font-size: 15px
    }

    .sl-project-title::before {
        display: none
    }

    .sl-project:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .sl-images .sl-project-image {
        width: 90vw;
    }

    /* ------- ## Page Build Elements ------- **/

    /* ------- ### Services Style 2 ------- **/

    .alioth-services.style_2 .service-title {
        font-size: 35px;
        line-height: 45px;
        padding: 30px 0
    }

    .alioth-services.style_2 .service-toggle {
        padding: 30px 0
    }

    .alioth-services.style_2 .service-cont {
        width: 100%;
        padding-right: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .alioth-services.style_2 .service-wrap {
        margin-left: 0
    }

    .alioth-services.style_2 .service-toggle i {
        font-size: 35px
    }

    /* ------- ### Clients ------- **/

    .alioth-clients.column-5 .a-client,
    .alioth-clients.column-4 .a-client,
    .alioth-clients.column-3 .a-client,
    .alioth-clients.column-2 .a-client,
    .alioth-clients.column-1 .a-client {
        width: 100%;
    }

    /* ------- ### Testimonials ------- **/

    .testimonial-text {
        font-size: 25px;
        line-height: 34px
    }

    .a-testimonials.autoplay .a-testimonials-count {
        width: 50px
    }

    /* ------- ### Pages Nav ------- **/

    .page-sub-title {
        width: 100%;
        text-align: center
    }

    .page-sub-title::after {
        -webkit-transform: translateY(-150%) translateX(-50%) rotate(-45deg);
        -ms-transform: translateY(-150%) translateX(-50%) rotate(-45deg);
        transform: translateY(-150%) translateX(-50%) rotate(-45deg);
        right: unset;
        left: 50%;
    }

    /* ------- ## ------- **/
    .ai-image {
        min-width: 100vw
    }

    /* ------- ### Linked Text ------- **/
    .linked-text a::before {
        height: 2px;
    }

    .award-title,
    .award-date {
        font-size: 20px
    }

    .trans-text {
        font-size: 30px;
        line-height: 35px
    }

    .blog-classic .post.alioth-post,
    .blog-classic .post.alioth-post.sticky .post-meta,
    .blog-classic .post.alioth-post.sticky .post-image,
    .blog-classic .post.alioth-post.sticky {
        width: 100%
    }

    .blog-classic .post-meta {
        padding: 0
    }

    .blog-classic .post.sticky .post-meta {
        padding-top: 20px
    }

    .blog-classic .post.alioth-post {
        margin-bottom: 60px
    }

    .blog-list .post-images {
        width: 60%
    }

    /* ------- ### Shop ------- **/

    .cart-product-details {

        margin-top: 0px;
        padding-left: 15px;
    }

    .cart-product-title {
        margin-bottom: 10px;
        font-size: 20px
    }

    .cpq-acts {
        margin-top: 20px
    }

    .cart-totals {
        padding-left: 0
    }

    ul.check-payments li {
        font-size: 20px
    }

    ul.check-payments {
        margin-bottom: 15px
    }

    form > div.half-field {
        width: 100%
    }

    .alioth-products.column_2 .product,
    .alioth-products.column_2 .grid-sizer {
        width: 100%;
    }

    h3.next-post-title {
        max-width: 100%;
    }

    .post-title h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .single-product-wrap {
        width: 95%
    }

    .single-product-slider {
        width: 100%;
        padding-left: 0
    }

    .sp-arrows {
        left: 3%
    }

    .single-product-details {
        width: 100%;
        padding-left: 10px
    }

    .single-product-meta {
        width: 100%;
        margin-left: 0
    }

    ul.single-product-mets li::after {
        display: none
    }


    ul.single-product-mets .desc {
        width: 100%
    }

    .related-products.alioth-products.column_3 .product,
    .related-products.alioth-products.column_3 .grid-sizer {
        width: 100%
    }

    .related-products.alioth-products.column_3 .product {
        height: 400px
    }

    .product-page {
        padding-top: 130px
    }

    /* ------- ### Fullscreen Slideshow ------- **/

    .ss1-sl-image {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .showcase-slideshow-wrapper {
        position: absolute;
        top: 50%;
        right: unset;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        left: 50%;
    }

    .ss1-cat {
        margin-left: 0;
        font-size: 20px;
        float: unset;
        margin-bottom: 0;
    }

    .ss1-met-wrap {
        display: none
    }

    .ss1-title {
        font-size: 50px;
        line-height: 70px
    }

    .ss1-details {
        position: absolute;
        top: 30%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80%;
        left: 10%;
        text-align: center;
    }

    .ss1-nav {
        display: none
    }

    .ss1-dots.swiper-pagination-bullets {
        bottom: 5%;
        left: 8%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: unset
    }

    .ss1-button {
        right: unset;
        left: 50%;
        bottom: 10%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .ss1-sl-image .plyr__video-wrapper {
        width: calc((100vh) * 1.77777778) !important;
    }

    .project-featured-video .plyr__video-embed,
    .project-featured-video .plyr__video-wrapper--fixed-ratio {
        height: 100%;
        width: calc((100vh) * 1.77777778) !important
    }



    .fw-projects {
        width: 100%;
        left: 10%;
    }

    .fw-project-title {
        font-size: 30px
    }

    .fw-project {
        padding: 10px 0;
        display: block
    }

    .fw-project::after {
        font-size: 30px
    }

    .fw-project a {
        pointer-events: none
    }

    .aph-name {
        font-size: 60px;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .aph-image {
        width: 100%
    }


    .aph-name.back {
        display: none
    }

    .aph-welc {
        display: none
    }

    .aph-name .name-back {
        opacity: 1;
        visibility: visible
    }

    .aph-details {
        top: unset;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        z-index: 99
    }

    .aph-sub-text {
        max-width: 100%;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
        text-align: center
    }

    .alioth-personal-head .circular-button {
        display: none
    }


    .apc-product {
        height: 80%;
        width: 70vw
    }

    .apc-cats ul li::after {
        display: none
    }

    .apc-cats ul li {
        font-size: 30px;
        margin-bottom: 15px;
        display: block
    }


    .apc-cat-title {
        font-size: 30px
    }

    .apc-cat-quant {
        font-size: 12px;
        margin-left: 10px
    }

    .apc-cat-mark {
        font-size: 35px
    }

    .apcats-cat {
        padding: 25px 0
    }

    .ap-cta-det {
        left: 35px;
        top: 50% !important;
        bottom: unset !important;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .ap-cta-title {
        font-size: 25px;
        margin: 10px 0
    }

    .showcase-slideshow-2-wrapper {
        max-width: 100%;
        width: 100%;
        left: 0;
        height: 100%;
    }

    .ss2-images {
        right: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        z-index: -1
    }

    .ss2-project-title {
        font-size: 50px;
        line-height: 60px;
    }

    .ss2-project-meta {
        left: 10%;
        width: 80%
    }

    .ss2-back-texts {
        display: none
    }

    .ss2-dots {
        display: none
    }

    .ss2-project-excerpt {
        display: none
    }

    .ss2-nav {
        position: absolute;
        bottom: 5%;
        right: 5%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .ss2-button {
        bottom: 5%;
        opacity: .6
    }

    .portfolio-showcase.showcase-slideshow-v2 .plyr__video-wrapper {
        width: calc((100vh) * 1.77777778)
    }

    .fw-images {
        width: 100%
    }

    .wall-project .project-title {
        font-size: 60px;
        line-height: 60px
    }

    .wall-projects-top {
        margin-bottom: 0
    }

    .alioth-works.column_2 .aw-works-sizer,
    .alioth-works.column_2 .aw-project {
        width: 100%
    }

    .aw-project {
        margin-bottom: 50px;
        height: 300px
    }

    .aw-project-title {
        font-size: 25px;
        letter-spacing: -0.05em
    }

    ul.aw-cats li {
        font-size: 20px;
        letter-spacing: -0.05em;
        padding-bottom: 10px
    }

    .aw-categories {
        margin-bottom: 0
    }

    .aw-works-stamp {
        height: 35px
    }

    .alioth-embed-video .video-overlay {
        width: 80px;
        height: 80px
    }

    .alioth-embed-video .play-button {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
    }

    .wall-images {
        width: 84%
    }

    /* Custom */

    .menu-servizi{
        display: none;
    }

}

@media only screen and (max-width: 300px){
    .page-title h1.big-title {
        font-size: 27px;
        line-height: 29px;
    }
    .page-header {
        padding-top: 100px;
        margin-bottom: 20px;
    }
    .text-servizi {
        font-size: 20px;
        line-height: 30px;
    }
    h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .text-description p {
        line-height: 30px;
    }

    .ar-work-image {
        height: unset;
    }
}

/*------------------------------------------------------------------
## Tablets
-------------------------------------------------------------------**/

@media only screen and (max-width:  1399.98px){
   .project-cat{
        font-size: 25px;
   }
   .sub-back {
        top: 200px;
    }
}

@media (min-width: 450px) and (max-width: 900px) {
    .sub-back {
        top: 100px;
    }
    /* custom */
    .menu-widget-left {
        left:82%!important;
        bottom: 17%;
    }
    /* end custom */

    body,
    html {
        overflow-x: hidden;
        width: 100%;
    }

    .hide_tablet {
        display: none
    }

    #mouseCursor {
        display: none
    }

    .c-col-4,
    .c-col-8,
    .c-col-9,
    .c-col-10 {
        width: 100%
    }

    .site-navigation.fullscreen .fs-menu-wrapper {
        height: 100%
    }

    .header-wrapper.menu-opened {
        height: 100vh
    }

    .site-navigation.fullscreen .menu.main-menu {
        bottom: unset;
        top: 20%;
        left: 0;
        width: 100%;

    }

    .site-navigation.fullscreen ul ul li {
        font-size: 20px;
        line-height: 40px;
        letter-spacing: -0.05em
    }

    .aph-image {
        width: 75%
    }

    .aph-name {
        font-size: 100px;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }


    .aph-name.back {
        display: none
    }

    .aph-welc {
        display: none
    }

    .aph-name .name-back {
        opacity: 1;
        visibility: visible
    }

    .aph-details {
        top: unset;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 15%;
        z-index: 99;
        width: 50%
    }

    .aph-sub-text {
        max-width: 100%;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
        text-align: center
    }

    .alioth-personal-head .circular-button {
        z-index: 10;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 5%;
        left: 50%;
    }

    .ai-image {
        min-width: 70vw;
        -ms-flex-preferred-size: 70vw;
        flex-basis: 70vw
    }

    .showcase-slideshow-2-wrapper {
        max-width: 100%;
        width: 100%;
        left: 0;
        height: 100%;
    }

    .ss2-images {
        right: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        z-index: -1
    }

    .ss2-project-title {
        font-size: 100px;
        line-height: 120px;
    }

    .ss2-project-meta {
        left: 10%;
        width: 80%
    }

    .ss2-back-texts {
        display: none
    }

    .ss2-dots {
        display: none
    }

    .ss2-project-excerpt {
        display: none
    }

    .ss2-nav {
        position: absolute;
        bottom: 5%;
        right: 5%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .ss2-button {
        bottom: 5%;
        opacity: .6
    }

    .portfolio-showcase.showcase-slideshow-v2 .plyr__video-wrapper {
        width: calc((100vh) * 1.77777778)
    }

    .fs-title {
        font-size: 80px;
        line-height: 95px
    }

    .fs-project-dets {
        width: 80%;
    }

    .fs-button {
        right: 10%;
        top: 30%
    }

    .showcase-slideshow-wrapper {
        width: 50%
    }

    .c-col-6.footer-widget.footer_cta {
        width: 100%;
        margin-bottom: 35px;
    }

    .ar-work-image {
        /* height: 65vh; */
        height: unset;
    }

    .ar-work {
        flex-basis: 60vw;
        min-width: 60vw;
    }

    .cas-project {
        width: 75vw;
        height: 70vh;
    }

    .cas-titles .cs-title {
        font-size: 100px
    }

    .sl-project-title {
        font-size: 70px
    }

    .showcase-list-wrapper {
        left: 15%
    }

    .ss1-sl-image {
        width: 70%;
        height: 70%;
    }

    .showcase-slideshow-wrapper {
        width: 50%;
        right: 50%;
        transform: translateX(50%) translateY(-50%);
    }

    .ss1-met-wrap {
        width: 100%;
        text-align: center
    }

    .ss1-title {
        text-align: center;
    }

    .ss1-button {
        right: 50%;
        transform: translateX(50%);
    }

    .linked-text a::before {
        height: 5px;
    }

    /* Custom */

    .menu-servizi{
        display: none;
    }

}
/* OTHER MEDIA QUERIES */