/* #MARK: ROOT */ 
/* #region -------------------------- ROOT */

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

  :root {
    --h2: 40px;
    --h2-2: 45px;
  }

} 

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

  :root {
    --h2: 36px;
    --h2-2: 40px;
  }

  .atitle.astext { font-size: 17px; }
  .atitle { font-size: 24px; }

} 

@media only screen and (max-width : 700px) { 
  
  .atitle { font-size: 22px; line-height: 140%; }

}

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

  .atitle { font-size: 22px; }
  .atitle.astext { font-size: 17px; }

}

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

  :root {
    --h2-2: 36px;
    --h2: 32px;
    --h3: 26px;
    --h3-3: 24px;
    --h5: 17px;
  }

} 


/* #endregion */

/* #MARK: GENERAL */ 
/* #region - -------------------------- GENERAL */

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

    /* .element.no-br br { display: none; } */

    /*  */
    section.element .nwrap { padding: 0; }

    header .menu-oc-right.opener {  }
    header .menu_wrap { padding: 13px 0; }
    header .navbar-brand { width: 140px; }
  
    .mobile-menu .menu-item { padding: 10px 0; }
}  

@media only screen and (max-width : 992px) { 
  .qqs .item .itext { font-size: 17px; }
}

@media only screen and (max-width : 767px) { 
  .section-cluster .des2 video { max-height: 505px; }
}

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

@media only screen and (max-width : 480px) { 
  .btn-1 { padding: 17px; }
  .btn-1 span { font-size: 16px; }

  /* .s-curve .overlay.overlay-1 { display: none; } */
  .s-curve .overlay.overlay-2 { display: none; }
  .pinch .person.p-main { height: 380px; }

}
  
/* #endregion */



/* #MARK: FOOTER */ 
/* #region - -------------------------- FOOTER */

@media only screen and (max-width : 1440px) {
  footer.element:not(.has-cta) { margin-top: 0; padding-top: 40px; }
}

@media only screen and (max-width : 1200px) { 
  footer.element { margin-top: 0; padding-top: 40px; }
  footer .dmid { padding: 40px 0; }
}

@media only screen and (max-width : 1024px) { 
  footer .sel-menu ul.mv { border-color: var(--color3); }
  footer .dmid .flexic { justify-content: center; flex-direction: column; gap: 25px; }
  footer .menu-title { display: none; }
  footer ul.mv a span { color: white; }
  footer .menu-links.is-mobile li::before { filter: brightness(0) saturate(100%) invert(84%) sepia(39%) saturate(625%) hue-rotate(7deg) brightness(91%) contrast(100%); }
  footer .menu-links.is-mobile li { border-color: rgba(255, 255, 255, 0.1); }
  footer .menu-links.open li:first-child { color: var(--color3); }
}

@media only screen and (max-width : 767px) { 
  footer .dtop { padding: 0; }
  footer .foot { padding: 25px 0; flex-direction: column; gap: 10px; }
}

@media only screen and (max-width : 540px) { 
  footer .d-brand { flex: 1; }
  footer .navbar-brand { width: 140px; }
  footer .flogo { flex-direction: column; text-align: center; gap: 10px; }
  footer .foot { text-align: center; }
}
  
/* #endregion */



/* #MARK: ROW SLIDER 01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1300px) { 
  .rowslider-01 .wrap { padding: 100px 0 150px; }
  .rowslider-01 .el-2 { display: none; }
}

@media only screen and (max-width : 1200px) { 
  .rowslider-01 .wrap { padding: 100px 0 100px; }
  .rowslider-01 .pinch { height: auto; }
}

@media only screen and (max-width : 1120px) { 
  .rowslider-01 .btitle { font-size: 5vw; }
  .rowslider-01 .mtitle { font-size: 9vw; }
  .rowslider-01 .dtext br { display: none; }
}  

@media only screen and (max-width : 1056px) { 
  .rowslider-01 .btitle { font-size: 4.5vw; }
  .rowslider-01 .mtitle { font-size: 8.5vw; }
}

@media only screen and (max-width : 1019px) { 
  .rowslider-01 .wrap { padding: 40px 0; }
  .rowslider-01 .btitle { font-size: 65px; }
  .rowslider-01 .mtitle { font-size: 110px; }

  .rowslider-01 .flexic { flex-direction: column-reverse; gap: 50px; }
  .rowslider-01 .flexic .ccol-1,
  .rowslider-01 .flexic .ccol-2 { flex: 1; }
  .rowslider-01 .flexic .dinfo { margin: 0 auto; max-width: 550px; }

  .rowslider-01 .dinfo { padding: 0; }
  .rowslider-01 .btn-loop { margin-top: 30px; }
}

@media only screen and (max-width : 660px) { 
  .rowslider-01 .pinch { width: 510px; }
  .rowslider-01 .slide-bg .item { height: 510px; }
  .pinch .person.p-top { display: none; }
  .pinch .person.p-main { position: relative; mask-size: contain; }
  .pinch .person { background-size: cover; transform: none; left: 0; }
  .squash svg { width: 100%; height: 100%; object-fit: cover; }
  .rowslider-01 .pinch .squash { width: 100%; height: 100%; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; }
}

@media only screen and (max-width : 540px) { 
  .rowslider-01 .dtext { font-size: 5.5vw; }
  .rowslider-01 .btitle { font-size: 12vw; }
  .rowslider-01 .mtitle { font-size: 20vw; }
}

@media only screen and (max-width : 535px) { 
  .rowslider-01 .pinch { width: 410px; }
  .rowslider-01 .slide-bg .item { height: 410px; }
  .rowslider-01 .flexic .ccol-1,
  .rowslider-01 .flexic .ccol-2 { max-width: 100%; }
}

@media only screen and (max-width : 480px) { 
  .rowslider-01 .btn-1 { padding: 10px 25px; }
}

@media only screen and (max-width : 450px) { 
  .rowslider-01 .pinch { width: 380px; height: 380px; }
  .rowslider-01 .slide-bg .item { height: 380px; }

  .rowslider-01 video { height: 600px; }
  .rowslider-01 .btn-1 { padding: 10px 25px; }
  .rowslider-01 .overlay.overlay-1 .d-bg { display: none; }

  .rowslider-01 .overlay.overlay-1 {
    -webkit-mask-image: url(images/bg/bg-des-2.svg);
    mask-image: url(images/bg/bg-des-2.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center top;
    background-color: #D6D7CD;
  }
}

/* #endregion */



/*  #MARK: ROW LIST 01 */ 
/* #region - -------------------------- .element */

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


  .rowlist-02 .ccol-1 { flex: 0 0 60%; }
  .rowlist-02 .ccol-2 { flex: 0 0 40%; }

  .rowlist-01a .ccol-1 { flex: 0 0 60%; }
  .rowlist-01a .ccol-2 { flex: 0 0 40%; }

  .rowmedia-01f .ccol-1 { flex: 0 0 60%; }
  .rowmedia-01f .ccol-2 { flex: 0 0 40%; }
}

@media only screen and (max-width : 1140px) { 
  .bg-media.qq-1 { width: 415px; height: 415px; }
  .bg-media.qq-1 img.q1 { position: absolute; height: calc(100% + 32%); width: auto; top: calc(50%); transform: translateY(-50%); right: -16%; }
  
  .bg-media.qq-2 { width: 415px; height: 415px; }
  .bg-media.qq-2 img.q1 { height: 125%; transform: translateY(-50%) translateX(-50%); left: calc(99% - 2px); top: calc(50% - 0px); }

  .rowmedia-01f .overlay.colorm { height: 100%; top: 63px; min-height: unset; }
  .rowmedia-01f .flexic { gap: 70px; }
  .rowmedia-01f .dinfo { text-align: center; }
  .rowmedia-01f .wrap { padding: 40px 0; }

  .s-iconlist .item .itext br { display: none; }
}  

