/*------------------------------------------
    #MARK: GLOBAL
------------------------------------------*/
/* #region */

@media only screen and (max-width : 767px) {  

    .flexic .flex-col { 
        flex: 0 0 100% !important; 
        width: 100% !important;  
        max-width: 100% !important; 
    }

}

/* #endregion */


/*------------------------------------------
    #MARK: CONTAINER
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) { 

    .container-xl[style*="max-width"] {
        padding-left: 15px !important; 
        padding-right: 15px !important; 
    }

    .container-sub {
        padding: 0 !important;
    }

}
/* #endregion */



/*------------------------------------------
    #MARK: CARDS
------------------------------------------*/
/* #region */

@media only screen and (max-width : 1024px) { 

    .tpl-cards .flex-cards,
    .tpl-cards .flexic { 
        row-gap: 30px !important;
        margin-left: -15px !important; 
        margin-right: -15px !important; 
    }

    .tpl-cards .flex-cards .flex-item,
    .tpl-cards .flexic .flex-item { 
        padding-left: 15px !important; 
        padding-right: 15px !important; 
    }

}

@media only screen and (max-width : 900px) {   

    .tpl-cards .flex-cards .flex-item,
    .tpl-cards .flexic .flex-item { 
        flex: 0 0 50% !important; 
        width: 50% !important;  
        max-width: 50% !important; 
    }

}

@media only screen and (max-width : 560px) { 

    .tpl-cards .flex-cards .flex-item,
    .tpl-cards .flexic .flex-item { 
        flex: 0 0 100% !important; 
        width: 100% !important;  
        max-width: 100% !important; 
    }

    .tpl-cards .is-icons .flex-item,
    .tpl-cards .is-glyphs .flex-item { 
        flex: 0 0 50% !important; 
        width: 50% !important;  
        max-width: 50% !important; 
    }    

}

/* #endregion */

/*------------------------------------------
    #MARK: CPT
------------------------------------------*/
/* #region */

@media only screen and (max-width : 1024px) { 

    .tpl-cpt .flexic { 
        row-gap: 30px !important;
        margin-left: -15px !important; 
        margin-right: -15px !important; 
    }

    .tpl-cpt .flexic .flex-col {
        padding-left: 15px !important; 
        padding-right: 15px !important; 
    }

    .tpl-cpt .flex-grid {
        row-gap: 30px !important;
        margin-left: -15px !important; 
        margin-right: -15px !important; 
    }

    .tpl-cpt .flex-grid .flex-item { 
        padding-left: 15px !important; 
        padding-right: 15px !important; 
    }    

} 

@media only screen and (max-width : 900px) { 

    .tpl-cpt .flex-grid .flex-item { 
        flex: 0 0 50% !important; 
        width: 50% !important;  
        max-width: 50% !important; 
    }

}

@media only screen and (max-width : 560px) { 

    .tpl-cpt .flex-grid .flex-item { 
        flex: 0 0 100% !important; 
        width: 100% !important;  
        max-width: 100% !important; 
    }

}


/* #endregion */

