@media ( max-width: 1366px ) {

    .px-socials-side {
        display: none;
    }
    
}

@media ( max-width: 1300px ) and ( min-width: 1200px ) {

    .px-main-menu .px-no-menu a,
    .px-main-menu ul li a {
        padding-left: 10px;
    }

    .px-logo-center .px-main-menu .main-menu li a,
    .px-logo-center .px-main-menu .px-no-menu a {
        padding: 0 5px;
    }

    .px-logo-center .px-btn-header {
        margin-left: 15px;
    }

}

@media ( max-width: 1200px ) {

    .px-header-row {
        padding: 0 15px;
    }

    .px-gap-15 .px-boxed .px-flex {
        margin-left: -7.5px !important;
        margin-right: -7.5px !important
    }

    .px-gap-30 .px-boxed .px-flex {
        margin-left: -15px !important;
        margin-right: -15px !important
    }

    .px-gap-45 .px-boxed .px-flex {
        margin-left: -22.5px !important;
        margin-right: -22.5px !important
    }

    .px-gap-60 .px-boxed .px-flex {
        margin-left: -30px !important;
        margin-right: -30px !important
    }

    .px-gap-75 .px-boxed .px-flex {
        margin-left: -37.5px !important;
        margin-right: -37.5px !important
    }

    .px-gap-90 .px-boxed .px-flex {
        margin-left: -45px !important;
        margin-right: -45px !important
    }

    .px-gap-15 .px-row-fix.px-flex {
        margin-left: 7.5px;
        margin-right: 7.5px
    }

    .px-gap-30 .px-row-fix.px-flex {
        margin-left: 15px;
        margin-right: 15px
    }

    .px-gap-45 .px-row-fix.px-flex {
        margin-left: 22.5px;
        margin-right: 22.5px
    }

    .px-gap-60 .px-row-fix.px-flex {
        margin-left: 30px;
        margin-right: 30px
    }

    .px-gap-75 .px-row-fix.px-flex {
        margin-left: 37.5px;
        margin-right: 37.5px
    }

    .px-gap-90 .px-row-fix.px-flex {
        margin-left: 45px;
        margin-right: 45px
    }

    .px-btn-close,
    .px-btn-to-top {
        right: 15px
    }

    .px-logo-left .px-header-row .px-btn-search {
        margin-right: 0
    }

    .px-logo-center .px-header-logo {
        margin-left: 0
    }

    .px-main-menu {
        display: none
    }

    .px-btn-menu-side {
        display: block !important
    }

    .px-logo-center .px-btn-menu-side {
        top: 100%;
        left: 50%;
        margin-left: -30px;
        margin-top: -72px;
        position: absolute
    }

    .px-side-nav {
        width: 50%
    }

    .px-row-content .px-col-content {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-row-content .px-boxed .px-col-content,
    .px-row-content .px-flex .px-col-content {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .px-no-gap .px-col-content {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-no-gap .px-flex .px-col-content {
        padding-right: 30px !important;
        padding-left: 30px !important
    }

    .px-no-gap .px-flex .px-gmap-fix .px-col-content,
    .px-row-content .px-gmap-fix .px-col-content {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .px-back-title {
        left: 30px;
    }

    .px-txt-left .px-image img,
    .px-txt-right .px-image img {
        margin: 0 auto;
        display: block
    }

    .px-thumb.px-cropped img {
        width: 100%;
    }

}

@media ( max-width: 992px ) {

    .px-footer-right ul,
    .px-post-content .px-post-tags ul,
    .px-post-content .px-tags-title,
    .px-tags-title {
        text-align: left
    }

    .px-post-content .px-post-tags ul li {
        margin-left: 0;
        margin-right: 15px
    }

    .px-back-title {
        top: 0;
    }

    .px-content-left,
    .px-sidebar-left {
        padding-right: 15px;
        border-bottom: 1px solid #f0f0f0
    }

    .px-content-right,
    .px-sidebar-right {
        padding-left: 15px
    }

    .px-content-right {
        border-left: none
    }

    .px-modal-search form {
        padding-right: 0
    }

    .px-modal-search input {
        font-size: 20px;
        line-height: 32px
    }

    .px-post-content .px-post-share,
    .px-post-content .px-post-tags {
        width: 100%
    }
	
	.px-side-nav {
		left: 30px;
		width: auto;
	}

    .px-footer-left {
        margin-bottom: 30px
    }

    .gallery-size-thumbnail figure {
        width: 33.33%
    }

    .px-font-hero {
        font-size: 54px !important;
        line-height: 68px !important
    }

    .px-font-xxxl {
        font-size: 48px !important;
        line-height: 60px !important
    }

    .px-font-xxl {
        font-size: 40px !important;
        line-height: 52px !important
    }

    .px-font-xl {
        font-size: 36px !important;
        line-height: 48px !important
    }

    .px-font-l {
        font-size: 32px !important;
        line-height: 44px !important
    }

    .px-font-m {
        font-size: 28px !important;
        line-height: 40px !important
    }

    .px-font-s, h4 {
        line-height: 36px !important
    }

    .px-font-s {
        font-size: 24px !important
    }

    h1 {
        font-size: 36px !important;
        line-height: 48px !important
    }

    h2 {
        font-size: 32px !important;
        line-height: 44px !important
    }

    h3 {
        font-size: 28px !important;
        line-height: 40px !important
    }

    h4 {
        font-size: 24px !important
    }

}

@media ( max-width: 768px ) {

    .gallery-size-thumbnail figure {
        width: 50%
    }

    .px-quote-slider .px-quote-avatar {
        position: static;
        margin: 0 auto 30px
    }

    .px-quote-slider .px-quote-caption {
        text-align: center;
        padding-left: 0
    }

    .px-quote-caption .px-quote-author,
    .px-quote-caption .px-quote-role,
    .px-quote-caption .px-quote-text {
        text-align: center
    }

    .px-cta .px-btn {
        position: static;
        margin-bottom: 30px
    }

    .px-cta-text {
        padding-left: 0 !important
    }

    .px-txt-right .px-cta-text {
        padding-right: 0
    }

    .px-font-hero {
        font-size: 48px !important;
        line-height: 60px !important
    }

    .px-font-xxxl {
        font-size: 40px !important;
        line-height: 52px !important
    }

    .px-font-xxl {
        font-size: 36px !important;
        line-height: 48px !important
    }

    .px-font-xl {
        font-size: 32px !important;
        line-height: 44px !important
    }

    .px-font-l {
        font-size: 28px !important;
        line-height: 40px !important
    }

    .px-font-m,
    h3 {
        line-height: 36px !important
    }

    .px-font-m {
        font-size: 24px !important
    }

    h1 {
        font-size: 32px !important;
        line-height: 44px !important
    }

    h2 {
        font-size: 28px !important;
        line-height: 40px !important
    }

    h3 {
        font-size: 24px !important
    }

    h4 {
        font-size: 22px !important;
        line-height: 34px !important
    }

}

@media ( max-width: 480px ) {

    .px-logo-center {
        text-align: center;
    }

    .px-logo-center .px-btn-menu-side {
        position: static;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        float: none;
    }

    .px-btn-search,
    .px-btn-header,
    .px-nav-bullets {
        display: none !important
    }

    .px-page-header,
    .px-post-header {
        height: 100vh !important;
        padding-top: 0;
        margin-top: -60px
    }

    .px-side-scroll {
        left: 15px
    }

    .px-side-nav {
        left: 0;
        right: 0 !important;
        top: 0 !important;
        bottom: 0;
    }

    .px-side-menu ul {
        max-width: 200px;
    }

    .px-side-menu ul li {
        width: 200px;
    }

    .px-side-menu ul li a {
        font-size: 18px
    }

    .px-side-menu ul .sub-menu li a {
        font-size: 14px
    }

    .px-btn-sub-side-menu {
        font-size: 10px
    }

    .px-logo-center .px-btn-search {
        display: inline-block
    }

    .px-modal-search input {
        font-size: 16px
    }

    .px-btn-nav {
        width: 45px;
        text-align: center
    }

    .px-btn-nav a,
    .px-btn-nav span {
        padding: 0;
        font-size: 0
    }

    .px-no-post,
    .px-post-next a,
    .px-post-prev a {
        font-size: 12px
    }

    .px-btn-nav i {
        margin: 0
    }

    .px-no-post {
        padding: 0
    }

    .px-btn-blog {
        display: none
    }

    .px-thumb .px-btn-zoom {
        display: none;
    }

    .px-comments ul .children {
        padding-left: 15px
    }

    .px-footer-socials ul {
        margin-bottom: -30px;
        margin-top: 30px
    }

    .px-footer-socials li {
        margin-right: 30px;
        margin-bottom: 30px;
        height: auto;
        width: auto;
        line-height: 1
    }

    .px-font-hero {
        font-size: 42px !important;
        line-height: 56px !important
    }

    .px-font-xxxl {
        font-size: 38px !important;
        line-height: 50px !important
    }

    .px-font-xxl {
        font-size: 34px !important;
        line-height: 46px !important
    }

    .px-font-xl {
        font-size: 28px !important;
        line-height: 40px !important
    }

    .px-font-l {
        font-size: 24px !important;
        line-height: 36px !important
    }

    .px-font-m,
    h4 {
        line-height: 32px !important
    }

    .px-font-m {
        font-size: 20px !important
    }

    h1 {
        font-size: 28px !important;
        line-height: 44px !important
    }

    h2 {
        font-size: 24px !important;
        line-height: 36px !important
    }

    h3 {
        font-size: 22px !important;
        line-height: 34px !important
    }

    .px-font-s, h4 {
        line-height: 32px !important;
        font-size: 20px !important
    }

    .px-map iframe {
        max-height: 300px
    }

    .px-btn a,
    .px-btn span {
        padding: 0 15px !important
    }

    .gallery-size-thumbnail figure {
        width: 100%
    }

}

@media ( max-height: 768px ) {

    .px-side-scroll {
        max-height: 420px
    }

}

@media ( max-height: 600px ) {

    .px-side-scroll {
        max-height: 360px
    }

}

@media ( max-height: 480px ) {

    .px-side-scroll {
        max-height: 300px
    }

}

@media ( max-width: 768px ) {

    .sbvcgmap-map,
    .sbvcgmap-map-wrapper {
        max-height: 360px
    }

}

@media ( max-width: 480px ) {

    .sbvcgmap-map,
    .sbvcgmap-map-wrapper {
        max-height: 240px
    }

}