@media only screen and (max-width : 1024px) { 
  .bg-media.qq-2 { margin: 0 auto; }
  .rowmedia-01f .ccol-1 { flex: 0 0 100%; max-width: 100%; }
  .rowmedia-01f .ccol-2 { flex: 0 0 100%; max-width: 100%; }

  .rowmedia-01f .dinfo { width: 100%; margin: 0 auto; padding-top: 0; }

  .rowmedia-01f .dtext { font-size: 17px; }
  .rowlist-02 .wrap { padding: 30px 0; }
  .rowlist-01a .wrap { padding: 30px 0; }
}

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

  .bg-media.qq-1 { width: 455px; height: 455px; }

  .rowlist-01 .pos-rel { padding: 63px 0; }
  .rowlist-01 .flexic { flex-direction: column; gap: 30px; }
  .rowlist-01 .ccol-2 { max-width: 80%; flex: 0 0 80%; }

  .rowlist-02 .ccol-1 { flex: 0 0 100%; max-width: 100%; }
  .rowlist-02 .ccol-2 { flex: 0 0 100%; max-width: 100%; }

  .rowlist-01a .ccol-1 { flex: 0 0 100%; max-width: 100%; }
  .rowlist-01a .ccol-2 { flex: 0 0 100%; max-width: 100%; }

  .rowlist-01a .flexic,
  .rowlist-02 .flexic { gap: 30px; }

  .rowlist-01a .bg-media,
  .rowlist-02 .bg-media { position: relative; width: 621px; height: 646px; margin: 0 auto !important; transform: none; }
  
  .rowlist-01a .bg-img,
  .rowlist-02 .bg-img { height: 100%; }
  
  .rowlist-01a .dinfo,
  .rowlist-02 .dinfo { width: 100%; max-width: 80%; margin: 0 auto !important; }

  .egg-1 .squash { left: 50%; transform: translateX(-50%); }
  .rowlist-02 .squash { width: 100%; height: 100%; top: 0px; left: 0; }
  
  .rowlist-01 .wrap { padding: 30px 0; }
}

@media only screen and (max-width : 992px) { 
  .rowlist-02 .dtext,
  .rowlist-02 .items { font-size: 17px; }
  .s-iconlist .item .itext { font-size: 17px; line-height: 140%; }

}

@media only screen and (max-width : 767px) { 
  .rowlist-01 .ccol-2 { max-width: 95%; flex: 0 0 95%; }
  .s-iconlist .item img { flex: 0 0 50px; }
  .rowlist-01 .el-2 { display: none; }
  .rowlist-01 .dtext { font-size: 17px; }

  .rowlist-01a .dinfo, .rowlist-02 .dinfo { max-width: 95%; }
}

@media only screen and (max-width : 690px) { 
  .rowlist-02 .bg-media { width: 100%; height: auto; }
  .rowlist-02 .bg-img { mask-size: 96%; }
  .rowlist-02 .squash { width: 100%; height: 100%; top: -35px; left: 0; }

  .rowlist-01a .bg-media { width: 100%; height: auto; }
  .rowlist-01a .bg-img { mask-size: 96%;  }
  .rowlist-01a .squash { width: 90%; top: 0; left: 50%; height: 90%; }
}

@media only screen and (max-width : 600px) { 
  .bg-media.qq-2 { width: 380px; height: 380px; }
  .bg-media.qq-1 { width: 380px; height: 380px; }

  .rowlist-01 .wrap { padding: 30px 0; }
  .rowlist-01a .wrap { padding: 30px 0; }
  .rowlist-02 .wrap { padding: 30px 0; }

  .rowmedia-01f .mtitle { font-size: 24px; }
  .rowmedia-01f .mtitle br { display: none; }

  .rowmedia-01f [data-vflex="default"] .dinfo { padding-bottom: 0px; }
}

@media only screen and (max-width : 480px) { 
  .rowmedia-01f .mtitle { font-size: 22px; }
  .rowlist-02 .squash { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }  
}

/* #endregion */



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

@media only screen and (max-width : 1350px) { 
  .cardsnumber-01 .overlay.color1 { width: calc(100% + 30px); }
}

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

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

}

@media only screen and (max-width : 1136px) { 
  .cardss .item .ptext { font-size: 17px; }
  .cardss .item .ptext br { display: none; }
  .cardss .item .ititle { font-size: 24px; }
}  

@media only screen and (max-width : 1024px) { 
  .cardssm-01 .item .pad { padding: 20px 25px; }
  .cardssm-01 .item .ititle { font-size: 21px; }
  .cardsflex-01 .wrap { overflow: hidden; padding: 30px 0; }

  .cardsnumber-01 .wrap { padding: 30px 0; }
  .cardsnumber-01.ver-4 .dtop { margin-bottom: 30px; }
  .cardsnumber-01 .mtitle + .atitle { margin-top: 10px; }
  .cardsnumber-01.ver-4 .wrapper { padding-top: 40px; }
  .cardsnumber-01 .item .pad { padding: 45px 25px; }

  .cardsnumber-01.ver-1 .dtop { margin-bottom: 50px; }
  .cardsnumber-01.v2 .wrap { padding: 30px 0; }
  .cardsnumber-01.v2 .item .pad { padding: 45px 25px; }
  .cardsnumber-01.v2 .atitle { font-size: 18px; }
  .cardsnumber-01.v2 .mtitle { letter-spacing: 0; }
}

@media only screen and (max-width : 992px) { 
  .cardsnum-01 .overlay.color { width: calc(100% - 30px); }
  .cardss .item { max-width: 480px; margin: 0 auto; }
  .cardsnum-01 .wrap { padding: 30px 0; }
  .cardsnum-01 .dtop { margin-bottom: 70px; }
  .cardssm-01 .wrap { padding: 30px 0; }
  .cardssm-01 .dtop { margin-bottom: 30px; }
  .cardssm-01 .atitle { font-size: 26px; }

  .cardsflex-01 .mtitle + .atitle { margin-top: 15px; }
  .cardsflex-01 .dtop { margin-bottom: 40px; }
  .cardsflex-01 .dimage { margin-bottom: 30px; }

  .cardsnumber-01 .overlay.color1 { display: none; }
  .cardsnumber-01 .cardss-row .arr1 { filter: invert(1); transform: rotate(90deg); }
}

@media only screen and (max-width : 860px) { 
  .cardsflex-01 .flexic .img-line { display: none; }
  .cardsflex-01 .flexic { flex-wrap: wrap; }
  .cardsflex-01 .flexic .flex-item { max-width: calc(100% - 40px); flex: 0 0 calc(100% - 40px); }
  .cardsflex-01 .flexic .flex-item .item .dinfo { display: flex; align-items: center; gap: 50px; }
  .cardsflex-01 .dimage { flex: 0 0 214px; }
  .cardsflex-01 .pad { flex: 1; text-align: left; padding-bottom: 40px; }
}


@media only screen and (max-width : 800px) { 
  .cardsnum-01 .atitle { font-size: 24px; }

  .cardsnumber-01.ver-4 .btm-text { margin-top: 30px; }
  .cardsnumber-01.ver-4 .btm-text br { display: none; }
}

@media only screen and (max-width : 767px) { 
  .cardsnum-01 .arr1 { top: unset; bottom: 0px; transform: rotate(90deg); }
  .cardss .item .ptext br { display: inline; }
  .cardsflex-01 .ptext { font-size: 17px; }
}

