.home-text
/* ---------------------------------------------------------------------                               HOME PAGE   --------------------------------------------------------------------- */

.home-logo img {
    width: 4vw;
    max-width: 137px;
    min-width: 60px;
}


/* ---------------------------------------------------------------------                               ABOUT PAGE   --------------------------------------------------------------------- */

.about_logo img {
    width: 6.5vw;
    max-width: 137px;
    min-width: 60px;
}


/* ---------------------------------------------------------------------                               NEWS PAGE   --------------------------------------------------------------------- */

.post-content.clearfix {
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 1.3em;
}


/* ---------------------------------------------------------------------                               FOOTER   --------------------------------------------------------------------- */

.footer_signature {
    font-size: 17px;
    letter-spacing: normal;
    padding-top: 6px;
}

.footer_logo {
    /* width: 4.375vw; */
    max-width: 45px;
    min-width: 45px;
}

footer ul#menu-main-menu {
    padding-top: 6px!important;
}

.hf_contact a span:hover {
    color: #6AE2E5!important;
}

#bottom-widgets .widget_nav_menu.widget ul li.current-menu-item {
    color: #6AE2E5;
}


/* ---------------------------------------------------------------------                               MAIN NAVIGATION SIDEBAR   --------------------------------------------------------------------- */

ul.slidebar_menu {
    margin-left: 0px;
    margin-right: 0px;
}

.hf_icons .tatsu-icon.tiny.plain {
    font-size: 16px;
}

.tatsu-icon-group div.tatsu-icon-shortcode {
    margin-right: 0px;
}

.hf_copyright {
    font-size: 9.3pt;
}

.hf_copyright a:hover {
    color: #6AE2E5!important;
}

@media screen and (max-height: 850px) {
    .hf_contact .tatsu-empty-space {
        height: 0px!important;
    }
    .hf_contact p {
        line-height: 0.8em;
    }
    .hf_contact span {
        font-size: 11pt;
    }
    /*.hf_contact .tatsu-text-inner { margin-bottom:10px; }*/
}

#header {
    z-index: 600;
}


/* ---------------------------------------------------------------------                               DESKTOP   --------------------------------------------------------------------- */

@media only screen and (min-width: 1681px) {
    .tatsu-wrap {
        max-width: 1160px;
        margin: 0 auto;
    }
    .be-wrap {
        max-width: 1160px;
        margin: 0 auto;
    }
    h1 {
        font-size: 58px!important;
        line-height: 66px!important;
    }
    h2 {
        font-size: 50px!important;
        line-height: 60px!important;
    }
    h3 {
        font-size: 30px!important;
        line-height: 38px!important;
    }
    h4 {
        font-size: 22px!important;
        line-height: 30px!important;
    }
    h5 {
        font-size: 18px!important;
        line-height: 26px!important;
    }
    h6 {
        font-size: 14px!important;
        line-height: 22px!important;
    }
    ul.slidebar_menu li {
        font-size: 60px!important;
        line-height: 70px!important;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        font-size: 22px;
    }
    .tatsu-icon.tiny.plain {
        font-size: 20px;
    }
    .tatsu-icon-group div.tatsu-icon-shortcode {
        margin-right: 6px;
    }
    .sb-left #slidebar-menu {
        padding-left: 65px;
    }
    .thumb-title-wrap .thumb-title {
        font-size: 15pt!important;
        margin: 20px;
        margin-bottom: 25px
    }
    .hf_contact span {
        font-size: 12pt;
    }
    .hf_contact .tatsu-text-inner {
        margin-bottom: 40px;
    }
    #bottom-widgets {
        font-size: 22px!important;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        padding-left: 18px;
        font-size: 22px;
    }
    .about_contact a {
        font-size: 22px;
    }
    .about_contact h3 {
        line-height: 16px;
    }
    .hf_copyright {
        font-size: 12pt!important;
    }
    header#header {
        display: none!important;
    }
    .home-text, .work-nav {
        font-size: 48px!important;
        line-height: 52px!important;
    }
    .home-menu-links {
        font-size: 18px!important;
        line-height: 26px!important;
    }
    .work-nav a.hf_filter {
        line-height: 55px;
    }
}


/* ---------------------------------------------------------------------                               LAPTOP 15   --------------------------------------------------------------------- */

