.header-middle {
width: 84% !important;
}

.header-right {
    display: none;
}

.site-main-nav {
    text-align: right !important;
}

.site-header {
    padding: 20px 0;
}

.enable-header-transparency .site-header:not(.is-sticky) .site-main-nav .main-menu > li.active > a, .enable-header-transparency .site-header:not(.is-sticky) .site-main-nav .main-menu > li:hover > a {
    color: #96a4a4 !important;
}

.site-header-mobile {
    padding: 12px 0;
}

.menu-item a:after {
    display: none !important;
}

@media only screen and (min-width: 769px)  {
 #tablet-view, #mobile-view, .non-desktop {
   display: none;
 } 
}

/* ---------------- MOBILE VIEW ------------- */
@media only screen and (max-width: 480px)  {
 #desktop-view, #tablet-view, .tablet-view, .desktop-view {
   display: none;
 } 

.porfolio-item-div {
    padding: 10px 20px;
}

.work-sec-1 {
    padding-top: 110px !important;
 background: url(/wp-content/uploads/work-mobile-bg.jpg) !important;
    background-color: #e5e5e5;
}

.single-la_portfolio {
background: url(/wp-content/uploads/work-mobile-bg.jpg) !important;
    background-color: #e5e5e5 !important;
    background-repeat: no-repeat !important;
}

.bcrumbs-div a, .bcrumbs-div {
    font-size: 20px !important;
}

.category-div {
    text-align: left;
position: relative;
}

.category-div img {
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

.single-post, body.archive.category {
    background-image: url(/wp-content/uploads/personal-bg-top-mobile.png), url(/wp-content/uploads/personal-mobile-bottom-mobile.png) !important;
    background-size: auto !important;
    background-position: top center, bottom left !important;
background-repeat: no-repeat, no-repeat !important;
}
}

/* ---------------- TABLET VIEW ------------- */

@media only screen and (max-width: 768px) and (min-width: 481px)  {
  #desktop-view, #mobile-view, .desktop-view, .mobile-view {
   display: none;
 } 

.single-post, body.archive.category {
    background-image: url(/wp-content/uploads/personal-bg-tablet-top.png), url(/wp-content/uploads/personal-bg-tablet-bottom.png) !important;
    background-size: auto !important;
    background-position: top center, bottom left !important;
background-repeat: no-repeat, no-repeat !important;
}

.category-div {
    padding-bottom: 50px;
}

.porfolio-item-div {
    padding: 10px 20px;
}

.work-sec-1 {
    padding-top: 130px !important;
background: url(/wp-content/uploads/work-tablet-bg.jpg) !important;
    background-color: #e5e5e5 !important;
    background-repeat: no-repeat !important;
}

.single-la_portfolio {
background: url(/wp-content/uploads/work-mobile-bg.jpg) !important;
    background-color: #e5e5e5;
}

.bcrumbs-div a, .bcrumbs-div {
    font-size: 28px !important;
}

.category-div {
    text-align: left !important;
}

.category-div img {
    margin-right: 10px;
}
}

.bcrumbs-div a {
    font-family: gothamBold;
    font-size: 43px;
    color: #fff;
}

.bcrumbs-div {
    font-family: gothamBold;
    font-size: 43px;
    color: #fff;
    line-height: 40px;
}

h1, h2, h3, h4, h5 {
    font-family: gothamBold;
    color: #999 !important;
    letter-spacing: 4px;
}
  
@font-face {
font-family: gothamBold;
src: url(/font/Gotham-Bold.otf);
}

@font-face {
font-family: gotham;
src: url(/font/GothamMedium.otf);
}

@font-face {
font-family: butlerMed;
src: url(/font/Butler_Medium.otf);
}

@font-face {
font-family: butler;
src: url(/font/Butler_Regular.otf);
}

.site-header, .site-header-mobile {
    position: absolute;
    width: 100%;
}

.site-main {
    border: none !important;
}

.site-footer {
    display: none;
}

.site-header-inner {
    background-color: transparent !important;
}

.single-la_portfolio {
    background-image: url(/wp-content/uploads/work-bg-1.png), url(/wp-content/uploads/work-bg-2.png) !important;
    background-size: contain;
    background-position: center top, center bottom !important;
    background-color: #e5e5e5;
    background-repeat: no-repeat, no-repeat !important;
    padding-bottom: 50px;
}

.portfolio-single-page .pf-title-wap {
    display: none;
}

.portfolio-nav {
    display: none;
}

.portfolio-item .item-inner {
    padding: 2px;
}

h3.entry-title a {
    color: #fff !important;
}

h1.heading.bcrumbs {
    letter-spacing: 0;
}

h1.heading {
    font-family: gothamBold;
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 45px;
    color: #fff !important;
}

h2.subheading {
    font-family: gotham;
    text-transform: uppercase;
    margin: 5px 0;
    color: #fff !important;
    font-size: 20px;
}

p.info {
    color: #fff !important;
    font-size: 14px;
}