@media only screen and (max-width : 600px) { 
  .cardss .item .ititle { font-size: 21px; }
  .cardss .item .ititle br { display: none; }
  .cardsflex-01 .ititle { font-size: 21px; }
  .cardssm-01 .atitle { font-size: 17px; }
}

@media only screen and (max-width : 480px) { 
  
  .cardsnum-01 .arr1 { right: 0;  }
  .cardss .item { max-width: calc(100% - 30px); }

  .cardsflex-01 .flexic .flex-item .item .dinfo { flex-wrap: wrap; gap: 0; }
  .cardsflex-01 .pad,
  .cardsflex-01 .dimage { flex: 0 0 100%; max-width: 100%; }
  .cardsflex-01 .flexic .flex-item { padding: 0 !important; }
  .cardsflex-01 .pad { text-align: center;  padding: 0;}
  .cardsflex-01 .flexic { gap: 30px; }
}

/* #endregion */



/* #MARK: TITLES */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1136px) { 
  .title-01 .mtitle + .dtext { margin-top: 15px; }
  .title-01 .dtext br { display: none; }
  .title-02 .dtext br { display: none; }

  .split-01 .wrap { padding: 0; }

}  

@media only screen and (max-width : 1024px) { 
  .split-01 .line-bg .center-img { width: 280px; }
}

@media only screen and (max-width : 992px) { 
  .title-02 .diconn { top: -20px; }
  .title-02 .diconn img { max-width: 90px; }
  .title-02 .wrap { padding: 105px 0 35px; }
  .title-01 .mtitle + .dtext { font-size: 17px; }
  .title-02 .dtext { font-size: 17px; }
}



@media only screen and (max-width : 540px) { 
  .split-01 .line-bg .center-img { width: 220px; }
}

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


}

/* #endregion */



/* #MARK: SLIDER */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1300px) { 
  .qqs .owlprev { left: 0; }
  .qqs .owlnext { right: 3px; }
}  

@media only screen and (max-width : 1024px) { 
  .qqs .item .itext { font-size: 17px; }

  .qslider-01 .wrap { padding: 100px 0 30px; }

  .qslider-01.ver-2 .wrap { padding: 30px 0; }

  .qslider-01 .dtop { margin: 40px 0; }
  .qslider-01 .mtitle { font-size: 36px; }

  .qslider-01.ver-2 .dtop { margin: 0px 0 30px; }

  .sliderlogo-01 .wrap { padding: 40px 0; }
  .sliderlogo-01 .dtop { margin-bottom: 20px; }

  .qslider-01.ver-2 .qqs .item .pad { min-height: unset; padding: 30px 20px 35px; }
  .qslider-01 .qqs .owlprev,
  .qslider-01 .qqs .owlnext { opacity: 0.5; }
}

@media only screen and (max-width : 600px) { 
  .qslider-01 .mtitle { font-size: 30px; }
}

@media only screen and (max-width : 540px) { 
  .qslider-01 .mtitle { font-size: 26px; }
}

@media only screen and (max-width : 480px) { 
  .qslider-01 .wrap { padding: 60px 0 30px; }
  .qslider-01.ver-2 .mtitle,
  .qslider-01 .mtitle { font-size: 22px; letter-spacing: -1px; }
  .qslider-01 .dtop { margin: 20px 0; }
  .qqs .item .pad { padding: 30px 25px; min-height: unset; gap: 20px; }
}

/* #endregion */



/* #MARK: CD PREVIEW 01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .cardspreview-01 .flexic .flex-item { max-width: 50%; flex: 0 0 50%; }
  .cardspreview-01 .flexic { row-gap: 30px; max-width: 900px; margin: 0 auto; }

  .cardspreview-01 .item .pad { flex-direction: column; height: 400px; overflow: hidden; }
  .cardspreview-01 .flex-item.active .dimage { flex: 0 0 150px; width: 100%; }
  .cardspreview-01 .wrap { padding: 30px 0; }
  .cardspreview-01 .dtop { margin-bottom: 30px; }
}  

@media only screen and (max-width : 760px) { 
  .cardspreview-01 .flexic { max-width: 540px; }
  .cardspreview-01 .flexic .flex-item { max-width: 100%; flex: 0 0 100%; }
  .cardspreview-01 .ititle br { display: none; }
}

@media only screen and (max-width : 480px) { 
  .cardspreview-01 .flex-item.active .dimage { flex: 0 0 140px; }
}

/* #endregion */


@media only screen and (min-width : 1441px) { 
  .rowmedia-01f .wrap {
    padding-top: 97px;
  }
  
}


/* #MARK: title_hero_01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .t-hero .atitle + .ptext { margin-top: 20px; }
  .title-ver-01 .btn-loop { margin-top: 0; }
  .title-ver-01.ver-4 .btn-loop { margin-top: 30px; }
}  



@media only screen and (max-width : 1024px) { 
  .title-hero-01 .wrap { padding: 40px 0; }
  .title-hero-01 .ptext { font-size: 20px; }
  .title-hero-01 .ptext br { display: none; }
  .title-hero-01 .mtitle { font-size: 55px; }

  .title-ver-01.ver-3 .dtext br, 
  .title-ver-01.ver-2 .dtext br { display: none; }

  .title-ver-01.ver-4 .atitle { font-size: 25px; }
  
  .title-ver-01 .btn-loop .btn span { font-size: 17px; }

}

@media only screen and (max-width : 800px) { 
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle { font-size: 40px; }
  .title-ver-01.ver-3 .dtext, 
  .title-ver-01.ver-2 .dtext { font-size: 17px; }
}

@media only screen and (max-width : 600px) { 
  .t-hero .atitle { font-size: 25px; }
  .t-hero .atitle + .ptext { font-size: 19px; }
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle { font-size: 35px; }
}

@media only screen and (max-width : 600px) { 
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle { font-size: 30px; }
}

@media only screen and (max-width : 480px) { 
  .title-ver-01 .btn-loop .btn span { min-width: 100px; }
}

/* #endregion */



/* #MARK: cards_oblocks_01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .cardso-01.ver-1 .flex-item { flex: 0 0 33.33%; max-width: 33.33%; }
}  

@media only screen and (max-width : 1024px) { 
  .cardso-01 .wrap { padding: 30px 0; }
  .cardso-01 .flexic { justify-content: center; row-gap: 30px; }
}

@media only screen and (max-width : 992px) { 
  .cardso-01 .ititle { font-size: 25px; }
  .cardso-01 .atitle { font-size: 20px; }
  .cardso-01 .item .pad { gap: 10px; } 
  .cardso-01 { margin-top: 10px; }

  .cardso-01.ver-3 .wrap, .cardso-01.ver-2 .wrap { padding: 30px 0; }
  .cardso-01.ver-2 .item .pad { padding-top: 20px; }
}

@media only screen and (max-width : 767px) { 
  .cardso-01 .flexic { row-gap: 30px; }
  .cardso-01.ver-1 .flex-item { flex: 0 0 100%; max-width: 100%; }
  .cardso-01.ver-1 .ititle br { display: none; }
  .cardso-01.ver-1 .atitle + .dtext { margin-top: 0; }

  .cardso-01.ver-3 .flex-item { flex: 0 0 100% }
}

/* #endregion */


