/*-

Description: This is a stylesheet containing styling for mobile devices.

Use this file as a reference for Custom CSS or to build
a child theme color scheme. Do not edit this file directly -
it is not loaded into the theme!!

Author: Obox Themes
Author URI: http://www.oboxthemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

    .logo {
        position: relative;
        top: 0px;
    }

    /*-------------------------------*/
    /*- COLUMNS ---------------------*/

    /*---------------------------*/
    /*- SPAN - 2 GOES SPAN 6 ----*/
    .span-2 {
        width: calc(((100% / 12) * 6) - 20px);
    }

    .column-flush.span-2 {
        width: calc(((100% / 12) * 6));
    }

    /*---------------------------*/
    /*- CLEARING COLS - FALLBACK */
    .row .column.span-1:nth-child(6n+7),
    .row .column.span-2:nth-child(2n+3) {
        clear: left;
    }

    /*---------------------------*/
    /*- REST GO SPAN 12 ---------*/
    .span-3,
    .span-4,
    .span-5,
    .span-6,
    .span-7,
    .span-8,
    .span-9,
    .span-10,
    .span-11 {
        width: calc(((100% / 12) * 12) - 20px);
    }

    .column-flush.span-3,
    .column-flush.span-4,
    .column-flush.span-5,
    .column-flush.span-6,
    .column-flush.span-7,
    .column-flush.span-8,
    .column-flush.span-9,
    .column-flush.span-10,
    .column-flush.span-11 {
        width: calc(((100% / 12) * 12));
    }

    /*---------------------------*/
    /*- MASONRY -----------------*/
    .list-masonry .grid {
        margin-left: 10px;
        margin-right: -10px;
    }

    /*-------------------------------*/
    /*- NAVIGATION ------------------*/

    /*-------------------------------*/
    /*- HEADER RIGHT REPSONSIVE NAV -*/
    .header-right .responsive-nav {
        margin-left: 0;
    }

    /*---------------------------*/
    /*- TABBED NAV --------------*/
    .nav-tabs {
        padding: 5px;
    }

    .nav-tabs li {
        width: 50%;
        padding: 5px;
        margin: 0;
    }

    /*---------------------------*/
    /*- VERTICAL NAV SUB MENUS --*/
    .nav-vertical {
        display: block;
    }

    .nav-vertical .sub-menu {
        width: auto;
        position: static;
        visibility: visible;
        opacity: 1;
        left: auto;
        right: auto;
        top: auto;
        box-shadow: none;
        border: none;
        font-size: 1.2rem;
    }

    .nav-vertical .sub-menu .sub-menu {
        margin-left: 10px;
    }

    .nav-vertical .sub-menu li {
        border: none;
        width: auto;
    }

    /*-------------------------------*/
    /*- SLIDER ----------------------*/

    .swiper-slide .section-title.large .heading {
        font-size: 3rem;
    }

    .swiper-slide .section-title.large .excerpt {
        font-size: 2rem;
    }

    /*-------------------------------*/
    /*- CONTENT ---------------------*/

    /*---------------------------*/
    /*- META INFO ---------------*/
    .single .meta-item {
        display: block;
    }

    /*-------------------------------*/
    /*- COMPONENTS ------------------*/

    /*---------------------------*/
    /*- MEDIA BLOCK -------------*/
    .media.image-right .media-image,
    .media.image-left .media-image {
        float: none;
        max-width: none;
        margin: 0 0 20px;
    }

    /*-------------------------------*/
    /*- FOOTERS ---------------------*/

    /*---------------------------*/
    /*- COPYRIGHT ---------------*/
    .copyright .column {
        margin-bottom: 10px;
    }

    .copyright .column:last-child {
        margin-bottom: 0;
    }

    .copyright .logo {
        display: none;
    }

    .copyright .t-right {
        text-align: left;
    }

    .copyright .pull-right {
        float: none;
    }

    .copyright .nav-horizontal {
        margin-top: 10px;
    }

    .copyright .nav-horizontal li {
        margin: 0 10px 0 0;
    }


}