p.list {
    border-left: 5px solid #dec2a1;
    padding-left: 15px;
    text-transform: uppercase !important;
    color: #fff !important;
    font-size: 15px;
}

a.cust-btn {
    color: #fff;
    padding: 15px 30px;
    font-family: gotham;
    letter-spacing: 4px;
    border-radius: 10px;
    text-decoration: none !important;
}

a.btn-sec-1 {
    color: #fff;
    background: #97a593;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.btn-sec-1:hover {
    color: #fff !important;
    background: #839a7c;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.btn-sec-2 {
    color: #fff;
    background: #ad7f75;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.btn-sec-2:hover {
    color: #fff !important;
    background: #a57064;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.btn-sec-3 {
    color: #fff;
    background: #93a5a5;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.btn-sec-3:hover {
    color: #fff !important;
    background: #7c9d9d;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

a.footer-menu {
    font-size: 20px;
    color: #999 !important;
    letter-spacing: 7px;
}

.footer-links {
    margin-top: 21px;
}

.contact-div {
    padding: 0px 50px;
    padding-bottom: 30px;
    border-left: 2px solid #b5b5b5;
}

.div-50 {
    width: 48%;
    display: inline-block;
    padding: 2px;
}

.div-100 {
    width: 96%;
}

.div-100 textarea {
    min-height: 180px;
}

.vc_gitem-zone-c {
    display: none;
}


.work-category a {
    text-transform: uppercase;
    color: #b4b4b4;
    letter-spacing: 5px;
}

.work-category a:hover {
    color: #fff;
 -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.work-category {
    text-align: right;
}

.single-portfolio {
    background: url(/wp-content/uploads/2019/08/work-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-div input.wpcf7-submit {
    background: #404040;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 5px;
    padding: 10px 30px;
    font-weight: bold;
}

.site-header-mobile .la_compt_iem > .component-target, .site-header-mobile .header__action > a {
    color: #ffffff !important;
}

.site-header-mobile .mobile-menu-wrap .dl-menuwrapper ul {
margin-top: 15px;
}

/* ---------------- BLOG POST ------------- */

.single-post .container {
width: 100% !important;
}

.single-post {
    background-color: #e5e5e5;
    background-image: url(/wp-content/uploads/personal-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.single_post_item--meta.blog_item--meta.entry-meta {
    display: none;
}

.single-post-padding {
padding-top: 150px;
}

.single_post_item--category-link {
    text-align: left;
}

.single_post_item--title .entry-title {
    margin: 5px 0 0;
    font-family: gothamBold;
    font-size: 45px;
    text-transform: uppercase;
}

.single_post_item--category-link {
    text-align: left;
    font-family: gotham;
    text-transform: uppercase;
    margin: 0 0 5px;
    color: #fff !important;
    font-size: 20px;
    font-style: normal !important;
    letter-spacing: 2px;
}

.blog-content {
    padding-top: 50px;
}

.category-div {
    text-align: center;
}

.category-div img {
    margin-bottom: 15px;
}

.category-div img:hover {-ms-animation:wiggle .3s 2;-moz-animation:wiggle .3s 2;-webkit-animation:wiggle .3s 2;animation:wiggle .3s 2;}iteration-count: 1;
}

@-ms-keyframes wiggle{0%{-ms-transform:rotate(3deg);}50%{-ms-transform:rotate(-3deg);}100%{-ms-transform:rotate(3deg);}}
@-moz-keyframes wiggle{0%{-moz-transform:rotate(3deg);}50%{-moz-transform:rotate(-3deg);}100%{-moz-transform:rotate(3deg);}}
@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(3deg);}50%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}
@keyframes wiggle{0%{transform:rotate(3deg);}50%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}


body.archive.category {
    background-color: #e5e5e5;
    background-image: url(/wp-content/uploads/personal-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.container.blog-cat {
    width: 100%;
}

.blog_item--meta.entry-meta {
    display: none;
}

.blog_item--title .entry-title {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.blog_item--category-link a {
    margin-right: 5px;
    text-align: left;
    font-family: gotham;
    text-transform: uppercase;
    margin: 0 0 5px;
    color: #fff !important;
    font-size: 14px;
    font-style: normal !important;
    letter-spacing: 2px;
}

.blog_item--title .entry-title {
    margin-top: 0 !important;
    margin-bottom: 10px;
}

.tt1:hover .tooltip1 {
  visibility: visible;
}

.tt2:hover .tooltip2 {
  visibility: visible;
}

.tt3:hover .tooltip3 {
  visibility: visible;
}

.tt4:hover .tooltip4 {
  visibility: visible;
}

.tt5:hover .tooltip5 {
  visibility: visible;
}

.tooltip-div {
position: relative;
}

.tooltip-div .tooltip1, .tooltip-div .tooltip2, .tooltip-div .tooltip3, .tooltip-div .tooltip4, .tooltip-div .tooltip5 {
    visibility: hidden;
    background-color: #8c9583;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 35px;
    left: -25px;
    font-size: 10px;
}

.inv-recaptcha-holder {
    margin-left: 50px;
    margin-bottom: 50px;
}