/* #MARK: title_version_01 */ 
/* #region - -------------------------- .element */

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

  .title-ver-01.ver-1 .wrap,
  .title-ver-01.ver-2 .wrap,
  .title-ver-01.ver-3 .wrap,
  .title-ver-01.ver-4 .wrap,
  .title-ver-01.ver-5 .wrap { padding: 40px 0; }

  .title-ver-01.ver-1 .mtitle,
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle,
  .title-ver-01.ver-4 .mtitle,
  .title-ver-01.ver-5 .mtitle { font-size: 40px; }

  .title-ver-01.ver-5 .mtitle + .dtext,
  .title-ver-01.ver-4 .mtitle + .dtext,
  .title-ver-01.ver-3 .mtitle + .dtext, 
  .title-ver-01.ver-2 .mtitle + .dtext, 
  .title-ver-01.ver-1 .mtitle + .dtext { margin-top: 20px; }

  .title-ver-01.ver-1 .dtext,
  .title-ver-01.ver-2 .dtext,
  .title-ver-01.ver-3 .dtext,
  .title-ver-01.ver-4 .dtext,
  .title-ver-01.ver-5 .dtext { font-size: 17px; }

  .title-ver-01 .mtitle br,
  .title-ver-01 .atitle br,
  .title-ver-01 .dtext  br,
  .title-ver-01 .ptext  br { display: none; }
  .title-ver-01 .dtext p { margin-bottom: 20px; }

  .title-ver-01.ver-5 .mtitle + .atitle { margin-top: 10px; }
  .title-ver-01.ver-5 .atitle + .dtext { margin-top: 15px; }

   
}

@media only screen and (max-width : 800px) { 
  .title-ver-01.ver-1 .ptext br,
  .title-ver-01.ver-1 .dtext br { display: none; }
  .title-ver-01.ver-1 .ptext { font-size: 20px; }

  .title-ver-01.ver-1 .mtitle,
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle,
  .title-ver-01.ver-4 .mtitle,
  .title-ver-01.ver-5 .mtitle { font-size: 35px; }
}

@media only screen and (max-width : 767px) { 
  .title-ver-01.ver-1 .mtitle,
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle,
  .title-ver-01.ver-4 .mtitle,
  .title-ver-01.ver-5 .mtitle { font-size: 30px; }

  .title-ver-01.ver-4 .atitle { font-size: 20px; }
}

@media only screen and (max-width : 480px) { 
  .title-ver-01.ver-1 .mtitle,
  .title-ver-01.ver-2 .mtitle, 
  .title-ver-01.ver-3 .mtitle,
  .title-ver-01.ver-4 .mtitle,
  .title-ver-01.ver-5 .mtitle { font-size: 28px; letter-spacing: -1px; }
}


/* #endregion */

/* #MARK: cluster_curve_01 */ 
/* #region - -------------------------- .element */

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

  .ccf .overlay-bg:not(.vid) { height: 200px !important; }
  .ccf .overlay.color { height: calc(100% - 200px); }

  .cc-design-1 > .wrap,
  .cc-design-2 > .wrap,
  .cc-design-3 > .wrap,
  .cc-design-4 > .wrap,
  .cc-design-6 > .wrap { padding-top: 100px !important; }

  .cc-design-0b > .wrap { padding-bottom: 100px !important; }
  .cc-design-7 .wrap { overflow: hidden; }
}  

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

}  

@media only screen and (max-width : 1024px) { 
  .cc-design-1 .line-1,
  .cc-design-2 .line-1,
  .cc-design-3 .line-1,
  .cc-design-4 .line-1,
  .cc-design-6 .line-1 { opacity: 0.5; }

  .cc-design-0c .line-1, 
  .cc-design-0b .line-1, 
  .cc-design-0d .line-1 { opacity: 0.5; }
}

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

}

@media only screen and (max-width : 800px) { 
  .cc-design-1 > .wrap,
  .cc-design-2 > .wrap,
  .cc-design-3 > .wrap,
  .cc-design-4 > .wrap,
  .cc-design-6 > .wrap,
  .cc-design-7 > .wrap { padding-top: 50px !important; }

  .cc-design-4 > .wrap { padding-top: 100px !important; }
}

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



  .c-design-0 .overlay.overlay-2, 
  .c-design-0a .overlay.overlay-2, 
  .c-design-0b .overlay.overlay-2, 
  .c-design-0c .overlay.overlay-2, 
  .c-design-0d .overlay.overlay-2 { opacity: 0.5; max-width: 70%; }
  
  .c-design-0, 
  .c-design-0a { max-height: 600px; } 

  .c-design-0c,
  .c-design-0b,
  .c-design-0d { height: 100%; max-height: unset; }

  .cc-design-0b > .wrap { padding-bottom: 0 !important; }
  
  .cc-design-0d .vid { max-height: 600px; top: 0; }
}

@media only screen and (max-width : 600px) { 
  .cc-design-1 .line-1,
  .cc-design-2 .line-1,
  .cc-design-3 .line-1,
  .cc-design-4 .line-1,
  .cc-design-6 .line-1 { top: -35px; }
  
  .cc-design-2 .line-1,
  .cc-design-4 .line-1 { top: -90px; }

  .cc-design-0d .line-1 { bottom: 0; }

  .c-design-7 > img { opacity: 0.5;  }

  .c-design-7 > img { opacity: 0.5; top: -90px; width: 100%; position: absolute; height: 221px; transform: none; left: 0; }
}


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

}

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

/* #endregion */

/* #MARK: number_blocks_01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .blocknumber-01.ver-3 .flex-item,
  .blocknumber-01.ver-2 .flex-item,
  .blocknumber-01 .flex-item { flex: 0 0 48%; max-width: 48%; }

  
}  

@media only screen and (max-width : 1024px) { 
  .blocknumber-01 .dtext,
  .blocknumber-01 .ptext { font-size: 17px; }
  .blocknumber-01.ver-2 .wrap,
  .blocknumber-01 .wrap { padding: 30px 0; }
  .blocknumber-01 .dbtm.bb { margin-top: 30px; }
  
  .blocknumber-01.ver-3 .dtop { margin-bottom: 30px; }
  .blocknumber-01.ver-3 .flexic { row-gap: 30px; }
}

@media only screen and (max-width : 800px) { 
  .blocknumber-01 .mtitle { font-size: 30px; }
  .blocknumber-01.ver-2 .dtop,
  .blocknumber-01 .dtop { margin-bottom: 40px; }
  .blocknumber-01 .dbtm { margin-top: 30px; }
  .blocknumber-01 .ptext,
  .blocknumber-01 .dtext { margin-top: 10px !important; }
  
  .blocknumber-01.ver-3 .flex-item,
  .blocknumber-01.ver-2 .flex-item,
  .blocknumber-01 .flex-item { flex: 0 0 100%; max-width: 100%; }

  .blocknumber-01 .flex-item:nth-child(1) { order: 1; }
  .blocknumber-01 .flex-item:nth-child(3) { order: 2; }  
  .blocknumber-01 .flex-item:nth-child(5) { order: 3; }  
  .blocknumber-01 .flex-item:nth-child(2) { order: 4; }
  .blocknumber-01 .flex-item:nth-child(4) { order: 5; }
  .blocknumber-01 .flex-item:nth-child(6) { order: 6; }

  
}

@media only screen and (max-width : 767px) { 
  .blocknumber-01.ver-3 .dinfo,
  .blocknumber-01 .dinfo { gap: 25px; }
  .blocknumber-01 .mtitle { line-height: 130%; letter-spacing: 0; }
  .blocknumber-01 .ititle { font-size: 20px; }
  .blocknumber-01 .item br { display: none; }
  .blocknumber-01 .dtext p { margin-bottom: 15px; } 
}

/* #endregion */




