/* #region -------------------------- ROOT */
@media only screen and (max-width : 1200px) { 
  :root {
    --color1: #9C9C9C;
    --color1a: #c2c2c2;
    --color1b: #f7f7f7;
    --color2: #0A406B;
    --color3: #BB9F64;
    --color4: #093456;
    --h1: 80px;
    --h2: 40px;
    --h3: 40px;
    --h4: 28px;
    --h5: 20px;
    --h6: 18px;
    --a: #BB9F64;
    --hover: #A1AEB7;       
}  
}
@media only screen and (max-width : 1180px) { 
  :root {
      --h1: 60px;
  }  
}

@media only screen and (max-width : 1024px) { 
  :root {
    --h1: 50px;
    --h4: 24px;
  }  
  .f40, .f40a { font-size: 36px; }
  .f64 { font-size: 40px; }
}

@media only screen and (max-width : 800px) { 
  :root {
    --h4: 24px;
  }  
  .f40, .f40a { font-size: 28px; }
  .f64 { font-size: 28px; }
}

@media only screen and (max-width : 767px) { 
  :root {
    --h1: 40px;
  }    
}

@media only screen and (max-width : 600px) { 
  .f40, .f40a { font-size: 24px; }
  .f28 { font-size: 20px; }
}

@media only screen and (max-width : 480px) { 
  :root {
    --h1: 32px;
    --h4: 20px;
  }    
  .f40, .f40a { font-size: 22px; }
  .f24 { font-size: 20px; }
} 

/* #endregion */

/* 
## MARK: GENRAL
#region - -------------------------- */

@media only screen and (max-width : 1024px) { 
    body:not(.home) section.element .wrap { padding: 30px 0; }
    body.home section.element .wrap { background-color: var(--color4); padding-top: 0; }
    section.element .nwrap { padding: 0; } 

    body #fp-nav.fp-right { right: 20px; }

    .fp-scroll-mac.admin-bar header { margin-top: 0; }

    .mtitle + .dtext { margin-top: 15px; }

}  

@media only screen and (max-width : 992px) {
  hr.liner { border-bottom: 1px solid var(--color3) !important;  }
}

@media only screen and (max-width : 800px) { 
  hr.liner { margin: 15px auto !important; }

  #home_slides .section .border-transition-index,
  #home_slides .section .cell-content .blankout,
  #home_slides .section.active .cell-content .blankout { display: none !important; }

  #home_slides { overflow-x: hidden; }
  #home_slides .section { height: auto !important; }
  .section .wrap { height: auto; }
  
  .home .section .wrap { position: relative !important; height: auto; }

  body.home section.element .wrap { padding: 40px 0; }
  hr.linex2 { margin-top: 15px; margin-bottom: 15px; }
}

@media only screen and (max-width : 767px) { 
  
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
}
  
/* #endregion */

/* 
## MARK: HEADER
#region - -------------------------- */

@media only screen and (max-width : 1180px) { 

  header .navbar-brand  {  width: 180px; }
  header .navbar-brand.main-logo,
  header .navbar-brand.sticky-logo  {  display: none !important; }
  header .navbar-brand.mobile-logo { display: block !important; }

  .menu-pop-open { padding: 0; }
  .mobile-pop { margin-left: auto; }

  .home header .menu_wrap, header .menu_wrap { padding: 10px 0; }
  .home header.sticky-head .menu_wrap { background-color: transparent; }
}

@media only screen and (max-width : 1024px) { 
  .mobile-pop .f-icon svg g { fill: var(--a); }
  header.h-active .menu_wrap { background-color: var(--color4); }
}

@media only screen and (max-width : 800px) { 
  .pop-mmenu .main-menu { padding-top: 120px; padding-left: 30px; }
}

@media only screen and (max-width : 767px) { 
  .pop-mmenu .overlay-vbg {  width: 100%; }
  .pop-mmenu { overflow: hidden; }
  
  #fp-nav { display: none !important; }

  .pop-mmenu .main-menu .dropdown-menu .menu-item a span, .pop-mmenu .dropdown-item span, .pop-mmenu .main-menu .nav-link span { font-size: 22px; }
  .pop-mmenu .dcompany { padding-left: 30px; }
}

