/* Large desktop (Optional)*/
@media (min-width: 1590px)  {
    .container {
        width: 1560px;
    }
    .pm-opened .portfolio-menu-container .pm-anchor {
        font-size: 28px;
    }
    .epoch-ut-callout {
        font-size: 48px;
    }
}
/* Large devices Desktops (≥1200px) */
@media (min-width: 1200px) {
    
}
/* Medium & Small devices Tablets and Phones (<=991px) (Optional) */
@media (max-width: 1199px) {
    #fp-nav.right {
        right: 10px;
    }
    #fp-nav.left {
        left: 10px;
    }
}
/* Medium devices Desktops (≥992px) */ 
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Small devices Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
    .pm-opened .portfolio-menu-container .pm-anchor {
        font-size: 24px;
    }
    .pm-opened .portfolio-menu-container .close-portfolio-menu {
        font-size: 20px;
    }
}
/* Small devices Tablets (≥768px) (Optional) */
@media (min-width: 769px) and (max-width: 991px) {
}
/* Extra small devices Phones (<768px) */
@media (max-width: 767px) {
    body.site-title-on .mobile.site-name {
        display: block !important;
    }
    body.site-title-on .logo-img {
        display: none;
    }

    .container {
        width: 100%;
    }

    .btn-m {
        padding: 15px;
    }
    
    #loader {
        width: 100px;
        height: 100px;
        margin: -35px 0 0 -35px;
    }
    
    /* Navigation bullet */
    #fp-nav ul li, .fp-slidesNav ul li {
        margin: 1px;
    }
    
    /* Menu */
    .epoch-ut-header-container {
        display: none;
    }
    .epoch-ut-mobile-header-container {
        display: block;
    }

    /* Callout Element */
    .epoch-ut-callout .callout-text h3 {
        padding: 5px 10px;
        line-height: 1.6em;
        font-size: 32px;
    }

    /* Heading Element */
    .epoch-ut-heading .heading-title {
        font-size: 42px;
    }
    .epoch-ut-heading .heading-description,
    .right.epoch-ut-heading .heading-description {
        font-size: 12px;
        margin-top: 30px;
        padding-top: 25px;
        padding-bottom: 10px;
    }
    .epoch-ut-heading .heading-description {
        margin-left: 30px;
        padding-left: 25px;
    }
    .right.epoch-ut-heading .heading-description {
        margin-right: 30px;
        padding-right: 25px;
    }
    .epoch-ut-heading .heading-description:before {
        height: 3px;
    }
    .epoch-ut-heading .heading-description:after {
        width: 3px;
    }
    .epoch-ut-heading a.heading-link,
    .right.epoch-ut-heading a.heading-link {
        margin-top: 14px;
    }
    .epoch-ut-heading a.heading-link {
        margin-left: 55px;
    }
    .right.epoch-ut-heading a.heading-link {
        margin-right: 55px;
    }

    /* Tabs Element */
    .style-2.epoch-ut-tabs ul.wpb_tabs_nav {
        float: none;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .style-2.epoch-ut-tabs ul.wpb_tabs_nav li {
        display: inline-block;
    }
    .epoch-ut-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
        font-size: 18px;
    }
    .style-2.epoch-ut-tabs .wpb_tour_tabs_wrapper .ui-tabs-panel {
        max-width: 100%;
        width: 100%;
    }
    
    #fullpage .vc_column_container>.vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }
    /* Comments */
    div.comment-meta.post-meta,
    div.comment-content.post-content > p {
        padding-left: 80px;
    }
    .comment-list section.child-comments > article.comment {
        padding-left: 50px;
    }
    section.child-comments article.comment:before {
        top: 35px;
        left: 18.5px;
        border-width: 1px;
        width: 20px;
        height: 20px;
    }
}

/* Small devices Tablets and Phones (<=991px) (Optional) */
@media (max-width: 991px) {
    .epoch-ut-callout .callout-text p {
        padding: 10px 15px;
        line-height: 1.2em;
        font-size: 36px;
    }
}

/* Landscape phones and down */
@media screen and (max-width: 480px) {
    td,
    th {
        padding: 8px;
    }

    .btn-m {
        padding: 10px;
    }
    #fp-nav.right {
        display: none;
    }

    /* Portfolio Menu */
    .pm-opened .portfolio-menu-container .pm-anchor {
        font-size: 15px;
    }
    .pm-opened .portfolio-menu-container .close-portfolio-menu {
        font-size: 18px;
    }

    /* Callout Element */
    .epoch-ut-callout,
    .epoch-ut-callout .callout-text h3,
    .epoch-ut-callout .callout-btn a {
        font-size: 14px;
    }
    .epoch-ut-callout .callout-text h3 {
        padding: 10px 15px;
        line-height: 1.2em;
    }
    .epoch-ut-callout .callout-text h3,
    .epoch-ut-callout .callout-text h3:first-child {
        margin-bottom: 5px;
    }

    /* Heading Element */
    .epoch-ut-heading .heading-title {
        font-size: 28px;
        margin-left: 20px;
    }
    .left.epoch-ut-heading .heading-title {
        margin-left: 20px;
    }
    .right.epoch-ut-heading .heading-title {
        margin-right: 20px;
    }
    .epoch-ut-heading .heading-description,
    .epoch-ut-heading .heading-description {
        font-size: 12px;
        margin-top: 20px;
        padding-top: 15px;
        padding-bottom: 10px;
        max-width: 100% !important;
    }
    .left.epoch-ut-heading .heading-description {
        margin-left: 20px;
        padding-left: 15px;
    }
    .right.epoch-ut-heading .heading-description {
        margin-right: 20px;
        padding-right: 15px;
    }
    .epoch-ut-heading .heading-description:before {
        height: 3px;
    }
    .epoch-ut-heading .heading-description:after {
        width: 3px;
    }
    .epoch-ut-heading a.heading-link,
    .right.epoch-ut-heading a.heading-link {
        margin-top: 14px;
    }
    .left.epoch-ut-heading a.heading-link {
        margin-left: 35px;
    }
    .right.epoch-ut-heading a.heading-link {
        margin-right: 35px;
    }

    /* Tabs Element */
    .epoch-ut-tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
        font-size: 13px;
        padding: 10px 10px;
    }

    /* Socials Element */
    #fullpage .epoch-ut-socials i {
        margin: 20px !important;
        font-size: 32px;
    }
    
    /* Comments */
    .comment-content .gravatar,
    section.child-comments article.comment:before {
        display: none;
    }
    div.comment-meta.post-meta,
    .comment-list section.child-comments > article.comment,
    div.comment-content.post-content > p {
        padding-left: 0;
    }
}