/* #MARK: media_version_01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1200px) { 
  .rmver-01 .wrap { overflow: hidden; }
  .rmver-01 .ccol-1 { flex: 0 0 50%; max-width: 48% }
  .rmver-01 .ccol-2 { flex: 0 0 50%; max-width: 48%; }

  .rrmver .squashy { width: 100%; height: 100%; top: 0; right: 0; }
  .rrmver .bg-media { width: 100%; height: 100%; min-height: 550px; }
  
  .rrmver .dinfo .dtext br,
  .rrmver .dinfo .mtitle br { display: none; }
  .rmver-01 .dinfo { padding: 0; }
}  

@media only screen and (max-width : 1024px) { 
  .rmver-01 .wrap { padding: 30px 0; }

  .rrmver .bg-media { min-height: 500px; max-width: 500px; }
  .rrmver .squashy { height: 500px; top: 10px; }

  .rmver-01.ver-2 .dinfo { padding-bottom: 0; }
  
  .rrmver .dinfo .dtext,
  .rrmver .dinfo .ptext { font-size: 17px; }
  .rmver-01 .mtitle + .dtext { margin-top: 20px; }

  .rmver-01 .items { margin-top: 20px; }
  .rmver-01 .items .item { font-size: 17px; margin-bottom: 0; }
  
  .dinfo.tt-1a .mtitle { font-size: 40px; }
  .rmver-01 .atitle br { display: none; }
}

@media only screen and (max-width : 992px) { 
  .rmver-01 .ccol-1 { flex: 0 0 500px; max-width: 500px; }
  .rmver-01 .ccol-2 { flex: 1; max-width: 100%; padding-left: 30px; }
}

@media only screen and (max-width : 950px) { 
  .rmver-01 .flexic { row-gap: 30px; }
  .rmver-01 .ccol-1 { flex: 0 0 100%; max-width: 100%; }
  .rmver-01 .ccol-2 { flex: 0 0 100%; max-width: 100%; padding-left: 0px; }
}

@media only screen and (max-width : 600px) { 
  .rrmver .wrap { overflow: hidden; }
  .rrmver .dinfo .mtitle { font-size: 35px; } 
  .rrmver .dinfo .atitle { font-size: 20px; } 


}

@media only screen and (max-width : 540px) { 
  .rrmver .bg-media { min-height: unset; padding-bottom: 100%; }
  .rrmver .squashy { height: 100%; } 
}

@media only screen and (max-width : 480px) { 
  .rrmver .dinfo .mtitle { font-size: 27px; letter-spacing: -1px; } 
  .rrmver .dinfo .atitle { font-size: 18px; } 
}

/* #endregion */



/* #MARK: q_numlist_01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .qnumlist-01 .wrap { padding: 30px 0; }
  .qnumlist-01 .Qsvg svg { width: 100%; height: 100%; }
  .qnumlist-01.v2 .ccol-1,
  .qnumlist-01.v2 .ccol-2,
  .qnumlist-01 .ccol-1,
  .qnumlist-01 .ccol-2 { flex: 0 0 48%; max-width: 48%; }
  .qnumlist-01 .ntitle { letter-spacing: 0; margin-bottom: 20px; }
  .qnumlist-01 .items-fl .item { margin-bottom: 20px; }
}  

@media only screen and (max-width : 1024px) { 
  .qnumlist-01.v2 .wrap { padding: 30px 0; }
  .qnumlist-01.v2 .dinfo-1 { padding: 50px; }
  .qnumlist-01.v2 .dtext { font-size: 17px; }
}

@media only screen and (max-width : 950px) { 
  .qnumlist-01 .flexic { gap: 20px; }
  .qnumlist-01 .ccol-1,
  .qnumlist-01 .ccol-2 { flex: 0 0 100%; max-width: 100%; }
  .qnumlist-01 .ccol-1 .dtext { font-size: 17px; }
  .qnumlist-01 .ccol-1 .dtext br { display: none; }
  .qnumlist-01 .items-bt .item { font-size: 17px; }
  .qnumlist-01 .Qsvg { display: none; }
  .qnumlist-01 .items-fl,
  .qnumlist-01 .items-bt { display: flex; flex-wrap: wrap; }
  .qnumlist-01 .items-bt .item,
  .qnumlist-01 .items-fl .item { flex: 0 0 48%; max-width: 48%; }

  .qnumlist-01.v2 .item { flex: 0 0 100%; max-width: 100%; }

}


@media only screen and (max-width : 767px) { 
  .qnumlist-01 .items-bt .item,
  .qnumlist-01 .items-fl .item { flex: 0 0 100%; max-width: 100%; }  
  
  .qnumlist-01.v2 .ccol-1, .qnumlist-01.v2 .ccol-2 { flex: 0 0 100%; max-width: 100%; }
  .qnumlist-01.v2 .dinfo-2,
  .qnumlist-01.v2 .dinfo-1 { padding: 30px; }
  .qnumlist-01.v2 .dinfo-2 { border-radius: 20px; background-color: var(--bg2); }
}

@media only screen and (max-width : 480px) { 
  .items-fl .item { gap: 25px; }
}

/* #endregion */



/* #MARK: row_media_f01 */ 
/* #region - -------------------------- .element */

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

  .rowmedia-01f .wrap { padding: 60px 0; }
  .rowmedia-01f .overlay.color1 { bottom: -60px; height: 95%; }
  .rowmedia-01f .overlay.colorm { top: 0; height: 104%; }
  .rowmedia-01f .ccol-2 { padding-right: 10px; }

}

@media only screen and (max-width : 1180px) {
  .rowmedia-01f .mtitle br { display: none; }
}  

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

  .rowmedia-01f .flexic { gap: 0; }
  .rowmedia-01f [data-vflex="default"] .dinfo { padding-bottom: 0; text-align: left; }
  .rowmedia-01f .bg-media.qq-2 { height: 581px; width: 581px; }
}

@media only screen and (max-width : 1080px) { 
  .rowmedia-01f .wrap { padding: 50px 0; }
  .rowmedia-01f .dtext br { display: none; }
  .rowmedia-01f .bg-media.qq-2 { height: 480px; width: 480px; margin: 0 auto; }
  .rowmedia-01f .overlay.colorm { top: 0; }
  .rowmedia-01f .ccol-1 { flex: 0 0 100%; max-width: 100%; }
  .rowmedia-01f .ccol-2 { flex: 0 0 100%; max-width: 100%; }
  .rowmedia-01f [data-vflex="default"] .dinfo { margin-top: 60px; text-align: center; padding-bottom: 30px; }
  .rowmedia-01f .overlay.color1 { bottom: -50px; }
  .rowmedia-01f .dtext ul { max-width: 500px; margin: 20px auto; }
  .rowmedia-01f ul li { text-align: left; }
}

@media only screen and (max-width : 767px) { 
  .rowmedia-01f .dtext { font-size: 17px; }
  .rowmedia-01f .mtitle + .dtext { margin-top: 15px; }
  .rowmedia-01f .btn-loop { margin-top: 20px; }
  .rowmedia-01f .overlay.colorm img { opacity: 0.5; }
}

@media only screen and (max-width : 540px) { 
  .rowmedia-01f .bg-media.qq-2 { height: 400px; width: 400px; left: -8px; }
}

/* #endregion */



/* #MARK: hero_flex_01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .heroflex-01 .ccol-1 { flex: 0 0 54%; max-width: 54%; }
  .heroflex-01 .ccol-2 { flex: 0 0 43%; max-width: 43%; }
  .heroflex-01 .dmedia { height: auto; }
  .heroflex-01 .flexic { gap: 0; }
}  

@media only screen and (max-width : 1024px) { 
  .heroflex-01 .wrap { padding: 30px 0; }
  .heroflex-01 .mtitle { font-size: 55px; }
}

@media only screen and (max-width : 960px) { 
  .heroflex-01 .ccol-1,
  .heroflex-01 .ccol-2 { flex: 0 0 100%; max-width: 100%; }
  .heroflex-01 .dmedia { max-width: 550px; margin: 0 auto; }
  .heroflex-01 .dinfo { text-align: center; }
  .heroflex-01 .flexic { gap: 30px; }
}

/* #endregion */