@media only screen and (max-width : 600px) { 
  .fp-enabled { margin-top: 0 !important; }
  .home header.sticky-head .menu_wrap { background-color: var(--color4); }

}
 
/* #endregion */

/* 
## MARK: ♣ HERO SLIDER
#region - -------------------------- HERO */

@media only screen and (max-width : 1180px) { 
  .heroslider-02 .dtitle + .ptext, .heroslider-02 .mtitle + .dtext { margin-top: 20px; }
  .heroslider-02 .btitle + .mtitle, .heroslider-02 .btitle + .dtitle { margin-top: 5px; }
  .heroslider-02 .slide_buttons { display: none; }
  .heroslider-02 .slider-bg { padding-bottom: 0; }
}

@media only screen and (max-width : 1024px) { 
  .heroslider-02 .dtitle + .ptext, .heroslider-02 .mtitle + .dtext { margin-top: 10px; font-size: 18px; }
  .heroslider-02 .overlay.color1,
  .heroslider-02 .overlay.color2 { background: none; background-color: rgba(0,0,0,0.5); height: 100%; }
}

@media only screen and (max-width : 800px) {  
  .home .heroslider-02 .wrap { height: 100svh; }
  .heroslider-02 .carousel_1 .item img { object-position: 70% center; }
  .heroslider-02 .wrap { align-items: center; }
  .heroslider-02 .dinfo { padding-bottom: 0; text-align: center; margin: 0 auto; }
  .heroslider-02 .slide_buttons { display: block; z-index: 200; height: auto; }
  .heroslider-02 .dtitle + .ptext, .heroslider-02 .mtitle + .dtext { font-size: 17px; }
}

@media only screen and (max-width : 600px) { 
  .heroslider-02 .dtitle + .ptext, .heroslider-02 .mtitle + .dtext { font-size: 16px; }
  .heroslider-02 .slide_buttons { display: none; }
}

@media only screen and (max-width : 480px) { 
  .heroslider-02 .dinfo { max-width: 100%; }
  .heroslider-02 br { display: none; }
} 
  
/* #endregion */

/* 
## MARK: ♣ CARDS
#region - -------------------------- */

@media only screen and (max-width : 1024px) { 
  .cardsflex-01 .div-link::before { display: none; }
  .cardsflex-01 .flex-item .ititle { font-size: 24px; }
  .cardsflex-01 .flex-item .pad { padding: 20px 10px; }
}

@media only screen and (max-width : 992px) { 
  .cardsflex-01 .wrap { padding: 0 !important; }
}

@media only screen and (max-width : 992px) { 
  .cardsflex-01 .flex-item { flex: 0 0 50%; max-width: 50%; height: 50%; }
  .cardsflex-01 .dimage .color1,
  .cardsflex-01 .dimage .color2,
  .cardsflex-01 .dimage .colory { display: none; }

  .cardsflex-01 .pad { padding: 0px; }
  .cardsflex-01 .dimage .color1 { display: block; background: none; background-color: rgba(0,0,0,0.8); height: 100%; }
  .cardsflex-01 .div-link .d-img { object-position: center 33%; }
}  

@media only screen and (max-width : 800px) { 
  .cardsflex-01 .abtn-loop { display: none; }
  .cardsflex-01 .div-link { align-items: center; }
  .cardsflex-01 .flex-item .pad { padding: 80px 0; }
}

@media only screen and (max-width : 540px) { 
  .cardsflex-01 .div-link { padding: 0; }
  .cardsflex-01 .wrap { align-items: flex-end; background-color: var(--color4); padding-top: 76px; }
  .cardsflex-01 .container-xl,
  .cardsflex-01 .flexic {  }
  .cardsflex-01 .flex-item { flex: 0 0 100%; max-width: 100%; height: 25%; }  
  .cardsflex-01 .dimage { min-height: unset; }
} 
  
/* #endregion */

/* 
## MARK: ♣ HOME 
#region - --------------------------  */

@media only screen and (max-width : 1201px) { 
  
}

@media only screen and (max-width : 1180px) { 
  
}