@media only screen and (min-width: 1281px) and (max-width: 1680px) {
    .tatsu-wrap,
    #bottom-widgets-wrap {
        max-width: 940px;
        margin: 0 auto;
    }
    .be-wrap {
        max-width: 900px;
        margin: 0 auto;
    }
    h1 {
        font-size: 40px!important;
        line-height: 52px!important;
    }
    h2 {
        font-size: 40px!important;
        line-height: 46px!important;
    }
    h3 {
        font-size: 24px!important;
        line-height: 30px!important;
    }
    h4 {
        font-size: 18px!important;
        line-height: 28px!important;
        letter-spacing: 0px!important;
    }
    h5 {
        font-size: 16px!important;
        line-height: 24px!important;
    }
    h6 {
        font-size: 12px!important;
        line-height: 20px!important;
    }
    ul.slidebar_menu li {
        font-size: 45px!important;
        line-height: 52px!important;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        font-size: 17px;
    }
    .footer_signature {
        font-size: 17px!important;
    }
    .hf_contact span {
        font-size: 9pt;
        line-height: 1em;
    }
    .hf_contact .tatsu-text-inner {
        margin-bottom: 44px;
    }
    .tatsu-icon.tiny.plain {
        font-size: 16px;
    }
    .about_contact a {
        font-size: 17px;
    }
    .hf_contact .tatsu-empty-space {
        height: 0px!important;
    }
    .hf_contact p {
        line-height: 0.9em;
    }
    .hf_contact_page h5 {
        line-height: 20px!important;
    }
    .post-content.clearfix {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 1.3em;
    }
    .single .post-content.clearfix {
        font-size: 20px;
        letter-spacing: 0px;
        line-height: 1.6em;
    }
    .thumb-title-wrap .thumb-title {
        font-size: 12pt!important;
        margin: 15px;
        margin-bottom: 25px;
    }
    .home-text, .work-nav {
        font-size: 38px!important;
        line-height: 40px!important;
    }
    .home-menu-links {
        font-size: 16px!important;
        line-height: 24px!important;
    }
    .work-nav a.hf_filter {
        line-height: 55px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1680px) {
    ul.slidebar_menu li {
        font-size: 55px!important;
        line-height: 65px!important;
    }
    .hf_contact .tatsu-text-inner {
        margin-bottom: 35px;
    }
    .hf_contact span {
        font-size: 10pt;
        line-height: 1.2em;
    }
}


/* ---------------------------------------------------------------------                               LAPTOP 13   --------------------------------------------------------------------- */

@media only screen and (max-width: 1280px) {
    /* and (min-width: 1025px) */
    .tatsu-wrap,
    #bottom-widgets-wrap {
        max-width: 750px;
        margin: 0 auto;
    }
    /*body.page #content, body.single-portfolio #content,
    #bottom-widgets {
        margin-left: 20px;
    }*/
    .be-wrap {
        max-width: 840px;
        margin: 0 auto;
    }
    h1 {
        font-size: 40px!important;
        line-height: 52px!important;
    }
    h2 {
        font-size: 38px!important;
        line-height: 44px!important;
    }
    h3 {
        font-size: 22px!important;
        line-height: 30px!important;
    }
    h4 {
        font-size: 16px!important;
        line-height: 24px!important;
    }
    h5 {
        font-size: 14px!important;
        line-height: 22px!important;
    }
    h6 {
        font-size: 10px!important;
        line-height: 20px!important;
    }
    ul.slidebar_menu li {
        font-size: 38px!important;
        line-height: 44px!important;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        font-size: 16px;
    }
    .tatsu-icon.tiny.plain {
        font-size: 14px;
    }
    .hf_copyright {
        font-size: 8pt!important;
    }
    .hf_contact span {
        font-size: 8pt;
        line-height: 0.8em;
    }
    .hf_contact .tatsu-text-inner {
        margin-bottom: 30px;
    }
    .hf_contact p {
        line-height: 0.8em;
    }
    .hf_contact .tatsu-empty-space {
        height: 0px!important;
    }
    .thumb-title-wrap .thumb-title {
        font-size: 11pt!important;
        margin: 15px;
        margin-bottom: 20px;
    }
    .about_contact a {
        font-size: 16px;
    }
    .home-text, .work-nav {
        font-size: 36px!important;
        line-height: 36px!important;
    }
    .home-menu-links {
        font-size: 14px!important;
        line-height: 22px!important;
    }
    .hf_contact_page h5 {
        line-height: 18px!important;
    }
    .post-content.clearfix {
        font-size: 16px;
    }
    .work-nav a.hf_filter {
        line-height: 35px;
    }
    .work-nav {
        font-size: 24px!important;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1024px) {
    .hf_contact .tatsu-text-inner {
        margin-bottom: 30px;
    }
    
}

