/*
* @Author: Injector
* @Date:   2018-09-20 11:19:59
* @Last Modified by:   Injector
* @Last Modified time: 2018-11-21 11:57:33
*/

@media(min-width: 769px) {
    .hide-desktop {
        display: none !important;
    }

      .share-bar .nav-link {
    line-height: 17px;
    height: 16px;
    }

    .share-bar img {
    vertical-align: top;
    height: 16px;
    line-height: 16px;
}
}


/* Iphone */


@media(width:812px) and (height: 375px) {






    /* Icon 1 */
    #hb_menu_icon {
        width: 20px;
        height: 20px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
    }

    #hb_menu_icon span {
        display: block;
        position: absolute;
        height: 2.5px;
        width: 100%;
        background: #111;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }
/* 
    #hb_menu_icon span:nth-child(1) {
        top: 0px;
    }

    #hb_menu_icon span:nth-child(2) {
        opacity: 0;
    }

    #hb_menu_icon span:nth-child(3) {
        top: 15px;
    } */

    .hb_button_open #hb_menu_icon span:nth-child(1) {
        top: 0px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    }

    .hb_button_open #hb_menu_icon span:nth-child(2) {
        opacity: 0;
        display: none;
    }

    .hb_button_open #hb_menu_icon span:nth-child(3) {
        top: 7.5px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }


    div#hb_menu_icon_mobile {
        width: 15px;
        height: 10px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
        margin: auto;
    }

    div#hb_menu_icon_mobile span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #111;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

    div#hb_menu_icon_mobile span:nth-child(1) {
        top: 0px;
    }

    div#hb_menu_icon_mobile span:nth-child(2) {
        opacity: 0;
    }

    div#hb_menu_icon_mobile span:nth-child(3) {
        top: 7px;
    }

    div#gallarii_side_menu_button {
        display: none !important;
    }

    div#gallarii_side_menu_button_mobile {
        display: block !important;
    }

    div#gallarii_side_menu_button_mobile {
        position: absolute;
        right: 16px;
        top: 13.5px;
        width: 18px;
        cursor: pointer;
        padding: 5px 0px;
        line-height: 1;
    }

    .hb_button_open div#hb_menu_icon_mobile span:nth-child(1) {
        top: 5px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    }

    .hb_button_open div#hb_menu_icon_mobile span:nth-child(2) {
        opacity: 0;
        display: none;
    }

    .hb_button_open div#hb_menu_icon_mobile span:nth-child(3) {
        top: 5px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }

    .desktop_version_header {
        display: none !important;
    }

    .mobile_version_header {
        display: block !important;
    }

    .mobile_version_header_with_logo {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .mobile_version_header_with_logo .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .mobile_version_header_with_logo .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }



    div#mobile_menu {
        visibility: hidden;
        opacity: 0;
        height: 0 !important;
        margin: 0;
        -webkit-transition: all 1.4s ease;
        -o-transition: all 1.4s ease;
        transition: all 1.4s ease;
        overflow: scroll;

    }

    ul#menu-mobile-menu li {
        width: 100%;
        display: block !important;
        text-align: right !important;
        border-bottom: 1px solid #eee;
        padding: 7.5px 0px;
    }


    div#mobile_menu.mobile_menu_open {
        width: 100%;
        opacity: 1;
        visibility: visible;
        position: relative;
        margin: 0;
        -webkit-transition: all 1.4s ease;
        -o-transition: all 1.4s ease;
        transition: all 1.4s ease;
    }
}








@media(width:768px) {
    .row.about-content.m-7 .col-sm-6.m-auto {
        min-width: 600px;
    }
}

/* =========================================== 768px ======================================== */