@media only screen and (max-width : 1024px) { 
  .wex-legend { display: none; }
  .home [data-rtl="0"] .cc .dinfo { padding-right: 10%; }

  .text-o-01 .col-info .pad { margin: 0 auto; }
  .text-o-01 .mtitle { max-width: 770px; }
  .text-o-01 .dtext { margin-top: 15px; }
  .text-o-01 .mtitle { margin-top: 0px; }

  .rowpost-01 .post-text { margin-left: 0; }
  .rowpost-01 .dtop { padding-left: 0; }
  .rowmedia-01 .dtitle { margin-top: 0px; }

  .rowpost-01 .btitle + .mtitle { margin-top: 0px; }

  .rowmedia-01 .post-info { margin-left: 0; }
  .rowmedia-01 .dtop { margin-bottom: 30px; }
  .rowmedia-01 .mtitle + .dtext { margin-top: 15px; }
  .rowmedia-01 .d-media { width: 100%; }
  .rowmedia-01 [data-rtl="0"] .dinfo { width: 100%; }
  .rowmedia-01 [data-rtl="1"] .dinfo { width: 100%; }
  .rowmedia-01 .dinfo br { display: none; }

  .colpost-01 .post-info { margin-left: 0; }
  .colpost-01 .pos-box::before { top: 25px; }
  .colpost-01 .dtop { margin-bottom: 5px; }
  .colpost-01 .qq { padding: 20px 30px; }

  .rowmedia-01.v2 .btitle + .mtitle { margin-top: 0; }

  .cards-01 .post-info { margin-left: 0; }
  .cards-01 .dtop { margin-bottom: 30px; }
  .cards-01 .row { row-gap: 30px; }

  .cta-bg-01 .dtext { margin-top: 15px; }
  .cta-bg-01 .btn-loop { margin-top: 25px; }

  .footer-01 .newsletter { padding: 22px 0; margin-bottom: 22px; }
  .footer-01 .fc { padding-bottom: 30px; }
  .footer-01 .mm { flex-direction: column; padding-right: 40px; gap: 20px; }
  .footer-01 .mm .mn-2 { padding-left: 0; }
  .footer-01 .mm .mn-3 { padding-right: 0; }
  .footer-01 .social-icons { padding-top: 0; }

}

@media only screen and (max-width : 992px) { 
  .rowpost-01 .post-info { display: flex; align-items: center; }
  .rowpost-01 .post-text { padding: 25px; padding-left: 0; }
  .rowpost-01 .media-bg { width: 100%; flex: 1; bottom: unset; height: 370px; position: relative; }
  .rowpost-01 .post-info { padding: 40px 0 20px; }
  .rowpost-01 .d-icon { width: 35px; }
  .qq .dtext { margin-top: 15px; }
}

@media only screen and (max-width : 800px) { 

  .cta-bg-01 .wrap { padding: 100px 0 !important; }

  .footer-01 .copyright { font-size: 14px; padding: 20px 0; }
  .footer-01 .sep { margin: 0 7px; opacity: 0.7; }
  .footer-01 .foot { flex-direction: column; justify-content: center; text-align: center; align-items: center; gap: 10px; }
}

@media only screen and (max-width : 767px) { 
  .qq .author { font-size: 18px; }
  .qq .dtext { font-size: 16px; }

  .home [data-rtl="0"] .cc .dinfo { padding-right: 0; }
  .rowmedia-01 .d-media { object-fit: cover; max-height: 250px; object-position: center 22%; }
  .colpost-01 .qq .dtext { font-size: 18px; }

  .cards-01 .nn { flex: 0 0 50%; max-width: 50%; }
  .cards-01 .row { row-gap: 30px; justify-content: flex-start; }
  .cards-01 .div-link { padding: 0; }
  .cards-01 .ptext { margin-top: 10px; }
  .cards-01 .num, .cards-01 .nn:nth-child(1) .num, .cards-01 .nn:nth-child(2) .num { font-size: 27px; position: absolute; top: -6px; left: -3px; color: var(--a); }
  .cards-01 .ititle { padding-left: 17px; }
  .cards-01 .mtitle br { display: none; }

  .newsletter .gform form .gform_footer { flex: 0 0 100%; }
  .newsletter .gform form { flex-direction: column; gap: 10px; }

}