/*--------------------------------------------------------------*/
/*- EVERYTHING BIGGER THAN A PHONE -----------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) {

    /*---------------------------*/
    /*- SPAN - 4 ----------------*/
    .span-4 {
        width: calc(((100% / 12) * 4) - 20px);
    }

    .column-flush.span-4 {
        width: calc((100% / 12) * 4);
    }

    /*---------------------------*/
    /*- SPAN - 6 ----------------*/
    .span-5,
    .span-6,
    .span-7 {
        width: calc(((100% / 12) * 6) - 20px);
    }

    .column-flush.span-5,
    .column-flush.span-6,
    .column-flush.span-7 {
        width: calc((100% / 12) * 6);
    }

    /*---------------------------*/
    /*- HEADERS -----------------*/
    .header-secondary {
        display: block;
    }

    .body-header-sidebar .header-secondary .container {
        max-width: none;
        padding: 0 10px;
    }

    /*---------------------------*/
    /*- MEDIA BLOCK -------------*/

    /*-----------------------*/
    /*- IMAGE LEFT / RIGHT --*/
    .image-left .media-image {
        float: left;
        max-width: 49%;
        margin-right: 20px;
    }

    .image-right .media-image {
        float: right;
        max-width: 49%;
        margin-right: 0;
        margin-left: 20px;
    }

    .image-left .media-body,
    .image-right .media-body {
        margin-top: 0;
    }

    /*-------------------*/
    /*- CORRECT WIDTHS --*/
    .span-3 .image-left .media-image,
    .span-4 .image-left .media-image {
        max-width: 33%;
    }

    .span-3 .image-right .media-image,
    .span-4 .image-right .media-image {
        max-width: 33%;
    }

}

/*--------------------------------------------------------------*/
/*-  MOBILE LANDSCAPE MODES ------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 640px) {

    /*---------------------------*/
    /*- MEDIA BLOCK -------------*/

    /*-----------------------*/
    /*- IMAGE LEFT / RIGHT --*/
    .image-left .media-image,
    .image-right .media-image {
        float: none;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    .span-3 .image-left .media-image,
    .span-4 .image-left .media-image,
    .span-3 .image-right .media-image,
    .span-4 .image-right .media-image {
        max-width: none;
    }

    .image-left .media-body,
    .image-right .media-body {
        margin-top: 10px;
    }

}

/*--------------------------------------------------------------*/
/*-  AWKWARD SIZE BETWEEN PHONE LANDSCAPE AND TABLET -----------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 768px) {

    /*---------------------------*/
    /*- SPAN - 2 GOES SPAN 4 ----*/
    .span-2 {
        width: calc(((100% / 12) * 4) - 20px);
    }

    .column-flush.span-2 {
        width: calc((100% / 12) * 4);
    }

    /*---------------------------*/
    /*- SPAN - 3 GOES SPAN 6 ----*/
    .span-3 {
        width: calc(((100% / 12) * 6) - 20px);
    }

    .column-flush.span-3 {
        width: calc((100% / 12) * 6);
    }

    /*-----------------------*/
    /*- MULTI-SIDEBAR -------*/
    /* This CSS caters for 3 column sidebar layouts */
    .span-3+.span-6 {
        width: calc(((100% / 12) * 12) - 20px);
    }

    /*-----------------------*/
    /*- DBL-SIDEBAR ---------*/
    /* This CSS caters for 2 column sidebar layouts */
    .span-8 {
        width: calc(((100% / 12) * 12) - 20px);
        /* Set the main column to fullwidth */
    }

    .column.sidebar {
        display: flex;
        flex-flow: row wrap;
        min-width: calc((100% / 12) * 12);
        margin-left: 0px;
        margin-right: 0px;
        /* Set the sidebar to full width and apply flexbox */
    }

    .column.sidebar .widget {
        flex: 0 0 calc(((100% / 12) * 6) - 20px);
        margin: 0 10px 20px;
        /* align widgets in rows of 2 */
    }

    /*---------------------------*/
    /*- SPAN - 9 GOES SPAN 12 ---*/
    .span-9 {
        width: calc(((100% / 12) * 12) - 20px);
    }
}

/*--------------------------------------------------------------*/
/*-  AWKWARD SIZE BETWEEN PHONE LANDSCAPE AND TABLET -----------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 601px) and (max-width: 782px) {

    /*---------------------------*/
    /*- CLEARING COLS - FALLBACK */
    .row .column.span-2:nth-child(3n+4),
    .row .column.span-3:nth-child(2n+3) {
        clear: left;
    }

    /*-----------------------*/
    /*- HEADER IN ADMIN MODE */
    .admin-bar .header-sticky.is_stuck.is_stuck_show {
        margin-top: 46px;
    }

    /*---------------------------*/
    /*- HEADERS -----------------*/
    .header-secondary .container {
        padding-left: 10px;
        padding-right: 10px;
    }

}