/* #MARK: media_version_q_01 */ 
/* #region - -------------------------- .element */

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

  .cardsnumber-01.ver-3 .wrap,
  .cardsnumber-01.ver-2 .wrap { padding: 30px 0; }

  .cardsnumber-01.ver-3 .mtitle { letter-spacing: 0; }

  .cardsnumber-01.ver-2 .mtitle + .atitle { margin-top: 20px; }
  .cardsnumber-01.ver-2 .dtop { margin-bottom: 30px; }
  .cardsnumber-01.ver-2 .wrapper { padding: 80px 0 0px; }

  .cardsnumber-01 .btm-text { margin-top: 30px; }
  .cardsnumber-01 .btm-text .dtext { font-size: 17px; }
  .cardsnumber-01 .btm-text .dtext br { display: none; }

  .cardsnumber-01.v2 .row { row-gap: 40px; }

  .cardsnumber-01.ver-3 .dtop { margin-bottom: 80px; }
  .cardsnumber-01.ver-3 .btm-text { margin-top: 30px; }
  .cardsnumber-01.ver-3 .btm-text .dtext { font-size: 17px; }
  
}

@media only screen and (max-width : 480px) { 
  .cardsnumber-01.ver-2 .wrapper { padding: 40px 0 0px; }
}

/* #endregion */

/* #endregion */

/* #MARK: icons_flex_01 */ 
/* #region - -------------------------- .element */

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

  .iconflex-01 .wrap,
  .iconflex-01.ver-2 .wrap { padding: 30px 0; }
  .iconflex-01 .itop { gap: 15px; }
  .with-list .dtext ul li { margin-top: 10px; }

  .iconflex-01 .flexic { margin: 0 !important; }
  .iconflex-01 .flex-item { padding: 0 !important; }
  .iconflex-01 .flex-item .item { padding: 0 15px; }
  .iconflex-01 [data-ctr="3"] .flex-item { flex: 0 0 33.33%; max-width: 33.33%; }

  .iconflex-01.ver-2 .ptext { font-size: 17px; margin-top: 15px; }
  .iconflex-01.ver-2 .dtext { font-size: 17px; } 
  .iconflex-01 .dtop { margin-bottom: 30px; }
  .iconflex-01 .mtitle { letter-spacing: -1px; }
  .iconflex-01 .mtitle br { display: none; }
  .iconflex-01 .ptext br { display: none; }
}

@media only screen and (max-width : 767px) { 
  .iconflex-01 .flexic .flex-item { flex: 0 0 100%; max-width: 100%; }
  .iconflex-01 .flexic .flex-item .item { max-width: 480px; padding: 20px; margin: 0 auto; background-color: rgba(0,0,0,0.03); border-radius: 20px; }
  .iconflex-01 .flexic { gap: 30px; justify-content: center; }
  
}

@media only screen and (max-width : 600px) { 
  .iconflex-01 .mtitle { font-size: 28px; }
  .iconflex-01 .ititle { line-height: 130%; }
}

/* #endregion */

/* #MARK: cards_text_01 */ 
/* #region - -------------------------- .element */
@media only screen and (max-width : 1024px) { 
  .cardstext-01 .dtop { margin-bottom: 30px; }
  .cardstext-01 .item .pad { padding: 30px 20px; }

  .cardstext-01.ver-2 .dtop { margin-bottom: 30px; }
  .cardstext-01 .item .dtext { font-size: 17px; }
  .cardstext-01.ver-2 .col-lg-4 .pad { padding: 0 !important; }

  .cardstext-01 .wrap { padding: 30px 0; }
  .cardstext-01 .ptext { font-size: 17px; margin-top: 15px; }
}

@media only screen and (max-width : 1024px) { 
  .cardstext-01.ver-2 .col-lg-4 .pad { padding: 30px !important; background-color: rgba(255, 255, 255, 0.1); border-radius: 20px; }
  .cardstext-01.ver-2 .ititle br { display: none; }
}

/* #endregion */


/* #MARK: qrmver-01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1180px) { 
  .qrmver-01 .wrap { padding: 30px 0; }
  .qrmver-01 .ccol-2 { flex: 1; padding-right: 50px; }

  .qrmver-01.v2 [data-rtl="0"] .ccol-2 { flex: 1; padding-left: 70px; padding-right: 0;  }

  .qrmver-01 [data-rtl="0"] .ccol-2 { flex: 1; padding-left: 70px; padding-right: 0; }

  .qrmver-01.v2 .dtext br { display: none; }
  .qrmver-01.v2 .dtext { margin-top: 20px; }
  .qrmver-01.v2 .btn-loop { margin-top: 30px; }
}  

@media only screen and (max-width : 1080px) { 
  .qhero-01 .flexic { flex-direction: column-reverse; gap: 40px; }
  .qhero-01 .flexic .ccol-1 { flex: 0 0 100%; max-width: 100%; }
  .qhero-01 .bg-media { transform: translateY(-50%) translateX(-50%); left: 50%; }

  .qhero-01 .ccol-2 { flex: 1; }
  
  .qhero-01 .dinfo { margin-bottom: 30px; text-align: center; }

  .qhero-01.ver-2 .atitle br { display: none; }
  
}

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


  .qrmver-01 .items .item { margin-top: 20px; font-size: 17px; }

  .qrmver-01 .ptext,
  .qrmver-01 .dtext { font-size: 17px; }

  .qhero-01 .wrap { padding: 40px 0; }

  .qrmver-01 .dtext p { margin-bottom: 20px; }

  .qrmver-01 .ccol-2 { padding-right: 70px; }
}

@media only screen and (max-width : 1023px) { 
  .qrmver-01 .flexic { flex-direction: column; gap: 30px; }

  .qrmver-01 [data-rtl="0"] .ccol-2,
  .qrmver-01.v2 [data-rtl="0"] .ccol-2,
  .qrmver-01 .ccol-2 { padding: 0px; flex: 0 0 100%; max-width: 100%; }

  .qrmver-01.v2 .flexic { flex-direction: row; justify-content: center; gap: 45px; }
  .qrmver-01.v2 .dtext br { display: none; }

  .qrmver-01.v2 .dinfo { text-align: center; }


}

@media only screen and (max-width : 767px) { 
  .qrmver-01 .ccol-1 { flex: 1; }

  
  .qrmver .bg-media { width: 400px; height: 400px; }
  .qrmver .bg-height { height: 400px; margin-bottom: 25px; }
  .qrmver .bg-media .Qsvg { top: 0; left: 0; width: 100%; height: 100%; }
  .qrmver .bg-media .Qsvg svg { width: 205%; height: auto; top: -30px; left: -26px; position: absolute; }

  .qrmver [data-rtl="0"] .bg-media .Qsvg svg { width: 203%; height: auto; top: 30px; left: unset; position: absolute; right: 28px; }

  .qrmver-01.ver-2 .items { margin-top: 20px; }

  .qrmver-01.v2 .bg-media { width: 400px; height: 400px; margin: 0 auto; }
  .qrmver-01.v2 .bg-height { height: 400px; margin-bottom: 25px; }
  .qrmver-01.v2 .bg-media .Qsvg { width: 100%; height: 100%; }
  .qrmver-01.v2 .bg-media .Qsvg svg { width: 205%; height: auto; top: -30px; left: -26px; position: absolute; }

  .qrmver-01.v2 [data-rtl="1"] .bg-media .Qsvg { top: 0; left: 0; }

  .qrmver-01.v2 [data-rtl="0"] .bg-media .Qsvg { top: 0; left: 0; }
  .qrmver-01.v2 [data-rtl="0"] .bg-media .Qsvg svg { left: unset; right: -36px; }
  .qrmver-01.v2 [data-rtl="0"] .bg-media { transform: none; top: 0; left: 0; }
}

@media only screen and (max-width : 600px) { 
  .qrmver-01.v2 .dinfo { padding-bottom: 0; } 
  .qrmver-01.v2 .overlay.bgcolor { height: calc(100% - 1vh); }
}

@media only screen and (max-width : 540px) { 
  .qrmver [data-rtl="0"] .bg-media .Qsvg svg { right: 35px; }
  .qrmver .bg-media { width: 380px; height: 380px; }
  .qrmver .bg-img { top: 0; left: 0; border: 10px solid #FAF5E1; }
  .qrmver-01 .dinfo .mtitle { font-size: 28px; }

  .qhero-01 .mtitle { font-size: 55px; }
}

/* #endregion */