@media only screen and (max-width : 600px) { 
  .rowpost-01 .post-info { flex-wrap: wrap; gap: 30px; padding-top: 5px; }
  .rowpost-01 .post-info div { flex: 0 0 100%; }

  .rowpost-01 .post-text { padding: 0; }
  .qq { padding: 0; }
  .qq hr { margin: 10px 0; }
  .qq .dtext { max-width: 100%; margin-top: 0; }
  .rowpost-01 .post-text::before {  display: none; }
  .rowpost-01 .media-bg { height: 250px; }

  .media-bg .pop-link .overlay img { width: 50px; height: 50px; }

  .rowpost-01 .qq .d-icon { display: none; }
  .rowpost-01 .post-text .liney { display: none; }

  .colpost-01 .pos-box::before { display: none; }
  .mm .mtitle::before, .mm .mtitle::after { display: none; }
  .colpost-01 .qq { padding: 0; }
  .colpost-01 .qq .dtext { padding: 20px 0; }

  .cards-01 .nn { flex: 0 0 100%; max-width: 100%; }

  .dcompany .ssc { margin-top: 10px; }

  .footer-01 .fc .cc { flex: 0 0 100%; }
}

@media only screen and (max-width : 480px) { 
  .rowmedia-01 .d-media { height: 250px; }
  .footer-01 .fc { gap: 20px; }
  .footer-01 .f-left { display: flex; flex-direction: column; gap: 0px; }

  .footer-01 .sep-0 { display: none; }
  .footer-01 .social-icons { gap: 10px; }
  .footer-01 .menu-title, .footer-01 .ftitle { font-size: 15px; }
  .footer-01 .wrap { padding-bottom: 0 !important; }

  .footer-01 .mm { padding-right: 0; }
} 

  
/* #endregion */

/* 
## MARK: SUBPAGE
#region - -------------------------- SUBPAGE */

@media only screen and (max-width : 1201px) { 
  
}

@media only screen and (max-width : 1180px) { 
  
}

/* 
## MARK: 1024
*/

@media only screen and (max-width : 1024px) { 

  section .wrap { overflow: hidden; }

  .hero-01 .wrap { height: 400px; align-items: center; }
  .hero-01 .hero-opt { padding: 0; text-align: center; }
  .hero-01 .bg-img { background-position: 70% center; }

  .cardsflex-01.v2 .dimage .color1 { background-color: rgba(0,0,0,0.8); height: 100%; }
  .cardsflex-01.v2 .wrap { padding: 30px 0 0 !important; background-color: white; }
  .cardsflex-01.v2 .flexic { margin: 0 !important; }
  .cardsflex-01.v2 .flexic .flex-item { padding: 0 !important; }
  .cardsflex-01.v2 .div-link:hover .color1 { height: 100%; }
  .cardsflex-01.v2 .i-nfo { grid-template-rows: 1fr; }
  .cardsflex-01.v2 .mtitle + .dtext { margin-top: 15px; }
  .cardsflex-01.v2 .flex-item .pad { padding: 50px 20px; }
  .cardsflex-01.v2 .dtop { margin-bottom: 30px; }

  .cta-bg-01.v2 .wrap { height: auto; padding: 100px 0 !important; }
  .cta-bg-01.v2 .col-info .dtext br { display: none; }
  .cta-bg-01.v2 .overlay-bg { opacity: 0.75; }
  
  .titleopt-01 .mtitle { font-size: 36px; }
  .titleopt-01 .mtitle br { display: none; }
  .titleopt-01 .mtitle + .dtext { margin-top: 15px; }

  .rowmedia-03.ver-b .color { height: 100%; }

  .chart-01 .label-5, .chart-01 .label-8 { transform: translateX(0); }
  .chart-01 .fl-right .inner-wrap .dline { width: 168px; }
  .chart-01 .fl-right .inner-wrap .dtc { left: -198px; }

  .cards-01.v2 .div-link { padding: 40px 20px 20px 40px; }
  .cards-01.v2 .num { top: -13px; left: 20px; }
  .cards-01.v2 .dtop { margin-bottom: 20px; }

  .js-collapse-01 .dtop { margin-bottom: 30px; }
  .js-collapse-01 .ntabs-loc { margin-bottom: 40px; }
  .js-collapse-01 .ntabs { gap: 20px; }

  .colsquote-01 .wrap { height: auto; }

  .js-collapse-01.v2 .ntabs { gap: 5px; }

  .post-member .post-info { height: 300px; } 
  
  .gridcpt-01 .wrap { padding-top: 60px !important; }
  .gridcpt-01 .spacer { display: none; }
  .gridcpt-01 .col-info { margin-bottom: 30px; }
  .gridcpt-01 .row { row-gap: 30px; }

  .colmedia-01 .spacer { display: none; }
  .colmedia-01 .wrap { padding-top: 60px !important; }
  .colmedia-01 .dinfo { margin-bottom: 25px; }
  .colmedia-01 .n-bg { height: 100%; }

  .title-02 .btitle + .mtitle { margin-top: 0; }
  .rowmedia-06 .dinfo { padding: 30px; }

  .cards-01.v3 .mtitle br { display: none; }
  .cards-01.v3 .btitle + .mtitle { margin-top: 0; }

  .rowmedia-03 .btitle + .mtitle { margin-top: 0; }
  .rowmedia-03 .mtitle br { display: none; }

  .ajaxp-01 .dtop { margin-bottom: 30px; }
  .ajaxp-01 .post-link .pad { padding: 20px; }
  .ajaxp-01 .post-link .post-title + .post-excerpt { margin-top: 10px; }
  .ajaxp-01 .abtn-loop { margin-top: 10px; }
  .ajaxp-01 .row { row-gap: 30px; margin-bottom: 30px; }

  article .spacer { display: none; }
  article { padding-top: 80px; }
  article .post-thumbnail { margin-bottom: 20px; }
  article .post-text { padding: 20px 0; }
  article .post-text img.alignnone { margin: 20px 0; }
  article .cta-inner { padding: 40px; }
  article .cta { margin: 30px 0; }
  article .post-text hr.hr { margin-top: 30px; }
  article .post-meta .dtitle { margin-top: 0; }
  article .btn.closemer { margin-top: 25px; }

  .hero-02 .wrap { height: 400px; }
  .logoslider-01 .dinfo { margin-bottom: 30px; }
  .gridcpt-02 .pad { padding: 25px; }

  .frcontact-01 .spacer { display: none; }
  .frcontact-01 .wrap { padding-top: 100px !important; }
  .frcontact-01 .mtitle { text-align: center; }
  .frcontact-01 .dinfo { margin-bottom: 40px; }
  .frcontact-01 .gform .atitle { margin-bottom: 30px; }
  .frm.footer-01 { margin-top: 30px; }

}