/*--------------------------------------------------------------*/
/*- EVERYTHING UP TO TABLET ------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

    /*---------------------------*/
    /*- MASONRY -----------------*/
    .container.list-masonry {
        padding: 0 10px;
    }


    /*---------------------------*/
    /*- HEADER INLINE -----------*/
    .header-inline .container {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .header-inline .inline-site-logo {
        display: -webkit-flex;
        -webkit-flex: 1;

        display: flex;
        flex: 1;
    }

    .header-inline .inline-right-nav {
        display: -webkit-flex;
        -webkit-flex-direction: row-reverse;

        display: flex;
        flex-direction: row-reverse;
    }

    .header-inline .inline-left-nav,
    .header-site.header-inline nav {
        display: none;
    }

    .pull-left,
    .pull-right {
        float: none;
    }

    /*---------------------------*/
    /*- LAYERS BADGE ------------*/
    .created-using-layers {
        display: block;
        margin: 20px 0 -20px;
        padding: 5px 10px;
        background: rgba(0, 157, 243, 1);
        color: #fff;
        font-size: 0.9rem;
        letter-spacing: 2px;
        text-align: center;
        text-transform: uppercase;
    }

    .created-using-layers:hover {
        color: #fff;
        background: #3D454C;
    }

    /*---------------------------*/
    /*- FORM ROWS ---------------*/
    .form-row {
        margin-bottom: 15px;
    }

    /*---------------------------*/
    /*- CLOSE OFF CANVAS --------*/
    .admin-bar section[class*=' off-canvas-'] .close-canvas {
        top: 46px;
    }

    /*---------------------------*/
    /*- OFF CANVAS SIDEBAR ------*/
    .admin-bar div[class*=" off-canvas-"] {
        padding-top: 47px;
    }


}

/*--------------------------------------------------------------*/
/*- BETWEEN TABLET AND DESKTOP ---------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 601px) and (max-width: 860px) {

    /*---------------------------*/
    /*- SPAN - 10 ---------------*/
    .span-10 {
        width: calc(((100% / 12) * 12) - 20px);
    }

    /*---------------------------*/
    /*- COMBINATIONS ------------*/
    .span-5+.span-5+.span-2 {}

    .span-7+.span-5 {}

    .span-10+.span-2 {}

    /*---------------------------*/
    /*- COMBINATIONS ------------*/
    .span-5+.span-5+.span-2 {
        width: 100%;
    }


}

