/* #region -------------------------- ROOT */

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

}

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

}

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

}

/* #endregion */

/* #region - -------------------------- GENERAL */

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

}

@media only screen and (max-width : 1024px) { 
    header.menu-overlay {position: fixed;}
    .menu-overlay .menu_wrap {background:transparent ;}
}  

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

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

}

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

@media only screen and (max-width : 480px) { 
  .navbar-brand.mobile-logo {max-width: 250px;}
}

@media only screen and (max-width : 360px) { 
  .navbar-brand.mobile-logo {max-width: 200px;}
}
  
/* #endregion */

/* #region - -------------------------- .HERO SLIDER + HERO OPT */

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

} 

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

}

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

}

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

}

@media only screen and (max-width : 767px) {
    .hero-banner .hero-opt {
        padding-left: 0;
    }

    .hero-banner .overlay.color{
        background: #000;
        opacity: 0.25;
    }

    .hero-banner .bg-img {
        background-position: 65% center;
    }
    body:not(.home) .hero-banner [data-vflex="default"],
    .hero-banner .iwrap {align-items: flex-end; padding-bottom: 60px;}
    
    .hero-optn .diconn img {max-width: 300px;}
}

@media only screen and (max-width : 640px) {
    .hero-banner [data-colwidth="7"] .hero-opt,
    .hero-banner [data-colwidth="6"] .hero-opt {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

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

@media only screen and (max-width : 480px) {
	.hero-optn .diconn img {max-width: 250px;}
}

/* #endregion */


/* #region - -------------------------- .SEPARATOR */

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

} 

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

}

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

}

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

}

@media only screen and (max-width : 767px) {
    .separator.sep-01 {display: none;} 
}

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

}

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

}

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

/* #endregion */

/* #region - -------------------------- .ROW MEDIA POSTER */

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

} 

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

}

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

}

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

}

@media only screen and (max-width : 767px) {
    section.row-media-poster.row-media .wrap {
        padding: 30px 0;
    }
}

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

}

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

}

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

/* #endregion */


/* #region - -------------------------- .ROW MEDIA ACCORDION */

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

} 

@media only screen and (max-width : 1059px) {
    [data-accordion] .acc-indicator {
        left: 30px;
    }
}

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

}

@media only screen and (max-width : 990px) {
    .mhauto img {
        max-height: 100%;
    }
}

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

}

@media only screen and (max-width : 767px) {
    .mhauto img {
        max-height: 570px;
    }
}

@media only screen and (max-width : 640px) {
    [data-accordion] .ibox {
        padding-left: 20px;
        border-left: 5px solid var(--a);
        margin-left: 7px;
    }
}

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

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

/* #endregion */


/* #region - -------------------------- .JS COLLAPSE SERVICES */

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

} 

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

}

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

}

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

}

@media only screen and (max-width : 767px) {
    .js-collapse-services [data-design*="tab-1"] .ntabs {width: 100%;}
    .js-collapse-services .slider-tabs .owlprev {left: 0; right: unset;}
    .js-collapse-services .slider-tabs .owlbtn {
        top: 55px;
        bottom: unset;
    }
}

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

}

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

}

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

/* #endregion */


/* #region - -------------------------- .SLIDER REVIEW */

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

} 

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

}

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

}

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

}

@media only screen and (max-width : 767px) {
    .slider-reviews-01 {}
}

@media only screen and (max-width : 660px) {
    .slider-reviews-01 .item{ flex-direction: column;}
    .slider-reviews .col-media {width: 100%}
    .slider-reviews .col-info {padding: 30px;}
}

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

}

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

/* #endregion */


/* #region - -------------------------- .TITLE ROW TEXTS */

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

} 

@media only screen and (max-width : 1024px) {
    .title-row-texts  .row .col-md-3 {
        max-width: 25%;
        flex: 0 0 25%;
    }
}

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

}

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

}

@media only screen and (max-width : 767px) {
    .title-row-texts .row {text-align: center;}
    .title-row-texts  .row .col-md-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

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

}

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

}

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

