/* ===================================================

   PersonX Media Queries

   TOC:
	01. screen width less than 1401px and more then 1040  ( Extra large Screen / Desktop )
	02. screen width more than 1200px and less then 1300  ( Mid large Screen / Desktop )
	03. screen width less than 1200px  ( large Screen / Notebook )
	04. screen width more than 767px  ( Tablets & Desktop Screen )
	05. screen width less than 992px  ( Medium Screen / Tablets )
	06. screen width less than 801px  ( Medium wide Screen / Small Tablets )
	07. screen width less than 768px  ( Medium Screen / Smaller Tablets )
	08. screen width less than 603px  ( Medium Screen / Mobile )
	09. screen width less than 600px  ( Medium Screen / Mobile )
	10. screen width less than 500px  ( Small Screen / Mobile )
	11. screen width less than 375px  ( Smaller Screen / Mobile )
	11. Header menu position
	
====================================================== */
/* screen width less than 1401px and more then 1040
------------------------------- */
/* screen width more than 1200px and less then 1300
---------------------------------------------------- */
/* screen width greater than 1366px */
@media (min-width: 1366px) {
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-left .owl-nav {
    left: -98px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-right .owl-nav {
    right: -98px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-both .personx-arrow-btn.common-carousel-nav-left {
    left: -98px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-both .personx-arrow-btn.common-carousel-nav-right {
    right: -98px;
  }
}
/* screen width less than 1200px
------------------------------- */
@media (max-width: 1500px) {
	/* .personx-logo img { height: 20px !important; top: 35px !important; } */
	.personx-logo img {
    height: 75px !important;
    top: 25px !important;
}
/*     .main-header.is-sticky .personx-logo img { top: 25px !important; height: 20px !important; } */
.main-header.is-sticky .personx-logo img {
   top: 8px !important;
    height: 60px !important;
}
}
@media (max-width: 1199px) {
  /*responsive space */
  .personx-blank-space.has-notebook-space .personx-space-desktop-large {
    display: none !important;
  }
  .personx-blank-space.has-notebook-space .personx-space-desktop-small {
    display: block;
  }
  .main-nav > ul > li > a {
    padding: 16px 10px;
    font-size: 12px !important;
  }
  .main-header {
    padding: 0 30px;
  }
  .main-header .personx-logo img {
    left: 30px;
  }
  .main-header.is-sticky .main-nav > ul > li > a {
    padding: 24px 10px;
  }
  .right-nav-sec .group-btn {
    margin-left: 50px;
  }
  .personx-logo img {
    top: 23px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-left .owl-nav {
    left: -10px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-right .owl-nav {
    right: -10px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-both {
    padding-left: 50px;
    padding-right: 50px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-both .personx-arrow-btn.common-carousel-nav-left {
    left: -10px;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-both .personx-arrow-btn.common-carousel-nav-right {
    right: -10px;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-both {
    padding-right: 50px;
    padding-left: 50px;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-both .personx-arrow-btn.common-carousel-nav-left {
    left: -10px;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-both .personx-arrow-btn.common-carousel-nav-right {
    right: -10px;
  }
  .user-intro-image {
    padding-left: 15px !important;
  }
  .user-intro-content {
    padding-left: 40px !important;
    padding-right: 0 !important;
  }
  .personx-popup-start {
    max-width: 700px;
  }
  .screenshots-list a {
    margin-right: 2px;
    margin-bottom: 5px;
  }
  .screenshots-list a img {
    max-width: 60px;
  }
  .personx-funfact-head {
    margin-bottom: 15px;
  }
  .personx-funfact-head .personx-funfact-icon i {
    font-size: 36px;
  }
  .personx-funfact-head .personx-funfact-title {
    font-size: 28px;
    margin-left: 15px;
    margin-top: 2px;
  }
  .personx-funfact-body {
    font-weight: 500;
  }
  .blog-page .banner-header .section-common-space {
    padding: 180px 0 130px;
  }
  .single .banner-content .banner-content-inner h1,
  body.single-personx_portfolio .banner-content .banner-content-inner h1 {
    margin-bottom: 15px;
  }
  body.single-personx_portfolio .banner-content .banner-content-inner h1,
  .banner-content h1,
  .banner-content h2 {
    font-size: 40px;
  }
  .personx-blog-search-form-wrap .personx-search-field {
    font-size: 24px;
    padding: 25px 30px;
  }
  .search-bar .search-label {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1132px)  { .main-nav > ul > li > a {
    padding: 16px 4px;
    font-size: 13px !important;
} }
/* screen width less than 992px
--------------------------------- */
@media (max-width: 991px) {
  /*responsive space */
  .personx-blank-space.has-tablet-space .personx-space-desktop-large,
  .personx-blank-space.has-tablet-space .personx-space-desktop-small {
    display: none !important;
  }
  .personx-blank-space.has-tablet-space .personx-space-tablet {
    display: block;
  }
  .personx-section-title,
  .banner-content h1,
  .banner-content h2 {
    font-size: 30px !important;
  }
  .main-nav > ul > li > a {
    padding: 16px 4px;
    font-size: 10px !important;
}
  .user-intro-image,
  .user-intro-content {
    padding: 0 !important;
    width: 600px !important;
    max-width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
  }
  /* skill section */
  .skill-content-wrap,
  .skill-carousel-wrap {
    padding: 0 !important;
    width: 600px !important;
    max-width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
  }
  /* resume card */
  .personx-resume-card {
    width: 630px !important;
    max-width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
    position: initial !important;
  }
  .tablet-fullwidth-container {
    width: 600px !important;
    max-width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
  }
  .tablet-fullwidth-container .vc_figure,
  .tablet-fullwidth-container .vc_figure * {
    display: block !important;
    width: 100%;
  }
  .personx-blog-search-form-wrap .personx-search-field {
    padding: 20px 40px;
    margin-bottom: 30px;
  }
  .right-nav-sec {
    margin-right: 40px;
  }
  .search-bar .search-label {
    margin-bottom: 25px;
  }
  .search-close {
    font-size: 40px;
  }
  .card-header {
    padding-right: 40px;
  }
  .resume-logo {
    padding-right: 15px;
  }
  .nav-overlay-bg {
    display: block;
  }
  .btn-lg {
    font-size: 12px !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 20px !important;
  }
  .blog-page .header-top {
    position: relative;
  }
  .tab-title {
    padding-bottom: 15px;
    margin-bottom: 10px;
  }
  .sidebar-area {
    padding-left: 0;
  }
  /*personx mobile menu*/
  .mobile-nav,
  .personx-sidenav-trigger {
    display: block;
  }
  body.desktop-topnav-enabled:not(.personx-bothnav-enabled) .right-nav-sec {
    margin-right: 40px;
  }
  body.desktop-topnav-enabled:not(.personx-bothnav-enabled).header-cart-enable .right-nav-sec {
    margin-right: 5px;
  }
  .personx-logo img {
    top: 25px;
    left: 30px;
  }
  img.logo-dark,
  .color-schema-white img.logo-dark,
  .color-schema-dark img.logo-dark {
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
  }
  img.logo-lite,
  .color-schema-white img.logo-lite,
  .color-schema-dark img.logo-lite {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  }
  .personx-null-logo {
    padding: 20px 0px 18px;
  }
  .main-header {
    min-height: 70px;
  }
  .personx-sidenav-trigger {
    right: 30px;
  }
  .main-nav {
    display: none;
  }
  .right-nav-sec .group-btn:before {
    width: 0 !important;
  }
  /*single post page mobile menu*/
  .main-header.header-top {
    padding-top: 0;
  }
  .main-header.header-top .container {
    position: static;
    padding: 0;
  }
  .main-header.header-top .row {
    margin: 0;
  }
  .main-header.header-top .row > div {
    padding-right: 0;
    padding-left: 0;
    position: static;
  }
  .address-mobile .personx-contact-info-wrap {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    margin-bottom: 70px;
  }
  .address-mobile:last-child .personx-contact-info-wrap {
    margin-bottom: 0;
  }
  .single-post-page .banner-content .share-social li {
    margin-left: 10px;
  }
  .single-post-page .banner-content .share-social li:first-child {
    margin-left: 0;
  }
  .blog-page .banner-header .section-common-space {
    padding-top: 150px;
    padding-bottom: 100px;
  }
  .banner-content {
    text-align: center;
  }
  .banner-content .banner-content-inner {
    padding-right: 0 !important;
    margin-bottom: 35px;
  }
  .banner-content .banner-pagination,
  .banner-content .share-social {
    position: relative !important;
    float: none !important;
    overflow: visible;
    display: inline-block;
    margin: 0 !important;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  .pfc-align-left {
    padding: 0;
  }
  .pf-details-page-style_one {
    margin-bottom: 50px;
  }
  .personx-common-carousel-wrap.pagination-enabled .owl-dots {
    margin-top: 40px;
  }
  .personx-social-post {
    width: 50%;
  }
  .main-header {
    padding: 0 15px;
  }
  .main-header .personx-logo img {
	  height: 30px !important;
	  top: 15px !important;
  }
	.main-header.is-sticky .personx-logo img {
    top: 5px !important;
}
  .personx-sidenav-trigger {
    right: 35px;
  }
  .right-nav-sec .group-btn i {
    font-size: 25px;
  }
  .personx-header-cart .cart-contents .cart-icon {
    font-size: 18px;
  }
  .personx-header-cart .cart-contents .cart-count {
    font-size: 16px;
  }
}
/* screen width less than 801px
------------------------------ */
@media (max-width: 800px) {
  body.admin-bar .mobile-nav > ul {
    padding-top: 126px;
  }
  .prev-header .item-description {
    display: none;
  }
  .contact-section .container .vc_col-sm-6 {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .single-post-page .banner-content .banner-content-inner {
    padding-right: 0;
  }
  .post-meta span {
    margin-bottom: 10px;
  }
  .post-meta .cm {
    border: 0;
  }
  .post-meta span:last-child {
    border: 0;
    margin-bottom: 0;
  }
  .all-post-page .banner-header .section-common-space {
    padding-top: 140px;
    padding-bottom: 80px;
  }
  .all-post-page .banner-header {
    min-height: 320px;
  }
  .blog-page .bg-image {
    height: 34vh !important;
  }
  .single-post-page .blog-header .section-common-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
/* screen width less than 768px
------------------------------ */
@media (max-width: 767px) {
  .mobile-nav {
    max-width: 75%;
    width: 300px;
  }
  .personx-slider-play-btn span,
  .personx-slider-play-btn i {
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 18px !important;
  }
  .personx-slider-play-btn span:before,
  .personx-slider-play-btn i:before {
    line-height: 35px !important;
  }
  .mfp-fade.mfp-wrap .mfp-content .mfp-close {
    display: block;
    margin: 10px 10px 0 0;
    color: #000;
    opacity: 1;
  }
  .popup-content-wrap .phr {
    display: none;
  }
  .personx-popup-start {
    max-width: 600px;
    padding: 20px;
  }
  .screenshot-module {
    width: 100%;
    float: none;
    padding: 0 !important;
  }
  .screenshot-module.screenshot-preview {
    margin-bottom: 20px;
  }
  .screenshot-module.popup-description p:last-child {
    margin-bottom: 0;
  }
  .popup-body {
    margin-bottom: 15px;
  }
  .popup-footer .personx-btn {
    padding: 12px 18px 10px;
    font-size: 12px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
  }
  .gallery-item .wp-caption-text.gallery-caption {
    display: none;
  }
  .gallery-columns-1 .wp-caption-text.gallery-caption {
    display: block !important;
  }
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
  .recomenders-info p {
    margin-bottom: 25px;
  }
  .all-post-page .banner-header {
    min-height: auto;
  }
  .blog-page .banner-header .section-common-space {
    padding-top: 142px;
    padding-bottom: 85px;
  }
  .comments-section {
    margin-bottom: 60px;
  }
  .comment-respond {
    margin-bottom: 60px;
  }
  .post-loader {
    margin-bottom: 100px;
  }
  .personx-icon-box-wrap {
    width: 380px;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .personx-pb-pagination {
    margin-bottom: 35px;
    margin-top: -30px;
  }
  .blog-page .section-common-space {
    padding: 60px 0 30px 0;
  }
  .pf-details-page-style_one {
    margin-bottom: 40px;
  }
  .pfc-align-left {
    padding: 0 0 30px 0;
  }
  .personx-footer-col {
    text-align: center;
    max-width: 380px;
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
    margin-bottom: 0;
  }
  .personx-footer-col:not(:last-child) {
    margin-bottom: 60px;
  }
  .personx-social {
    text-align: center !important;
    margin: 0 auto !important;
  }
}
/* screen width less than 600px
------------------------------ */
@media (max-width: 600px) {
  /*responsive space */
  .personx-blank-space.has-phone-space .personx-space-desktop-large,
  .personx-blank-space.has-phone-space .personx-space-desktop-small,
  .personx-blank-space.has-phone-space .personx-space-tablet {
    display: none !important;
  }
  .personx-blank-space.has-phone-space .personx-space-phone {
    display: block;
  }
  .personx-section-title {
    font-size: 28px !important;
  }
  .personx-btn {
    font-size: 12px;
  }
  .personx-btn.personx-btn-small {
    padding-right: 15px;
    padding-left: 15px;
  }
  .personx-btn.personx-btn-icon-left i {
    margin-right: 8px;
  }
  .personx-btn i {
    font-size: 15px;
  }
  .keyval-pair-wrap {
    max-width: 100%;
  }
  .owl-item .personx-basic-card-wrap,
  .owl-item .personx-skill-card-wrap {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .owl-item .personx-skill-card-wrap {
    width: 280px;
  }
  .owl-item .personx-basic-card-wrap {
    width: 380px;
  }
  .personx-common-carousel-wrap.nav-enabled {
    position: relative;
  }
  .personx-common-carousel-wrap.nav-enabled .owl-nav {
    position: static;
    margin-top: 40px;
    text-align: center;
  }
  .personx-common-carousel-wrap.nav-enabled .owl-nav .personx-arrow-btn {
    display: inline-block;
    margin-bottom: 0;
  }
  .personx-common-carousel-wrap.nav-enabled .owl-nav .personx-arrow-btn.common-carousel-nav-left {
    margin-right: 5px;
  }
  .personx-common-carousel-wrap.nav-enabled .owl-nav .personx-arrow-btn.common-carousel-nav-right {
    margin-left: 5px;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-left {
    padding-left: 0;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-right {
    padding-right: 0;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-both {
    padding-right: 0;
    padding-left: 0;
  }
  .personx-common-carousel-wrap.nav-enabled.personx-nav-position-both .personx-arrow-btn {
    margin-top: 40px;
    position: static;
    text-align: center;
  }
  .personx-common-carousel-wrap.nav-enabled.nav-context-outside-container.personx-nav-position-both {
    padding-left: 0px;
    padding-right: 0px;
  }
  .personx-common-carousel-wrap.pagination-enabled .owl-dots {
    margin-top: 50px;
  }
  .personx-common-carousel-wrap .personx-arrow-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
  }
  .personx-common-carousel-wrap .personx-arrow-btn i {
    line-height: 40px;
    font-size: 22px;
  }
  .personx-testimonial-thumb {
    margin-bottom: 20px;
  }
  .personx-testimonial .personx-testimonial-text {
    margin-bottom: 25px;
  }
  .portfolio-category-wrap {
    margin-bottom: 45px;
  }
  .portfolio-category li {
    padding: 15px 5px;
  }
  .tab-histry,
  .main-post,
  .primary-sidebar,
  .single-blog-post {
    margin-bottom: 30px;
    width: 460px !important;
    max-width: 100%  !important;
    float: none !important;
    position: initial !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0;
    padding-left: 0;
  }
  .primary-sidebar {
    clear: both;
  }
  .comments-section {
    margin-bottom: 0;
  }
  .blog-page .banner-header .section-common-space {
    max-height: none;
  }
  .team-member .skillbar-content {
    margin-bottom: 10px;
  }
  .team-member .member-social {
    padding-top: 15px;
    margin-top: 25px;
  }
  .text-center.post-loader {
    margin-bottom: 60px;
  }
  .map-wrapper {
    margin-top: -350px;
  }
  .map-wrapper #map {
    height: 350px;
  }
  .shot-count-inner .popup-share-btn {
    width: 45px;
    min-width: 45px;
    height: 45px;
    line-height: 45px;
  }
  .shot-count-inner .popup-share-btn i {
    font-size: 20px;
    line-height: 45px;
  }
  .shot-count-inner ul {
    right: 3px;
  }
  .back-to-top {
    width: 46px;
    height: 46px;
    min-width: 46px;
    font-size: 24px;
    bottom: 20px;
    right: 20px;
  }
  a.footer-logo {
    margin-bottom: 40px;
  }
  .footer-top div.section-common-space {
    padding: 50px 0;
  }
  .mobile-text-center {
    text-align: center !important;
  }
  .personx-header-cartlist {
    display: none;
  }
  .search-close {
    top: 15px !important;
    right: 15px !important;
    font-size: 25px !important;
  }
  .search-bar .search-label {
    margin-bottom: 10px;
  }
  .personx-blog-search-form-wrap .personx-search-field {
    padding: 15px 20px;
  }
}
/* screen width less than 500px

------------------------------ */
@media (max-width: 500px) {
  .personx-logo img {
    height: 40px;
  }
  .keyval-pair-wrap .single-keyval {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin-bottom: 15px;
  }
  .keyval-pair-wrap .single-keyval:last-child {
    margin-bottom: 0;
  }
  .blog-page .banner-header .section-common-space {
    padding-top: 140px;
    padding-bottom: 65px;
  }
  .post-meta span:after {
    top: 0;
  }
  .single-post-page .banner-content .share-social li {
    margin: 0;
  }
  .funfact-responsive.wpb_column {
    width: 270px;
    max-width: 100%;
    float: none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
  }
  .break {
    display: block;
  }
  .banner-content {
    margin-top: 30px;
  }
  .banner-content h2 {
    font-size: 28px;
  }
  .banner-content h3 {
    font-size: 12px;
  }
  .protfolio-items > div {
    width: 100%;
  }
  .comment-content {
    padding: 0;
    margin: 15px 0 0 0;
    text-align: left;
  }
  .comment-thumb img {
    width: 50px;
    height: 50px;
  }
  .comment-thumb .ctwr {
    margin-right: 15px;
  }
  .comments-section .single-comment {
    padding: 20px 15px 15px;
  }
  .map-wrapper {
    margin-top: -300px;
  }
  .map-container {
    height: 360px;
  }
  .map-wrapper #map {
    height: 300px;
  }
  .item-description {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .popup-header .popup-meta .btn-default,
  .lavel2Popup .pull-left.prev-info,
  .lavel2Popup a.logo.p-corner.right {
    display: none;
  }
  .lavel2Popup .prev-header > div:last-child {
    float: left!important;
  }
  .primary-sidebar {
    padding-right: 15px;
    padding-left: 15px;
  }
  .resume-date {
    position: static;
    padding-left: 65px;
    overflow: hidden;
    width: 100%;
  }
  .single-resume-card .card-header {
    padding-right: 0;
  }
  .personx-social-post {
    width: 100%;
    max-width: 360px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    position: static !important;
    margin-bottom: 15px;
  }
}
/* screen height less than 500px

------------------------------ */
@media (max-height: 500px) {
  .mobile-nav .sidenav-user-profile {
    padding: 35px;
  }
  .mobile-nav nav > ul > li {
    margin-bottom: 4px;
  }
  .mobile-nav .sidenav-user-profile .sidenav-user-thumb {
    display: none !important;
  }
}
/* screen width less than 375px
------------------------------ */
@media (max-width: 375px) {
  body.header-cart-enable.desktop-sidenav-enabled .right-nav-sec {
    margin-right: 0;
  }
  body.desktop-sidenav-enabled .right-nav-sec {
    margin-right: 30px;
  }
  body.header-cart-enable.desktop-sidenav-enabled .personx-header-cart {
    margin-right: 40px;
  }
  .right-nav-sec .group-btn i {
    font-size: 19px;
  }
  .right-nav-sec .group-btn {
    margin-top: 1px !important;
    margin-left: 0;
  }
  .personx-header-cart .cart-contents .cart-icon {
    font-size: 16px;
    margin-right: 0px;
  }
  .personx-header-cart .cart-contents .cart-count {
    font-size: 14px;
  }
  .hamburger-box {
    height: 19px;
  }
  .mobile-nav ul li.menu-item-has-children li.menu-item-has-children {
    margin-left: 0;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .blog-page .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-template-fullwidth.blog-page .main-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .primary-sidebar {
    padding-right: 15px;
    padding-left: 15px;
  }
  .comments-section .single-comment {
    padding-top: 20px;
  }
  .comment-thumb .ctwr {
    width: 100%;
    display: inline-block;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .comment-reply {
    position: absolute;
    right: 0;
    top: 0;
  }
  .personx-sidenav-social ul li {
    margin-right: 25px;
  }
  body.desktop-topnav-enabled:not(.personx-bothnav-enabled).header-cart-enable .right-nav-sec {
    margin-right: -5px;
  }
  .personx-header-cart {
    margin-right: 40px;
    margin-left: 5px;
  }
}
/* Header menu position style
   when WordPress admin bar is shown
------------------------------ */
@media screen and (max-width: 782px) {
  body.admin-bar .main-header.animated-header,
  body.admin-bar .main-header.is-sticky {
    top: 46px;
  }
  body.admin-bar:not(.has-basic-header) .personx-sidenav-trigger {
    top: 85px;
  }
  body.admin-bar.has-sticky-header .personx-sidenav-trigger {
    top: 68px;
  }
  body.admin-bar .sidenav-header {
    padding-top: 45px;
  }
  body.admin-bar .profolio-preview {
    padding-top: 46px;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar .main-header.is-sticky {
    top: 0px;
    position: absolute;
  }
  body.admin-bar.has-sticky-header .personx-sidenav-trigger {
    top: 22px;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
  }
  body.admin-bar .main-header.animated-header.is-sticky {
    position: fixed;
  }
  body.admin-bar.has-sticky-header .sidenav-header {
    padding-top: 0;
  }
  body.admin-bar .profolio-preview {
    padding-top: 0px;
  }
  body.single-product.woocommerce-page:not(.has-sticky-header):not(.has-basic-header).admin-bar .personx-sidenav-trigger {
    top: 73px;
  }
}
@media (min-height: 600px) and (max-width: 600px) {
  body.admin-bar.has-sticky-header .mobile-nav {
    padding-top: 219px;
  }
}