@media only screen and (min-width: 801px) and (max-width: 960px) {
    .tatsu-wrap,
    #bottom-widgets-wrap {
        max-width: 560px;
    }
    .work-nav{
        font-size: 24px!important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
    .tatsu-wrap{
        max-width: 420px;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        padding: 0 10px;
    }
    h1 {
        font-size: 24px!important;
        line-height: 30px!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .tatsu-wrap {
        max-width: 640px;
        margin: 0 auto;
    }
    .be-wrap {
        max-width: 640px;
        margin: 0 auto;
    }
    .wksl-slidebar {
        width: 85%!important;
    }
    html.wksl-slidebar-is-out body {
        left: 85%!important;
    }
}


/* @media only screen and (min-width: 321px) and (max-width: 480px) {  */

@media only screen and (min-width: 321px) and (max-width:767px) {
    .wksl-slidebar {
        display: none;
    }
    body {
        margin-left: 0px!important;
    }
    .tatsu-wrap {
        max-width: initial;
        margin: 0 auto;
    }
    .be-wrap {
        max-width: 320px;
        margin: 0 auto;
    }
    h1 {
        font-size: 24px!important;
        line-height: 46px!important;
    }
    h2 {
        font-size: 23px!important;
        line-height: 32px!important;
    }
    h3 {
        font-size: 16px!important;
        line-height: 23px!important;
    }
    h4 {
        font-size: 15px!important;
        line-height: 17px!important;
    }
    h5 {
        font-size: 13px!important;
        line-height: 18px!important;
    }
    h6 {
        font-size: 8px!important;
        line-height: 16px!important;
    }
    .about_services .tatsu-column {
        border: none!important;
    }
    .about_services .tatsu-column .tatsu-empty-space {
        height: 0px!important;
    }
    .about_services .tatsu-column img {
        max-width: 50vw;
    }
    .page-id-2 .tatsu-section-pad {
        padding: 10% 0px 10% 0px!important;
    }
    .about_contact a {
        font-size: 16px;
    }
    .about_contact h3 {
        line-height: 16px;
    }
    .about_clients img {
        max-width: 50%;
    }
    #bottom-widgets-wrap div.one-third:nth-child(1) {
        width: 100%;
        padding-bottom: 50px;
    }
    #bottom-widgets-wrap div.one-third:nth-child(2) {
        width: 100%;
        text-align: center;
    }
    #bottom-widgets .widget_nav_menu.widget ul {
        float: none;
        margin: 0 auto;
        width: fit-content;
    }
    .post-content.clearfix {
        font-size: 15px!important;
        letter-spacing: 0px;
        line-height: 1em;
    }
    .single .post-content.clearfix {
        font-size: 16px!important;
        letter-spacing: 0px;
        line-height: 1.6em;
    }
    .tatsu-column-pad {
        padding: 0px!important;
    }
    h3 span {
        font-size: 18px!important;
        line-height: 23px!important;
    }
    h4 span {
        font-size: 16px!important;
        line-height: 17px!important;
    }
    .portfolio_nav {
        padding-top: 8vh!important;
    }
    .post-header {
        padding-top: 15px;
    }
    .home-text, .work-nav {
        font-size: 25px!important;
        line-height: 28px!important;
    }
    .home-menu-links {
        font-size: 13px!important;
        line-height: 18px!important;
    }
    .about_1st_row {
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .tatsu-wrap {
        max-width: 85vw;
        margin: 0 auto;
    }
    .be-wrap {
        max-width: 85vw;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 320px) {
    #get_in_touch {
        display: none!important;
    }
    .about_1st_row {
        flex-direction: column-reverse;
    }
    .wksl-slidebar {
        display: none;
    }
    body {
        margin-left: 0px!important;
    }
    .tatsu-wrap {
        max-width: 280px;
        margin: 0 auto;
    }
    .be-wrap {
        max-width: 280px;
        margin: 0 auto;
    }
    h1 {
        font-size: 22px!important;
        line-height: 44px!important;
    }
    h2 {
        font-size: 20px!important;
        line-height: 28px!important;
    }
    h3 {
        font-size: 15px!important;
        line-height: 23px!important;
    }
    h4 {
        font-size: 14px!important;
        line-height: 17px!important;
    }
    h5 {
        font-size: 12px!important;
        line-height: 18px!important;
    }
    h6 {
        font-size: 8px!important;
        line-height: 16px!important;
    }
    .about_services .tatsu-column {
        border: none!important;
    }
    .about_services .tatsu-column .tatsu-empty-space {
        height: 0px!important;
    }
    .about_services .tatsu-column img {
        max-width: 50vw;
    }
    .page-id-2 .tatsu-section-pad {
        padding: 10% 0px 10% 0px!important;
    }
    .about_contact a {
        font-size: 15px;
    }
    .about_contact h3 {
        line-height: 16px;
    }
    .about_clients img {
        max-width: 50%;
    }
    #bottom-widgets-wrap div.one-third:nth-child(1) {
        width: 100%;
        padding-bottom: 60px;
    }
    #bottom-widgets-wrap div.one-third:nth-child(2) {
        width: 100%;
    }
    #bottom-widgets .widget_nav_menu.widget ul {
        float: none;
        margin: 0 auto;
        width: fit-content;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        padding-left: 5%;
    }
    .post-content.clearfix {
        font-size: 18px!important;
        letter-spacing: 0px;
        line-height: 1.3em;
    }
    .single .post-content.clearfix {
        font-size: 16px!important;
        letter-spacing: 0px;
        line-height: 1.6em;
    }
    .tatsu-column-pad {
        padding: 0px!important;
    }
    h3 span {
        font-size: 18px!important;
        line-height: 23px!important;
    }
    h4 span {
        font-size: 16px!important;
        line-height: 17px!important;
    }
    #header {
        padding-top: 10px;
    }
    .portfolio_nav {
        padding-top: 7vh!important;
    }
    .post-header {
        padding-top: 15px;
    }
    .home-text, .work-nav {
        font-size: 18px!important;
        line-height: 20px!important;
    }
    .home-menu-links {
        font-size: 12px!important;
        line-height: 18px!important;
    }
}