/* #MARK: rmlist-01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1200px) { 
  .rmlist-01 .flexic { gap: 0; }
  .rmlist-01 .ccol-1,
  .rmlist-01 .ccol-2 { flex: 0 0 50%; max-width: 50%; }
  .rmlist-01 .ccol-2 { padding-left: 30px; }
  
  .rmlist-01.rrmver .bg-media { min-height: 500px; max-width: 500px; }
  .rmlist-01.rrmver .squashy { height: 500px; top: 10px; }
  .rmlist-01.addmargin .item:last-child { margin-bottom: 0; }
}  

@media only screen and (max-width : 1024px) {
  .rmlist-01 .wrap { padding: 30px 0; }
  .rmlist-01 .mtitle + .dtext { margin-top: 15px; }
  .rmlist-01 .dtext { font-size: 17px; }
  .rmlist-01 .dtop { margin-bottom: 30px; }
  .rmlist-01.addmargin .item { margin-bottom: 25px; }
}

@media only screen and (max-width : 1023px) {
  .rmlist-01 .flexic { gap: 30px; }

  .rmlist-01 .ccol-1,
  .rmlist-01 .ccol-2 { flex: 0 0 100%; max-width: 100%; }
  .rmlist-01 .ccol-2 { padding-left: 0px; }

  .rmlist-01.addmargin .flexic .ccol-2 { flex: 0 0 100%; }
}

@media only screen and (max-width : 800px) {
  .rmlist-01 .dinfo .line-y { max-height: 830px; }
}

@media only screen and (max-width : 540px) { 
  .rmlist-01.rrmver .bg-media { min-height: unset; padding-bottom: 100%; }
  .rmlist-01.rrmver .squashy { height: 100%; } 

  .rmlist-01 .item .i-number { margin-top: 0; }
  .rmlist-01 .ititle { font-size: 20px; }
  .rmlist-01 .item { gap: 20px; }
}

/* #endregion */

/* #MARK: textlist-01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1200px) {
  .textlist-01 .overlay.color { height: 100%; }
}

@media only screen and (max-width : 1180px) {
  .textlist-01 .items .item { flex: 0 0 48%; }
}

@media only screen and (max-width : 1024px) {
  .textlist-01 .wrap { padding: 30px 0; }
  .textlist-01 .dtop { margin-bottom: 30px; }
  .textlist-01 .overlay.color .bg-img { display: none; }
  .textlist-01 .items .item { margin-bottom: 0; font-size: 17px; }

  .textlist-01 .dtext br { display: none; }
  .textlist-01 .atitle { margin-top: 20px; font-size: 20px; }
}

@media only screen and (max-width : 767px) {
  .textlist-01 .items .item { flex: 0 0 100%; }
  .textlist-01 .dtop { text-align: left !important; }
}

@media only screen and (max-width : 767px) {
  .textlist-01 .mtitle { letter-spacing: 0; font-size: 25px; }
}
/* #endregion */


/* #MARK: qnumlist-01.v2 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1024px) {
  .qnumlist-01.v2 .Qsvg { display: none; }
}
/* #endregion */

/* #MARK: rmver-01.rrstack */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 992px) {
  .rmver-01.rrstack .atitle { margin-top: 10px; font-size: 20px; }
  .rmver-01.rrstack .atitle br { display: none; }

  .rmver-01.rrstack .mtitle { font-size: 30px; letter-spacing: 0; margin-top: 30px; }

  .rmver-01.rrstack .ptext, .rmver-01.rrstack .dtext { margin-top: 15px; }
  .rmver-01 .atitle + .dtext,
  .rmver-01 .mtitle + .atitle { margin-top: 15px; }
}
/* #endregion */

/* #MARK: ajaxp-01 */ 
/* #region - -------------------------- .element */
@media only screen and (max-width : 1024px) {

  .ajaxp-01 .row { row-gap: 30px; }
  .ajaxp-01 .dtop { margin-bottom: 30px; }

  .box.b .post-thumb { margin-bottom: 20px; }
  .box.b .thumb-bg { height: 200px; }
  .box.b .post-title { height: auto !important; }
  .ajaxp-01 .wrap { padding: 30px 0; }

}

@media only screen and (max-width : 600px) {
  .ajax_post.btn { padding: 17px 25px; }
}  


/* #endregion */

/* #MARK: gfsub-01 */ 
/* #region - -------------------------- .element */
@media only screen and (max-width : 1024px) { 
  .gfsub-01 .wrap { padding: 30px 0; }
  .gfsub-01 .pad { padding: 30px; }
  .gfsub-01 .dtext { font-size: 17px; }
}

@media only screen and (max-width : 992px) { 
  .gfsub-01 .dinfo { text-align: center; }
  .gfsub-01 #gform_1 { justify-content: center; }
}

@media only screen and (max-width : 480px) { 
  .gfsub-01 .dinfo { padding: 0; }
  .gfsub-01 .mtitle { font-size: 21px; }
  .gfsub-01 #gform_1 { flex-direction: column; gap: 20px; margin-top: 0; }
  .gfsub-01 .gform_wrapper.gravity-theme .gfield input.large { border-radius: 30px; }
  .gfsub-01 .gform_wrapper.gravity-theme .gform_footer button, .gfsub-01 .gform_wrapper.gravity-theme .gform_footer input, .gfsub-01 .gform_wrapper.gravity-theme .gform_page_footer button, .gfsub-01 .gform_wrapper.gravity-theme .gform_page_footer input {
    border-radius: 30px;
  }
}

/* #endregion */

/* #MARK: article */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1024px) { 
  article .wrap { padding: 100px 0 30px; }
  article .mtitle { font-size: 50px; }
  article .post-title { margin-bottom: 30px; }
  article .post-thumbnail { margin-bottom: 30px; }
  article .post-text p { margin-bottom: 20px; font-size: 17px; }

  article .post-text h1, article .post-text h2, article .post-text h3 { margin: 30px 0 20px; }
  article .div-back { margin-top: 30px; }
  .post-related { padding: 30px 0 0; }
  .post-related .mtitle { font-size: 30px; }
  .post-related .dtop { margin-bottom: 30px; }
}

@media only screen and (max-width : 800px) { 
  article .mtitle { font-size: 45px; line-height: 120%; }
  article .post-thumbnail .thumb-bg { height: auto; }
  article .artifact { display: none; }
}

@media only screen and (max-width : 767px) { 
  article .mtitle { font-size: 35px; }
}

@media only screen and (max-width : 600px) { 
  article .mtitle { font-size: 30px; }
}

@media only screen and (max-width : 480px) { 
  article .mtitle { font-size: 25px; }
}

/* #endregion */