/* #endregion */


/* #region - -------------------------- .ROW NEWS + VIDEOS */

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

} 

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

}

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

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

}

@media only screen and (max-width : 767px) {
    [data-col="5-7"] .col-videos {padding-left: 0;}
    .row-news-videos .col-videos {column-gap: 0px; margin: 0 -15px; }
    .col-videos .video {
        width: 50%;
        padding: 0 15px;
    }

}

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

}

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

}

@media only screen and (max-width : 480px) {
	.row-news-videos .col-videos {column-gap: 0px; margin: 0 0px; }
    .col-videos .video {
        width: 100%;
    }
}

/* #endregion */


/* #region - -------------------------- .ROW MEDIA POSTER WITH SLIDER ITEMS */

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

} 

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

}

@media only screen and (max-width : 990px) {
 .row-media-poslider .sitem .dlogo img {min-height: 35px;} 
}

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

}

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

}

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

}

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

}

@media only screen and (max-width : 480px) {
	.row-media-poslider .sitem .dlogo img {min-height: 40px;} 
}

/* #endregion */

/* #region - -------------------------- . JS COUNT UP*/

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

} 

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

}

@media only screen and (max-width : 990px) {
    .js-countup-01.container-width-960 .container-xl {padding-left: 0;padding-right: 0;}
    .js-countup-01.container-width-960 .row {max-width: 100%; margin-left: 0; margin-right: 0;}
    .js-countup .dinfo {width: 100%;}
}

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

}

@media only screen and (max-width : 767px) {
    .js-countup .dinfo {    
        margin-top: 10px;
        padding-top: 10px;
    }
}

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

}

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

}

@media only screen and (max-width : 480px) {
    .js-countup .row .col-md-3 {max-width: 100%; flex:  0 0 100%;}
    .count_up h2.ititle, .js-countup .dinfo {text-align: center;}
}

/* #endregion */

/* #region - -------------------------- . CARDS FLEX 02 ICONS */

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

} 

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

}

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

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

}

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

}

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

}

@media only screen and (max-width : 570px) {
    .cards-flex-bordered-left .flexic {padding-left: 25px; row-gap: 20px;}
}

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

/* #endregion */

/* #region - -------------------------- .IMG POSITIONS */

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

} 

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

}

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

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

}

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

}

@media only screen and (max-width : 640px) {
    /* .element.imgx60 .dmedia img {object-position: 60% center;}
    .element.imgx40 .dmedia img {object-position: 40% center;} */

    .mh320, 
    .mh350,
    .mh400,
    .mh500, 
    .mh520, 
    .mh570, 
    .mh670, 
    .mh700, 
    .mh750, 
    .mh800 { height: auto; max-height: 350px;}
}

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

}

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

/* #endregion */

/* #region - -------------------------- CARDS FLEX ICONS */

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

} 

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

}

@media only screen and (max-width : 900px) {
    .cards-flex-icons [data-ctr="4"] .flex-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

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

}

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

}

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

}

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

}

@media only screen and (max-width : 480px) {
    .cards-flex-icons [data-ctr="4"] .flex-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* #endregion */

/* #region - -------------------------- . MISCELANEOUS*/

.btn-2 {height: auto; padding: 10px 30px;}

header .mega-menu .flexic {display: block; column-count: 3;}

header .mega-menu .flexic .flex-item {max-width: 100%;}

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

} 

@media only screen and (max-width : 1024px) {
    .footer-menu ul {column-count: 1;}
}

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

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

}

@media only screen and (max-width : 767px) {
    [data-colwidth="7"] .col-info {max-width: 100%; flex: 0 0 100%;}
    section.mpt0 .wrap, .mdtext-pt0 .dtext {padding-top: 0;}
    section.mpb0 .wrap {padding-bottom: 0;}
}

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

}

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

}

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

/* #endregion */



/* #region - -------------------------- . */

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

} 

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

}

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

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

}

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

}

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

}

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

}

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

/* #endregion */