/*------------------------------------------
    #MARK: CTA
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) {  

    .tpl-cta [data-media] {
        padding: 20px 0 !important;
    }

}

@media only screen and (max-width : 767px) {  

    .tpl-cta .flexic { 
        gap: 0 !important;
        row-gap: 30px !important;
        flex-direction: row !important; 
        width: 100% !important;
    } 

    .tpl-cta [data-cta] .flex-col {
        padding: 20px !important;
    }

    .tpl-cta [data-split] {
        padding: 20px !important;
    }

    .tpl-cta .overlay.dark {
        display: none;
    }

    .tpl-cta [data-half] {
        row-gap: 0 !important;
    }

    .tpl-cta [data-half] .dinfo {
        padding: 20px !important;
    }

    .tpl-cta [data-half] [data-theme="dark"] {
        background-color: rgba(0,0,0,0.7);
    }

}    

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

    .tpl-cta .container-sub {
        padding: 20px 10px !important;
    }

    .tpl-cta [data-half] .dflex {
        gap: 20px;
    }

    .tpl-cta [data-half] .flex-1 {
        flex: 0 0 100%;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: FLUID
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) {  

    .tpl-fluid .row .cc {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .tpl-fluid-obj .flexic {

    }

}

@media only screen and (max-width : 767px) {  

    /* row */

    .tpl-fluid .row { 
        gap: 0 !important;
        row-gap: 30px !important;
        flex-direction: row !important; 
        max-width: unset !important;
    }

    .tpl-fluid .row .cc {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    /* flexic */

    .tpl-fluid .flexic { 
        gap: 0 !important;
        row-gap: 30px !important;
        flex-direction: row !important; 
        max-width: unset !important;
    }    

    .tpl-fluid .flexic[data-direction="column"] {
        flex-direction: row !important;
    }    

    .tpl-fluid .flexic[style*="flex-direction: column-reverse"] .info-media,
    .tpl-fluid .flexic[style*="flex-direction: row-reverse"] .info-media {
        order: 1;
    }

    .tpl-fluid .flexic[style*="flex-direction: column-reverse"] .info-column,
    .tpl-fluid .flexic[style*="flex-direction: row-reverse"] .info-column {
        order: 0;
    }
}    

/* #endregion */


/*------------------------------------------
    #MARK: FLEX
------------------------------------------*/
/* #region */