/*--------------------------------------------------------------*/
/*- EVERYTHING BIGGER THAN TABLETS -----------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 769px) {

    /*-------------------------------*/
    /*- GRIDS -----------------------*/

    /*---------------------------*/
    /*- COLUMN WIDTHS -----------*/
    .span-1 {
        width: calc((100% / 12) - 20px);
    }

    .span-2 {
        width: calc(((100% / 12) * 2) - 20px);
    }

    .span-3 {
        width: calc(((100% / 12) * 3) - 20px);
    }

    .span-5 {
        width: calc(((100% / 12) * 5) - 20px);
    }

    .span-7 {
        width: calc(((100% / 12) * 7) - 20px);
    }

    .span-8 {
        width: calc(((100% / 12) * 8) - 20px);
    }

    .span-9 {
        width: calc(((100% / 12) * 9) - 20px);
    }

    .span-10 {
        width: calc(((100% / 12) * 10) - 20px);
    }

    .span-11 {
        width: calc(((100% / 12) * 11) - 20px);
    }

    /*---------------------------*/
    /*- FLUSH COLUMNS -----------*/
    .column-flush.span-1 {
        width: calc(100% / 12);
    }

    .column-flush.span-2 {
        width: calc((100% / 12) * 2);
    }

    .column-flush.span-3 {
        width: calc((100% / 12) * 3);
    }

    .column-flush.span-5 {
        width: calc((100% / 12) * 5);
    }

    .column-flush.span-7 {
        width: calc((100% / 12) * 7);
    }

    .column-flush.span-8 {
        width: calc((100% / 12) * 8);
    }

    .column-flush.span-9 {
        width: calc((100% / 12) * 9);
    }

    .column-flush.span-10 {
        width: calc((100% / 12) * 10);
    }

    .column-flush.span-11 {
        width: calc((100% / 12) * 11);
    }

    /*---------------------------*/
    /*- GUTTERS -----------------*/
    .offset-1 {
        margin-right: 8.5%;
    }

    .offset-2 {
        margin-right: 17%;
    }

    .offset-3 {
        margin-right: 25.5%;
    }

    .offset-4 {
        margin-right: 34%;
    }

    .offset-5 {
        margin-right: 42.5%;
    }

    .offset-6 {
        margin-right: 51%;
    }

    .offset-7 {
        margin-right: 59.5%;
    }

    .offset-8 {
        margin-right: 68%;
    }

    .offset-9 {
        margin-right: 76.5%;
    }

    .offset-10 {
        margin-right: 85%;
    }

    .offset-11 {
        margin-right: 93.5%;
    }

    .offset-left-1 {
        margin-left: 8.5%;
    }

    .offset-left-2 {
        margin-left: 17%;
    }

    .offset-left-3 {
        margin-left: 25.5%;
    }

    .offset-left-4 {
        margin-left: 34%;
    }

    .offset-left-5 {
        margin-left: 42.5%;
    }

    .offset-left-6 {
        margin-left: 51%;
    }

    .offset-left-7 {
        margin-left: 59.5%;
    }

    .offset-left-8 {
        margin-left: 68%;
    }

    .offset-left-9 {
        margin-left: 76.5%;
    }

    .offset-left-10 {
        margin-left: 85%;
    }

    .offset-left-11 {
        margin-left: 93.5%;
    }

    .pull-left-1 {
        margin-left: -8.5%;
    }

    .pull-left-2 {
        margin-left: -17%;
    }

    .pull-left-3 {
        margin-left: -25.5%;
    }

    .pull-left-4 {
        margin-left: -34%;
    }

    .pull-left-5 {
        margin-left: -42.5%;
    }

    .pull-left-6 {
        margin-left: -51%;
    }

    .pull-left-7 {
        margin-left: -59.5%;
    }

    .pull-left-8 {
        margin-left: -68%;
    }

    .pull-left-9 {
        margin-left: -76.5%;
    }

    .pull-left-10 {
        margin-left: -85%;
    }

    .pull-left-11 {
        margin-left: -93.5%;
    }

    .pull-right-1 {
        margin-right: -8.5%;
    }

    .pull-right-2 {
        margin-right: -17%;
    }

    .pull-right-3 {
        margin-right: -25.5%;
    }

    .pull-right-4 {
        margin-right: -34%;
    }

    .pull-right-5 {
        margin-right: -42.5%;
    }

    .pull-right-6 {
        margin-right: -51%;
    }

    .pull-right-7 {
        margin-right: -59.5%;
    }

    .pull-right-8 {
        margin-right: -68%;
    }

    .pull-right-9 {
        margin-right: -76.5%;
    }

    .pull-right-10 {
        margin-right: -85%;
    }

    .pull-right-11 {
        margin-right: -93.5%;
    }

    /*---------------------------*/
    /*- CLEARING COLS - FALLBACK */
    .row .span-2:nth-child(6n+7),
    .row .span-3:nth-child(4n+5),
    .row .span-4:nth-child(3n+4),
    .row .span-6:nth-child(2n+3) {
        clear: left;
    }


    /*-------------------------------*/
    /*- HEADERS ---------------------*/

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

    /*---------------------------*/
    /*- NAV DISPLAY -------------*/
    .nav-horizontal ul {
        display: inline-block;
    }

    .responsive-nav {
        display: none;
    }

    /*---------------------------*/
    /*- ALIGNMENT CENTER --------*/
    .header-center {
        text-align: center;
    }

    .header-center .container,
    .header-center>.header-block {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .header-center .site-description {
        display: block;
        margin: 0;
    }

    .header-center .site-logo-link+.site-description {
        margin: 10px 0 0;
    }

    .header-center .site-logo-link+.tagline {
        margin-top: 10px;
    }

    .header-center nav {
        margin-top: 20px;
        text-align: center;
        line-height: 20px;
    }

    /*---------------------------*/
    /*- ALIGNMENT INLINE --------*/
    .header-inline .container,
    .header-inline>.clearfix {
        -webkit-justify-content: center;
        justify-content: center;
    }

    .header-inline .inline-site-logo {
        display: -webkit-flex;
        -webkit-justify-content: center;

        display: flex;
        justify-content: center;

        width: 20%;
        margin: 0 20px;
        z-index: 1;
    }

    .header-inline .logo {
        text-align: center;
    }

    .header-inline .site-description {
        display: block;
        margin: 0;
    }

    .header-inline .site-logo-link+.site-description {
        margin-top: 10px;
    }

    .header-inline .inline-left-nav {
        display: -webkit-flex;
        -webkit-justify-content: flex-end;

        display: flex;
        justify-content: flex-end;

        width: 40%;
        position: relative;
        z-index: 2;
    }

    .header-inline .inline-right-nav {
        display: -webkit-flex;
        -webkit-justify-content: flex-start;
        -webkit-align-items: center;

        display: flex;
        justify-content: flex-start;
        align-items: center;

        width: 40%;
        position: relative;
        z-index: 2;
    }

    .header-inline .inline-right-nav nav {
        display: block;
    }

    /*---------------------------*/
    /*- NAV BOTTOM --------------*/
    .nav-clear .container,
    .nav-clear>.header-block {
        -webkit-flex-direction: column;
        -webkit-align-items: flex-start;

        flex-direction: column;
        align-items: flex-start;
    }

    .nav-clear .site-logo-link+.sitename {
        margin-top: 10px;
    }

    .nav-clear .site-logo-link+.tagline {
        margin-top: 10px;
    }

    .nav-clear nav {
        width: 100%;
        margin: 20px 0 0;
        line-height: 20px;
    }

    /*---------------------------*/
    /*- HEADER SIDEBAR ----------*/
    .header-side-wrapper {
        display: flex;
        flex: 1;
        flex-direction: row;
    }

    .header-side-wrapper .header-site {
        order: 1;
        width: 280px;
    }

    .header-side-wrapper .wrapper-content {
        order: 2;
        width: calc(100% - 280px);
        min-height: 100vh;
    }

    .header-side-wrapper .header-site .container,
    .header-side-wrapper .header-site>.header-block {
        -webkit-flex-direction: column;
        -webkit-align-items: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .header-side-wrapper .header-site nav {
        width: 100%;
        margin: 20px 0 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .header-side-wrapper .header-site .nav-horizontal>ul {
        float: none;
        display: block;
        width: 100%;
    }

    .header-side-wrapper .header-site .nav-horizontal li {
        float: none;
        margin: 0;
    }

    .header-side-wrapper .header-site .nav-horizontal>ul>li>a {
        padding: 0;
        text-align: left;
    }

    /*-----------------------------*/
    /*- VERTICAL MENU POSITIONING -*/
    .header-side-wrapper .header-site .menu-item-has-children>a::after {
        content: "\e600";
    }

    .header-side-wrapper .header-site .nav li>.sub-menu,
    .header-side-wrapper .header-site .nav li .children {
        top: 0;
        left: 200px;
        right: auto;
    }

    .header-side-wrapper .header-site .nav li:hover>.sub-menu,
    .header-side-wrapper .header-site .nav li:hover .children {
        top: 0;
        left: 200px;
    }

    /*-----------------------------*/
    /*- HEADER CART POSITIONING ---*/
    .header-side-wrapper .header-site .header-cart {
        margin-left: 0px;
        width: 280px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        border-radius: 0px;
    }

    /*---------------------------*/
    /*- STICKY HEADER VARIATIONS */

    /*-----------------------*/
    /*- HEADER CENTER -------*/
    .header-sticky.is_stuck.header-center .logo {
        display: none;
    }

    .header-sticky.is_stuck.header-center nav {
        margin-top: 0;
    }

    /*-----------------------*/
    /*- NAV BOTTOM ----------*/
    .header-sticky.is_stuck.nav-clear .logo {
        display: none;
    }

    .header-sticky.is_stuck.nav-clear nav {
        margin-top: 0;
    }

    /*-----------------------*/
    /*- HEADER INLINE -------*/
    .header-sticky.is_stuck.header-inline .site-description {
        display: none;
    }

    /*-----------------------*/
    /*- HEADER IN ADMIN MODE */
    .admin-bar .header-sticky.is_stuck.is_stuck_show {
        margin-top: 30px;
    }

    /*-------------------------------*/
    /*- THUMBNAILS ------------------*/

    /*---------------------------*/
    /*- OVERLAY -----------------*/
    .with-overlay {
        overflow: hidden;
    }

    .with-overlay .thumbnail-body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        visibility: hidden;
        opacity: 0;
        transition: 0.2s all ease-in-out;
        text-align: center;
    }

    .with-overlay .image-rounded+.thumbnail-body {
        border-radius: 100%;
    }

    .with-overlay .overlay {
        display: block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .with-overlay .thumbnail-body {
        background: rgba(0, 0, 0, 0.65) !important;
    }

    .with-overlay .heading {
        opacity: 0;
        color: #fff;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        transition: 0.2s all ease-in-out 0.1s;
    }

    .with-overlay .heading a {
        color: #fff;
    }

    .with-overlay .button {
        margin-top: 15px;
        position: relative;
        opacity: 0;
        background: none;
        border: 2px solid #fff;
        position: relative;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        transition: transform 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.25s;
    }

    .with-overlay .excerpt {
        display: none;
    }

    .with-overlay .meta-info {
        display: none;
    }

    /*-----------------------*/
    /*- OVERLAY HOVER -------*/
    .with-overlay:hover .thumbnail-media img {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    .with-overlay:hover .thumbnail-body {
        visibility: visible;
        opacity: 1;
    }

    .with-overlay:hover .heading {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .with-overlay:hover .button {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    /*-----------------------*/
    /*- MEDIA SMALL ---------*/
    .has-image .image-left.small .media-body,
    .has-image .image-right.small .media-body {
        margin-top: 0;
    }

    /*-------------------------------*/
    /*- OFF CANVAS MENU -------------*/

    /*---------------------------*/
    /*- OFF CANVAS MENU ---------*/
    section[class*=' off-canvas-'] .nav-mobile {
        display: none;
    }

    /*-------------------------------*/
    /*- SLIDER ----------------------*/

    /*---------------------------*/
    /*- SLIDER CONTENT ----------*/
    .swiper-slide .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .swiper-slide.text-center .excerpt {
        margin-left: auto;
        margin-right: auto;
    }

    .swiper-slide.image-left .container {
        -webkit-flex-direction: row-reverse;
        -webkit-justify-content: flex-start;

        flex-direction: row-reverse;
        justify-content: flex-start;
    }

    .swiper-slide.image-left .image-container {
        width: 50%;
        padding-right: 20px;
    }

    .swiper-slide.image-left .copy-container {
        width: 50%;
        padding-left: 20px;
    }

    .swiper-slide.image-right .container {
        -webkit-flex-direction: row;
        -webkit-justify-content: flex-start;

        flex-direction: row;
        justify-content: flex-start;
    }

    .swiper-slide.image-right .image-container {
        width: 50%;
        padding-left: 20px;
    }

    .swiper-slide.image-right .copy-container {
        width: 50%;
        padding-right: 20px;
    }

    .swiper-slide.text-right .excerpt {
        float: right;
    }

    .swiper-slide.image-right .copy-container+.image-container,
    .swiper-slide.image-left .copy-container+.image-container {
        margin-top: 0;
    }

}

@media only screen and (min-width: 1100px) {

    /*---------------------------*/
    /*- LAYERS BADGE ------------*/
    .created-using-layers {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 15px;
        height: 14px;
        z-index: 99;
        background-image: url(wp-content/themes/layers-elementor/assets/css/images/created-using-layers.png) top no-repeat;
        background-size: 15px 28px;
        transition: all 0.15s ease-in-out;
    }

    .created-using-layers span {
        display: none;
    }

    .created-using-layers:after {
        padding: 4px 4px;
        position: absolute;
        bottom: -1px;
        right: 25px;
        z-index: 1;
        content: attr(tooltip);
        background: rgba(0, 157, 243, 0.85);
        color: rgba(255, 255, 255, 0.8);
        border-radius: 100px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.1s ease-in-out 0.1s;
        font-size: 0.8rem;
        line-height: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        white-space: nowrap;
    }

    .created-using-layers:hover {
        background-position: bottom;
    }

    .created-using-layers:hover:after {
        opacity: 1;
        visibility: visible;
        right: 20px;
    }
}

@media only screen and (max-width: 480px),
screen and (max-device-width: 480px),
screen and (max-width: 600px) {

    /*---------------------------*/
    /*- BACK TO TOP -------------*/
    #back-to-top {
        display: none;
    }

}