/* 
## MARK: 992
*/


@media only screen and (max-width : 992px) { 

  .chart-01 .fl-right .inner-wrap .dline { width: 115px; }
  .chart-01 .fl-right .inner-wrap .dtc { left: -145px; }

  .rowmedia-05 .bb-img img { width: 100%; position: relative; height: 100%; object-fit: cover; }
  .rowmedia-05 .bb-img { height: 300px; }

  .js-collapse-01.v2 .ntabs { flex-direction: column; gap: 10px; }
  .js-collapse-01.v2 .ntabs .nav-item br { display: none;  }
  .js-collapse-01.v2 .sp { display: none; }
  .js-collapse-01.v2 .dtop { margin-bottom: 30px; }
  .js-collapse-01.v2 .ntabs-loc { margin-bottom: 30px; }

  .rowpost-02 .dinfo::before { display: none; }
  .rowpost-02 .dinfo { padding: 0; }
  .rowpost-02 .wex { max-width: 100%; padding-bottom: 0; }

  .post-member .post-info .was-hide { display: none; }

  .hero-02 .wrap { align-items: center; }

}

/* 
## MARK: 800
*/

@media only screen and (max-width : 800px) { 

  .titleopt-01 .mtitle br { display: none; }
  .titleopt-01 .wrap { background-color: rgba(200,200,200,0.15); }
  
  .chart-01 .text-label { margin-bottom: 30px; }
  .chart-01 .flexic { justify-content: flex-start; gap: 20px; }
  .chart-01 .flexic .nicon { flex: 0 0 40px; }
  .chart-01 .flexic .d-icon { filter: brightness(0); }

  .cards-01.v2 .num, 
  .cards-01.v2 .nn:nth-child(1) .num, 
  .cards-01.v2 .nn:nth-child(2) .num { font-size: 73px; left: 5px; opacity: 0.5; top: -18px;  }
  .cards-01.v2 .div-link { padding: 30px 20px 20px; }
  .cards-01.v2 .div-link .ititle { padding-left: 0; font-size: 20px; }
  .cards-01.v2 .dinfo { max-width: 100%; }
  .cards-01.v2 .ptext { margin-top: 10px; }

  .colsquote-01 .color1, .colsquote-01 .color2 { width: 100%; background: none; background-color: rgba(0,0,0,0.5); }

  .icon-01 .quas .linex2 { margin-top: 20px; }
  .icon-01 .quas .logo-bg { display: none; }
  .icon-01 .dinfo { max-width: calc(100% - 100px); }
  .icon-01 .dtitle br { display: none; }

  .rowmedia-04 .flexic.w-img {  position: relative; display: table; }
  .rowmedia-04 .flexic.w-img .dimage { width: 50%; height: 300px; display: table-cell; }
  .rowmedia-04 .flexic.w-img .dinfo { width: 50%; display: table-cell; vertical-align: middle; }
  .rowmedia-04 .dinfo::before { width: 100%; height: 100%; }
  .rowmedia-04 .dinfo .quas { padding: 30px; left: 0; max-width: 100%; }
  .rowmedia-04 .no-img { padding: 20px 0 30px; }
  .rowmedia-04 .no-img .dinfo::before { height: 100%; }

  .v2 .rowmedia-04 .dinfo::before { width: 100%; height: 100%; top: 0; transform: none; }
  .v2 .rowmedia-04 .no-img .dinfo::before { height: 100%; }

  .rowmedia-05 .mtitle br { display: none; }
  .rowmedia-05 .dinfo .pad { padding: 0; max-width: unset; margin-bottom: 25px; }
  .rowmedia-05 .itext { padding-right: 0; }

  .linebox .stext { padding: 0 20px 15px; }

  .cta-bg-01.v2 .col-info .dtext { max-width: 100%; }
  .cta-bg-01.v2 .col-info .dtext br { display: none; }

  .pop-member .flexic { flex-direction: column; }
  .pop-member .m-photo { height: 350px; position: relative; width: 350px; margin-left: 20px; background-color: #d9d9d9; }
  .pop-member .m-photo img { position: absolute; width: 100%; height: 93%; object-fit: cover; object-position: top center; margin: 20px 20px 0; }
  .pop-member { height: auto; }
  .pop-member .modal-body { padding: 50px 0; }
  .pop-member .m-info { padding: 20px; max-width: 100%; }
  .pop-member .modal-body .fcol { flex: 1; width: 100%; }
  .pop-member .dtext { max-width: 100%; }

  .cards-01.v3 .wex { padding: 25px; }
  .cards-01.v3 .ptext { margin-top: 20px; }
  .cards-01.v3 .dinfo { max-width: 100%; }
  .cards-01.v3 .num { top: -23px; left: 8px; }

  .title-02 .mtitle br { display: none; }
  .title-02 .linex2 { margin: 15px 0; }
  .title-02 .row { row-gap: 0; }

  article .post-text h3 { font-size: 28px; }

  .frcontact-01 .gform { max-width: 100%; margin-bottom: 20px; }
  .frcontact-01 .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 20px; }
  .frcontact-01 .company-contact { max-width: 100%; }
  .frcontact-01 iframe { height: 300px !important; min-height: unset; }

  .frcontact-01 .company-contact .flexic { row-gap: 30px; padding-top: 20px; }
  .frcontact-01 .sc-contact { font-size: 20px; }

}