@media only screen and (max-width : 900px) { 

    .tpl-flex .flexic {
        width: auto !important;
        row-gap: 30px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .tpl-flex .flexic .flex-col {    
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}

@media only screen and (max-width : 767px) { 

    .tpl-flex .flexic[data-direction="column"] {
        flex-direction: row !important;
    }

    .tpl-flex .flexic .flex-col {    
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }       

}

/* #endregion */

/*------------------------------------------
    #MARK: FORM
------------------------------------------*/
/* #region */

@media only screen and (max-width : 767px) { 

    .fform.newsletter .forminator-ui .forminator-row {
        flex: 0 0 100% !important;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: FX GRID
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) { 

    .fx-grid .flex-item { 
        padding-left: 10px !important; 
        padding-right: 10px !important; 
    }

}

@media only screen and (max-width : 900px) {   

    .fx-grid .flex-item { 
        flex: 0 0 50% !important; 
        width: 50% !important;  
        max-width: 50% !important; 
    }

}

@media only screen and (max-width : 560px) { 

    .fx-grid .flex-item { 
        flex: 0 0 100% !important; 
        width: 100% !important;  
        max-width: 100% !important; 
    }

}
/* #endregion */

/*------------------------------------------
    #MARK: GALLERY
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) {   

    .tpl-gallery .flex-item { 
        flex: 0 0 33.33% !important; 
        width: 33.33% !important;  
        max-width: 33.33% !important; 
    }

}

@media only screen and (max-width : 800px) {   

    .tpl-gallery .flex-item { 
        flex: 0 0 50% !important; 
        width: 50% !important;  
        max-width: 50% !important; 
    }

    .grid-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-gallery .mgg {
        grid-row: span 1 !important;
        grid-column: span 1 !important;
        transform: none !important;
    }

}

@media only screen and (max-width : 540px) {   

    .grid-gallery {
        grid-template-columns: repeat(1, 1fr) !important;
    }

}


/* #endregion */

/*------------------------------------------
    #MARK: ICONS
------------------------------------------*/
/* #region */

@media only screen and (max-width : 767px) {

    .tpl-icons .icon-flex {
        gap: 20px !important;
    }

    .tpl-icons .div-icon {
        max-width: 50px !important;
    }

}
/* #endregion */

/*------------------------------------------
    #MARK: OVERLAY
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) { 

    .tpl-overlay .flex-col {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }

    .tpl-overlay .overlay.poster {
        width: 50% !important;
    }

}

@media only screen and (max-width : 767px) {  

    .tpl-overlay .flex-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }    

    .tpl-overlay .overlay.poster {
        width: 100% !important;
    }

    .tpl-overlay .poster-sub {
        position: relative;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tpl-overlay .poster-sub .ppm {
        position: relative;
    }

    .tpl-overlay .poster-sub .d-media {
        height: auto;
        max-height: 500px;
    }

}    

@media only screen and (max-width : 540px) { 

    .tpl-overlay .flexic .flex-col {
        padding: 20px !important;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: POSTER
------------------------------------------*/
/* #region */

@media only screen and (max-width : 767px) {  

    .tpl-poster .iposter {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .tpl-poster .d-poster {
        width: 100% !important;
        position: relative;
        height: auto;
    }

    .tpl-poster .d-media {
        position: relative;
        height: auto;
    }

    .tpl-poster .flexic {
        min-height: unset !important;
    }
    
}     

@media only screen and (max-width : 540px) { 

    .tpl-poster .flexic .flex-col {
        padding: 20px !important;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: SEPARATOR
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) {  
    .tpl-separator.spacer { 
        display: none; 
    }
}

/* #endregion */

/*------------------------------------------
    #MARK: SWIPER 
------------------------------------------*/
/* #region */

@media only screen and (max-width : 1200px) {  

    .swiper-button-next[data-nav="out"] { right: 20px !important; }
    .swiper-button-prev[data-nav="out"] { left: 20px !important; }

}

@media only screen and (max-width : 767px) {  

    .tpl-swiper-card .swiper-bg .swiper-scrollbar, 
    .tpl-swiper-card .swiper-bg .swiper-pagination {
        position: relative;
        bottom: unset;
        margin-top: 20px;
        transform: none;
        left: unset;
    }

    .tpl-swiper-card .swiper-button-next, 
    .tpl-swiper-card .swiper-button-prev {
        bottom: -5px;
        top: unset;
    }

    .tpl-swiper-card .swiper-button-next {
        right: 10px;
    }

    .tpl-swiper-card .swiper-button-prev {
        left: unset !important;
        right: 60px !important;
    }

    .tpl-swiper-hero .swiper-pagination {
        bottom: 30px;
        transform: none !important;
        left: 10px !important;
    }

    .tpl-swiper-hero .autoplay-progress {
        bottom: unset;
        top: 16px;
    }

    .tpl-swiper-hero .swiper-button-next, 
    .tpl-swiper-hero .swiper-button-prev {
        bottom: 25px;
        top: unset;
    }

    .tpl-swiper-hero .swiper-button-next {
        right: 20px;
    }

    .tpl-swiper-hero .swiper-button-prev {
        left: unset !important;
        right: 60px !important;
    }    

}
/* #endregion */

/*------------------------------------------
    #MARK: TABS
------------------------------------------*/
/* #region */

@media only screen and (max-width : 767px) {  

    .tpl-tabs .ntabs {
        display: none;
    }

    .tpl-tabs .custom-select-wrapper {
        display: block;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: TABLE
------------------------------------------*/
/* #region */

/* #endregion */

/*------------------------------------------
    #MARK: TEAM POPUP
------------------------------------------*/
/* #region */

@media only screen and (max-width : 820px) {  

    .team-popup {
        padding: 20px;
        min-width: unset !important;
    }

    .team-popup .pad {
        padding: 20px 0;
    }

    .team-popup .pad .flexic { 
        gap: 0; 
        margin-left: -15px; 
        margin-right: -15px; 
    }

    .team-popup .flexic .flex-item { 
        padding-left: 15px;
        padding-right: 15px;
    }

    .team-popup .flexic .flex-col1 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .team-popup .flexic .flex-col2 {
        flex: 1;
    }

}

@media only screen and (max-width : 767px) { 
    .team-popup {  
        padding: 0 5px !important;
    }
}

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

    .team-popup .pad .flexic {
        row-gap: 30px;
    }

    .team-popup .flexic .flex-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: WRAP
------------------------------------------*/
/* #region */

@media only screen and (max-width : 992px) {

    .element .wrap {
        max-width: 100% !important;
    }

}

/* #endregion */

/*------------------------------------------
    #MARK: JS FANXY
------------------------------------------*/
/* #region */
@media only screen and (max-width : 992px) {
    .f-button.is-arrow { background-color: transparent; }
    .f-button.is-arrow svg { stroke: #333; }
}    

/* #endregion */