@media (max-width: 768px) {






.share-bar-mobile.hide-desktop {
    display: none;
}

.share-bar-mobile.hide-desktop {
    height: 100vh;
    position: fixed;
    margin-top: -17px;
    max-width: calc(100vw - 50px);
    display: none;
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.share-bar-mobile.hide-desktop span.nav-item.nav-link {
    padding: 19.5px 0 !important;
    border-bottom: 1px solid #eee;
    border-radius: 0px;
    line-height: 9px;
    font-size: 9px;
}

.share-bar-mobile.hide-desktop a {
    color: #111 !important;
    font-size: 9px;
    background: #fff !important;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: 1px;
    vertical-align: text-bottom;
}

.share-bar-mobile.hide-desktop nav {
    display: block;
    width: calc(100vw - 50px);
}

a.share_button_plus_mobile{
    transition: all .2s;
}
a.share_button_plus_mobile.share_mobile_open {
    transform: rotate(45deg);
}


footer.site-info {
padding-left: 28px;
text-align: left;
}
.gallarii_footer{
margin-left: 0px;
text-align: left;
}

.gallarii_footer ul li , .gallarii_footer ul li a {
padding-left: 0px !important;
text-align:left;
}

h2.tab-heading-g.text-center {
    text-align: left !important;
}

.tab-main-desc-g.text-center {
    text-align: left !important;
}

.tab-sub-desc-g.text-center {
    text-align: left !important;
}


#commentform [type=checkbox]:not(:checked) + label:after ,
#commentform [type=checkbox]:not(:checked) + label:before{
    top: 7px;
}

#commentform [type=checkbox]:checked + label:before{
    top: 5px;
}
  


    .nicescroll-cursors {
    display: none !important;
}


    .gallarii_sticky img.header-image {
        width: 100%;
    }


    .row.sub-heading-about .col-sm-6.m-auto {
        text-align: left;
    }

    .home_arrow-button {
        margin-left: 28px;
    }

    .mobile_version_header {
        margin-bottom: 0px !important;
    }


    .gist-single .gist-single-leftside {
        display: none !important;
    }

    .gist-single .gist-single-rightside {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .gallarii_hr {
        width: calc(100vw - 50px);
    }

    html body .footer-widgets,
    html body .widget-area .widget {
        padding: 50px !important;
        padding-left: 28px !important
    }

    div#page {
        width: calc(100vw - 50px);
        max-width: calc(100vw - 50px);
        margin: 0px;
        padding: 0px;
    }

    .mobile-flex-2 {
        -webkit-box-flex: 2 !important;
            -ms-flex: 2 !important;
                flex: 2 !important;
    }

    .barba-container {
        width: 100vw;
    }


    footer.site-info {
        width: calc(100vw - 50px);
    }

    a.nav-item.nav-link.mobile-flex-2 {
        padding-right: 0px !important;
        text-align: right;
    }

    div#mobile_menu.mobile_menu_open {
        width: 100%;
        opacity: 1;
        visibility: visible;
        position: relative;
        margin: 0;
        -webkit-transition: all 1.4s ease;
        -o-transition: all 1.4s ease;
        transition: all 1.4s ease;
    }

    div#mobile_menu {
        visibility: hidden;
        opacity: 0;
        height: 0 !important;
        margin: 0;
        -webkit-transition: all 1.4s ease;
        -o-transition: all 1.4s ease;
        transition: all 1.4s ease;
        overflow: hidden;
    }

    ul#menu-mobile-menu {
        display: block;
        margin-top: 9.5px;
    }



    /* HB Menu */
    /* Icon 1 */
    div#hb_menu_icon_mobile {
        width: 16px;
        height: 10px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        cursor: pointer;
        margin: auto;
    }

    div#hb_menu_icon_mobile span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #111;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        -webkit-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

    div#hb_menu_icon_mobile span:nth-child(1) {
        top: 0px;
    }

    div#hb_menu_icon_mobile span:nth-child(2) {
        opacity: 0;
    }

    div#hb_menu_icon_mobile span:nth-child(3) {
        top: 7px;
    }

    .hb_button_open div#hb_menu_icon_mobile span:nth-child(1) {
        top: 5px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    }

    .hb_button_open div#hb_menu_icon_mobile span:nth-child(2) {
        opacity: 0;
        display: none;
    }

    .hb_button_open div#hb_menu_icon_mobile span:nth-child(3) {
        top: 5px;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    }

    div#gallarii_side_menu_button_mobile {
        position: absolute;
        right: 16px;
        top: 14px;
        width: 18px;
        cursor: pointer;
        padding: 5px 0px;
        line-height: 1;
    }



    .hide-mobile {
        display: none !important;
    }

    .inside-header.grid-container.grid-parent {
        max-width: 100%;
        padding: 9.5px 50px !important;
        padding-left: 0px !important;
    }

    .row.no-gutters.hide-desktop.mobile_version_header_with_logo {
        padding-left: 28px;
    }

    .row.hide-desktop.mobile_version_header_with_logo {
        margin-bottom: 0;
    }

    ul#menu-mobile-menu li:first-child {
        border-top: 1px solid #eee;
    }

    ul#menu-mobile-menu li {
        width: 100%;
        display: block !important;
        text-align: right !important;
        border-bottom: 1px solid #eee;
        padding: 8.5px 0px;
    }

    ul#menu-mobile-menu li a {
        display: block;
        width: 100%;
        padding-right: 0px;
    }

    nav#mobile_menu_nav li.current_page_item {
        border-bottom-color: #111;
    }

    nav#mobile_menu_nav {
        width: 100%;
    }

    .mobile_version_header_with_logo .logo-container {
        text-align: left;
    }




    /* Gist Page */
    .gist-filter {
        padding: 14.5px 0;
    }



    ul.gist-nav-ul {
        left: 0;
        position: absolute;
        visibility: hidden;
        z-index: 10;
        opacity: 0;
        width: calc(100vw - 49px);
        background: #fff;
    }

    .filter-open ul.gist-nav-ul {
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    ul.gist-nav-ul li {
        width: 100%;
        border-radius: 0px;
        padding: 14.5px 0;
        border: 0px !important;
    }

    a#mobile_filter_gist {
        color: #111;
        text-align: center;
        display: block;
        font-size: 13px;
    }

    .inside-article {
        padding: 0px !important;
    }

    .gist-single-rightside {
        padding: 0px !important;
    }

    h1.gist_title,
    h2.portfolio-title {
        font-size: 17px !important;
    }

    .gist-main-heading,
    .portfolio-main-description,
    .about-main-content {
        font-size: 21px !important;
    }

    .portfolio-nav {
        max-width: 100px;
        position: fixed;
        padding-left: 0px;
        right: 0;
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        border: 0px !important;
        z-index: 9;
        padding-right: 0px;
        top: 50px;
    
    }

    .portfolio-nav-inner {
  margin-top: -16px!important;
}

    .share-bar .nav-link {
        text-align: right;
    }

    .portfolio-nav-inner {
        width: 18px;
        margin-right: 16px;
    }

    ul.portfolio-nav-ul li.portfolio-nav-item {
        min-width: 15px;
    }

    .share-bar {
        background: #fff !important;
        z-index: 99999999999999999999;
    }
    .hide-desktop.single-mobile-header {
    z-index: 1;
}

    ul.portfolio-nav-ul li.portfolio-nav-item {
        padding: 17px 0px !important;
    }

    li.portfolio-nav-item.portfolio-title {
        display: none !important;
    }



    ul.portfolio-grid li:nth-child(3n+1) {
        width: 100% !important;
        margin-right: 0px;
    }


    ul.portfolio-grid li:nth-child(3n+2) {
        width: 100% !important
    }


    ul.portfolio-grid li:nth-child(3n+3) {
        max-width: 100% !important;
        width: 100%;
    }


    ul.portfolio-grid li:nth-child(3n+3) .portfolio-img-container {
        min-height: calc(151vw - 75.5px) !important;
    }



    .gallarii-slider-nav {
        top: calc((50vw - 50px + 100px) / 2);
    }

    /* Portfolio */


    .mobile-portfolio-top {
        margin: auto !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
    }


    .portfolio-img-container,
    .post-inner-bg,
    .gallarii-slider-bg {
        min-height: calc(118.4vw - 59.2px) !important;
    }

    li.g-portfolio-full-width,
    li.g-portfolio-half,
    ul.gist-grid li {
        max-width: calc(100vw - 50px) !important;
        width: calc(100vw - 50px) !important;
    }

    .g-portfolio-full-width .portfolio-img-container {
        min-height: calc(151vw - 75.5px) !important;
    }


    .single-mobile-h-bg {
        min-height: auto !important;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left center !important;
    }

    .about-bottm-image {
        min-height: calc(151vw - 75.5px) !important;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .gist_mobile_single_image,
    .gallarii_slider_wrapper>div {
        position: relative;
        -webkit-transform: translate(-50px);
            -ms-transform: translate(-50px);
                transform: translate(-50px);
        width: calc(100% + 50px);
    }


    .gist_mobile_single_image .gist-image_ref {
        display: none;
    }

    .hide-desktop.gist_mobile_single_image {
        margin: 50px auto;
    }

    .gist_mobile_single_image .gist-single-gallery-bg {
        margin-bottom: 0px !important;
        min-height: calc(118.4vw - 59.2px) !important;
    }



    .tab-content .tab-pane .row>div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .services_nav,
    .terms_policies_nav,
    .process_nav,
    .terms_policies_nav {
        padding: 0px;
    }

    .services_nav a.nav-item.nav-link,
    .process_nav nav a.nav-item.nav-link,
    .terms_policies_nav nav a.nav-item.nav-link {
        border-bottom: 1px solid #eee;
        text-align: left;
        padding-left: 28px;
        padding-right: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .gist-nav-ul {
        margin-top: 7.5px !important;
    }


    .services_nav a.nav-item.nav-link:last-child,
    .process_nav nav a.nav-item.nav-link:last-child,
    .terms_policies_nav nav.nav.nav-pills.nav-fill a:last-child {
        border-bottom: 1px solid #fff;
    }

    .services_nav a.nav-item.nav-link.active,
    .process_nav nav a.nav-item.nav-link.active,
    .terms_policies_nav nav a.nav-item.nav-link.active {
        border-bottom: 1px solid #111 !important;
        border-radius: 0px !important;
    }

    .services_nav nav,
    .process_nav nav,
    .terms_policies_nav nav {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    section.about_section,
    .tab-content {
        padding-left: 28px;
        text-align: left;
        display: block
    }

    section.about_section * {
        text-align: left;
    }

    button.btn.btn-primary.gallarii-contact.no-barba {
        padding-left: 0px;
    }

    .services .tab-content {
        margin-bottom: 0px !important;
    }


    /* =======================================  Process ====================================== */
    .triangle-wrapper {
        width: 200px;
        height: 200px;
        padding: 0px;
    }

    .triangle {
        width: 200px;
        height: 200px;
    }

    .midwrapper {
        width: 200px;
        margin-top: 100px;
    }

    .t1,
    .t2 {
        font-size: 10px;
        line-height: 10px;
    }

    .t1,
    .t2,
    .midtext {
        padding: 10px !important;
    }

    .t1 {
        margin-top: -30px;
    }

    .first-tri .triangle-wrapper::before {
        width: 100px;
    }

    .tri-inner.first-tri .midtext {
        margin-top: 25px;
    }
    .mid-tri .midtext {
    margin-top: 50px;
    }

    .tri-inner.last-tri .midtext {
        margin-top: 25px;
    }

    /* .gallarii_slider_wrapper>div {
        position: relative;
        transform: translate(-50px);
        width: calc(100% + 50px);
    } */


    /* ========================================    Align With logo Left    =============================================== */




    section.page_heading h1,
    .gist-nav-inner h1,
    a#mobile_filter_gist,
    ul.gist-nav-ul li.filter-button,
    .gist-single-rightside,
    .row.portfolio-header,
    .footer-widgets,
    .widget-area .widget {

        text-align: left !important;
        padding-left: 28px !important;
    }



    .portfolio-nav {
        width: 100vw;
        max-width: 100vw;
    }

    .share-bar {
        height: 100vh;
        position: relative;
        margin-top: -25px;
        max-width: 100vw
    }

    .share-bar nav {
        display: block;
        width: 100vw;
    }

    .share-bar nav span.nav-item.nav-link {
        padding: 19.5px 0 !important;
        margin-right: 50px;
        border-bottom: 1px solid #eee;
        border-radius: 0px;
        line-height: 9px;
        font-size: 9px;
    }

.share_button_close{
    cursor: pointer;
}


















}


@media(max-width: 425px) {
    p.form-submit {
        clear: both;
        position: absolute;
        bottom: 50px;
        right: unset;
        left:0;
    }

    form#commentform p:last-child {
        position: relative;
        margin-bottom: 30px;
    }
}


@media(max-width: 320px) {

    .copyright-bar, .footer-bar {
    float: none!important;
    text-align: center!important;
    margin-left: 28px;
}


    .gallarii_footer ul li {
        display: block !important;
        padding: 0px;
    }

    footer.site-info {
        padding: 0px !important;
    }

    .gallarii_footer li.hide-mobile {
        display: none !important;
    }
}




/* @media(max-width: 375px){
      .inside-header.grid-container.grid-parent {
        padding-left: 0px !important;
    }

} */