/* 
## MARK: 767
*/

@media only screen and (max-width : 767px) { 
  
  .titleopt-01 .dtext { padding: 0; }
  .titleopt-01 .mtitle { font-size: 28px; }


  .rowmedia-03 [data-rtl="1"] .bb-img,
  .rowmedia-03 [data-rtl="0"] .bb-img { margin: 0 auto; }
  .rowmedia-03 .borderx { display: none; }
  .rowmedia-03.ver-a .pad,
  .rowmedia-03.ver-a .dinfo { padding: 0; }
   
  .common-row .mtitle br { display: none; }

  .gridcpt-01 .dtext br { display: none; }

  .cards-01.v3 .num { top: -23px !important; left: 8px !important; font-size: 80px !important; color: rgba(187, 159, 100, 0.4) !important; }
  .cards-01.v3 .ititle { padding-left: 0 !important; }
  
  .rowmedia-06 .dinfo { margin-top: 150px; }
  .rowmedia-06 .d-media { height: 60%; }

  article .cta .bg-img { min-height: unset; }

}

/* 
## MARK: 600
*/

@media only screen and (max-width : 600px) { 
  
  .titleopt-01 .col-info { flex: 0 0 100%; max-width: 100%; }

  .js-collapse-01 .ntabs { flex-direction: column; align-items: center; }
  .js-collapse-01 .ntabs .sp { display: none; }

  article .post-text h3 { font-size: 24px; }

}