/* #MARK: iconflex-02 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1024px) {
  .iconflex-02 .squiggle { display: none; }
  .iconflex-02 .dtop { margin-bottom: 30px; }
  .iconflex-02 [data-ctr="4"] .flex-item { flex: 0 0 50%; max-width: 50%; }
  .iconflex-02 .item .ititle br { display: none; }
  .iconflex-02 .item .dtext br, 
  .iconflex-02 .item .ptext br { display: none; }
  .iconflex-02 .item .dtext p, 
  .iconflex-02 .item .ptext p { margin-bottom: 15px; }
  .iconflex-02 .flexic { row-gap: 30px; }
  .iconflex-02 .item .ititle { margin-top: 20px; }
}

@media only screen and (max-width : 600px) { 
  .iconflex-02 [data-ctr="4"] .flex-item { flex: 0 0 100%; max-width: 100%; }
  .iconflex-02 .item { text-align: left; }
  .iconflex-02 [data-ctr="4"] .item .itop { display: flex; gap: 20px; align-items: center; margin-bottom: 30px; }
  .iconflex-02 [data-ctr="4"] .item .ititle { margin-top: 0; text-align: left; }
}

/* #endregion */

/* #MARK: circletext-01 */ 
/* #region - -------------------------- .element */

@media only screen and (max-width : 1200px) { 
  .circletext-01 .item:nth-child(4n+2), 
  .circletext-01 .item:nth-child(4n+3) { flex: 1; gap: 20px; }
}

@media only screen and (max-width : 1024px) {
  .circletext-01 .dtop { margin-bottom: 20px; }
  .circletext-01 .dtext { margin-top: 15px; }
  .circletext-01 .wrap { padding: 30px 0; }

}
@media only screen and (max-width : 800px) { 
  .circletext-01 .flexic { gap: 0; row-gap: 20px; flex-wrap: wrap; } 
  .circletext-01 .item:nth-child(4n+2),
  .circletext-01 .item:nth-child(4n+3) { flex-direction: row-reverse; }
  .circletext-01 .item:nth-child(4n+2) { justify-content: flex-start; }
  .circletext-01 .item:nth-child(4n+2) .ititle { text-align: left; }
  
  .circletext-01 .item { flex: 0 0 49% !important; max-width: 49% !important; }
  .circletext-01 .item { flex-direction: row-reverse !important; }
  .circletext-01 .item { justify-content: flex-end !important; text-align: left; }
  .circletext-01 .item { gap: 20px }
  .circletext-01 .item br { display: none; }
  .circletext-01 .item strong { display: block; font-size: 20px; }
  .circletext-01 .item .ititle { font-size: 16px; }

  .circletext-01 .item:nth-child(4n+1) { order: 1; }
  .circletext-01 .item:nth-child(4n+2) { order: 4; }
  .circletext-01 .item:nth-child(4n+3) { order: 2; }
  .circletext-01 .item:nth-child(4n+4) { order: 3; }

  .circletext-01 .circ { display: none; }
  .circletext-01 .d-pop { position: relative; top: 0; transform: none; left: 0; margin: 0 auto; height: auto; width: 100%; }
  .circletext-01 .wrapper { display: flex; flex-wrap: wrap; gap: 30px; }
  .circletext-01 .d-pop { order: 1; }
  .circletext-01 .flexic { order: 2; }

  .circletext-01 .tab-content > .tab-pane { transition: 0; }
  .circletext-01 .tab-content > .tab-pane.active { position: relative; top: 0; left: 0; transform: none; }
}

@media only screen and (max-width : 767px) { 
  .circletext-01 .item { flex: 0 0 100% !important; max-width: 100% !important; }
}
/* #endregion */

/* #MARK: iconslist-01 */ 
/* #region - -------------------------- .element */
@media only screen and (max-width : 1200px) {
  .iconslist-01 .items .item { flex: 0 0 48%; }

}

@media only screen and (max-width : 1024px) {
  .iconslist-01 .wrap { padding: 30px 0; }
  .iconslist-01 .items { margin: 30px 0 0px; }
}

@media only screen and (max-width : 767px) {
  .iconslist-01 .mtitle { font-size: 30px; }
  .iconslist-01 .items .item { flex: 0 0 100%; max-width: 100%; align-items: center; margin-bottom: 20px; }
  .iconslist-01 .atitle { font-size: 20px; }
}

@media only screen and (max-width : 600px) { 
  .iconslist-01 .mtitle { font-size: 25px; }
}
/* #endregion */

/* #MARK: gf-01 */ 
/* #region - -------------------------- .element */
@media only screen and (max-width : 1200px) {
  .social-01 .flexic .ccol-1,
  .social-01 .flexic .ccol-2 { flex: 0 0 48%; max-width: 48%; }

}

@media only screen and (max-width : 1024px) {
  .gf-01 .wrap { padding: 30px 0; }
  .gf-01 .gform_wrapper.gravity-theme .gfield-choice-input + label,
  .gf-01 .gform .gform_wrapper.gravity-theme .ginput_complex label, 
  .gf-01 .gform .gform_wrapper.gravity-theme .gfield_label { font-size: 17px; }

  .gf-01 .dinfo { margin-top: 30px; }
  .gf-01 .dinfo .dtext { margin-top: 20px; font-size: 17px; }
  .gf-01 .dinfo .dtext p { margin-bottom: 20px; }
  .gf-01 .dbtm { margin-top: 20px; padding: 0; }

  .gf-01 .sc-contact span, .gf-01 .btn.w-icon span { font-size: 17px; }

  .social-icons .soc-link { height: 40px; }
  .social-01 .dtext { font-size: 17px; }
  .social-01 .gform { margin-top: 20px; }
  .social-01 .social-icons .soc-link .icon-bg span { font-size: 17px; }
  .social-01 .social-icons .soc-link .nfo { margin: 0; margin-left: 10px; }
  .social-01 .gform_wrapper.gravity-theme .gfield input.large, 
  .social-01 .gform_wrapper.gravity-theme .gfield select.large { font-size: 17px; }

  .social-01 .mtitle, .social-01 .atitle { font-size: 35px; }
  .social-01 .social-icons .soc-link .icon-bg {  width: 100%; }
}

@media only screen and (max-width : 800px) {
  .social-01 .flexic { gap: 30px; }
  .social-01 .flexic .ccol-1, 
  .social-01 .flexic .ccol-2 { flex: 0 0 100%; max-width: 100%; }
  .social-01 .mtitle, .social-01 .atitle { font-size: 30px; }
}

@media only screen and (max-width : 600px) {
  .gf-01 .gform .gform_wrapper.gravity-theme .gform_footer, 
  .gf-01 .gform .gform_wrapper.gravity-theme .gform_page_footer { margin-top: 30px; } 
  .gf-01 .dbtm { gap: 10px; padding: 0; }
  .gf-01 .dbtm .sc-div { flex: 0 0 100%; max-width: 100%; justify-content: center; }

  .social-01 .gform .gform_wrapper.gravity-theme .gform_footer, 
  .social-01 .gform .gform_wrapper.gravity-theme .gform_page_footer { justify-content: center; }
}

@media only screen and (max-width : 480px) {
  .gf-01 .gform .ginput_container_radio .gchoice, 
  .gf-01 .gform .ginput_container_checkbox .gchoice { margin-right: 20px; }
  .social-01 { text-align: center; }

}

/* #endregion */

/* #MARK: gf-01 */ 
/* #region - -------------------------- .element */
@media only screen and (max-width : 1300px) {
  .cluster-box .artifacts,
  .ccf .artifacts { overflow: hidden; }

  .cluster-box .artifacts img,
  .ccf .artifacts img { opacity: 0.5; }
}

@media only screen and (max-width : 1024px) {
  .cluster-box .artifacts img,
  .ccf .artifacts img { opacity: 0.2; }
}

/* #endregion */