@media only screen and (min-width:768px) {
    header#header {
        display: none!important;
    }
}

@media only screen and (max-width:767px) {
    .artist_photo .tatsu-module p,
    .artist_photo_small .tatsu-module p {
        width: 50vw!important;
        height: 50vw;
    }
    .single-portfolio #page-content .clearfix > .tatsu-fullscreen{
        width: calc(100% + 40px);
        margin-left: -20px!important;
    }
    .artist_photo_small .tatsu-module p {
        width: 50vw!important;
        height: 50vw;
    }
    .artist_photo_rectangle .tatsu-module p {
        width: 50vw!important;
        height: 50vw;
    }
    .portfolio .thumb-overlay:hover {
        height: 120px;
    }
        .full-screen .portfolio-container .element {
        margin-bottom: 20px!important;
    }
    body.page #content,body.single-portfolio #content{
        padding: 0 20px;
    }
    #bottom-widgets-wrap {
        padding: 0 20px;
    }
    #bottom-widgets .widget_nav_menu.widget ul li {
        padding: 0 15px 0 0;
    }
    .work-nav{
        font-size: 22px!important;
    }
    .back-menu .tatsu-button-wrap.block-right{
        margin-top: -32px;
    }
    .work-cat-wrap h3{
        font-size: 24px!important;
    }
}


/*@media only screen and (max-width: 767px){  ul.slidebar_menu {      width: 100% !important;  }}*/

#get_in_touch h5 {
    font-size: 14px!important;
    font-weight: bold!important;
    line-height: 40px;
} //Corrections@media (min-width: 960px){    .full-screen .element, .full-screen.three-col .element, .full-screen.four-col .element, .full-screen.five-col .element{       width: 25%;    }}