/* 
## MARK: 540
*/

@media only screen and (max-width : 540px) { 

  .rowmedia-04 .flexic.w-img .dimage { width: 100%; display: block; }
  .rowmedia-04 .flexic.w-img .dinfo { width: 100%; display: block; }
  .rowmedia-04 .dinfo .quas { padding: 30px; }

  .gridcpt-01 .col-6 { flex: 0 0 100%; max-width: 100%; }
  .post-member { width: 100%; display: block; margin: 0 auto; }
  .post-member .post-info { height: 300px; }
  .pmember { width: calc(100% - 15px); }

  .rowmedia-06 .d-media { position: relative; margin: 0 15px; height: 250px; } 
  .rowmedia-06 .dinfo { margin-top: 0; padding: 20px; }
  .cards-01.v3 .ititle { padding-left: 10px !important; }
  .cards-01.v3 .ptext { margin-top: 10px; }

  .ajaxp-01 .post-link .thumb-bg { height: 200px; }
  .frcontact-01 .sc-contact { font-size: 18px; }
  .frcontact-01 .gform .atitle { text-align: center; }

  .frcontact-01 .gform .gform_wrapper.gravity-theme .gform_footer, .frcontact-01 .gform .gform_wrapper.gravity-theme .gform_page_footer { margin-top: 25px; display: flex; justify-content: center; }
  .frcontact-01 .gform .ginput_container_consent, .frcontact-01 .gform .ginput_container_radio .gchoice, .frcontact-01 .gform .ginput_container_checkbox .gchoice { flex: 0 0 100%; max-width: 100%; }

}

/* 
## MARK: 480
*/


@media only screen and (max-width : 480px) { 
  
  .titleopt-01 .mtitle { font-size: 22px; }

  .chart-01 .col-6 { flex: 0 0 100%; max-width: 100%; }
  .chart-01 .text-label:last-child { margin-bottom: 0; }
  .chart-01 .itext { padding-right: 30px; }
  .chart-01 .itext br { display: none; }
  .chart-01 .nicon img { margin-left: 25px; }
  .chart-01 .nicon + div { flex: 1; }
  .chart-01 .flexic { gap: 30px; }

  .rowmedia-05 .pad2 { padding: 20px; margin-bottom: 20px; }

  .rowpost-02 .wex { max-width: 100%; }
  .title-02 .mtitle br { display: inline; }
  .rowmedia-03 .mtitle br { display: inline; }

  article .cta .flexic { flex-direction: column; align-items: center; text-align: center; gap: 30px; }
  article .cta .flexic div { flex: 0 0 100%; max-width: unset; }
  article .cta .abtn-loop { margin-bottom: 0; }
  article h3 br, article h4 br { display: none; }

  article img.obj-cover { height: auto; }
  article .thumb-bg { height: auto; }
  article .n-bg { height: 130px; }

  article .cta-bg-01.v2 .wrap { padding-top: 50px !important; }

  .frcontact-01 iframe { height: 250px !important;  }
} 
  
/* #endregion */

/* 
## MARK: FOOTER
#region - --------------------------  */

@media only screen and (max-width : 1201px) { 
  
}

@media only screen and (max-width : 1180px) { 
  
}

@media only screen and (max-width : 1024px) { 
  .footer-01 { overflow: hidden; }
  .footer-01 .foot { flex-direction: column; justify-content: center; text-align: center; align-items: center; gap: 10px; }
  .footer-01 .foot-bg { right: 0; }

  .footer-01.normal .nwrap { padding: 0; }
  .footer-01.normal .newsletter { padding: 30px 0; }
}

@media only screen and (max-width : 800px) { 
  .footer-01 .newsletter .flexic { flex-direction: column; }
  .footer-01 .newsletter .sot { flex: 1; }
}

@media only screen and (max-width : 767px) { 
  
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
} 
  
/* #endregion */

