/* #region - -------------------------- GENERAL */
@media only screen and (max-width : 1350px) { 
  .slidergallery-01 .owlprev { left: 20px; }
  .slidergallery-01 .owlnext { right: 20px; }
  .slidergallery-01 .col-info { margin: 0 20px; max-width: calc(100% - 40px); border-radius: 20px; overflow: hidden; }
}
  


@media only screen and (max-width : 1200px) { 
  .slidericons-01 .owlnext { right: 0; }
  .slidericons-01 .owlprev { left: 0; }
  section .wrap { overflow: hidden; }

  .menu-toggle { filter: brightness(0) invert(1); }

  footer .dbtm .flex-1 { flex: 1; max-width: unset; }
  footer .dbtm .flex-menu { margin: 0 -15px; }
  footer .dbtm .flex-menu .item { padding: 0 15px; }
  footer .navbar-brand { width: 200px; }
}


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

  .f24 { font-size: 22px; }
  .f64 { font-size: 50px; }
  .f56 { font-size: 40px; }
  .f48 { font-size: 35px; }


  section.element .wrap { padding: 30px 0; }
  section.element .nwrap { padding: 0; }
  header .menu_wrap { padding: 15px 0; }
  header .menu-oc-right.opener {  }
  header .navbar-brand { width: 150px; }

  section .wrap .dtext { margin-top: 20px; line-height: 153%; }
  section .wrap .btn-loop { margin-top: 30px; }

  footer .wrap { padding: 30px 0; }
  footer .m-man { height: auto; }
  footer .ff .dtext { margin-top: 20px; }
  footer .ff .btn { margin-top: 30px; }
  footer .ff .mtitle { margin-top: 0; }
  footer .ff { padding: 0 0 30px; }

  footer .sel-menu ul.mv { border: 1px solid rgba(255,255,255,0.5); }

  footer .dbtm .flexic { flex-direction: column; gap: 40px; }
  footer .dbtm { padding: 30px 0 0; }
  footer .social-icons { margin-top: 25px; justify-content: center; }
  footer .dbtm .flex-1 { text-align: center; }

  footer .dbtm .flex-menu { flex-direction: column; }
  footer .menu-links { margin-bottom: 25px; }
  footer .menu-title { display: none; }
  footer .footer-menu { margin-bottom: 25px; }
  footer .menu-links.is-mobile li::before { filter: brightness(0) invert(1); top: 15px; opacity: 0.7; }
  footer .menu-links.is-mobile li:hover::before { opacity: 1; }
  footer .copyright { padding: 10px 0 40px; }

  .dtext p, .ptext p, .itext p { margin-bottom: 20px; } 

  .single header { position: relative; }
  
}  

@media only screen and (max-width : 992px) { 
  .f64 { font-size: 45px; line-height: 120%; }
  .f56 { font-size: 40px; line-height: 120%; }
  .f48 { font-size: 35px; line-height: 120%; }
  .f30 { font-size: 24px; line-height: 120%; }       
  .f21 { font-size: 19px; line-height: 120%; }

  .btitle2 { font-size: 17px; }

  footer .dtop .flexic { align-items: flex-end; }
}

@media only screen and (max-width : 800px) { 
  footer .foot { flex-direction: column; gap: 10px; text-align: center; justify-content: center; align-items: center; }
}

@media only screen and (max-width : 767px) { 
    .f64 { font-size: 40px; }
    .f56 { font-size: 35px; }    
    .f48 { font-size: 30px; }    
    .f36 { font-size: 25px; }
    .f32 { font-size: 23px; }
    .f30 { font-size: 23px; }    
    .f24 { font-size: 20px; }
    .f21 { font-size: 17px; }

    footer .flexic { flex-direction: column-reverse; }
    footer .dtop .flex-col { flex: 0 0 100%; max-width: 100%; }
    footer .ff { text-align: center; }
}

@media only screen and (max-width : 600px) { 
    footer .f-left { flex-direction: column;  }
    footer .f-left .sep { display: none; }
    footer .f-left .mini-links .sep { display: inline-block; }
}


@media only screen and (max-width : 540px) { 
    .f64 { font-size: 35px; }  
    .f56 { font-size: 30px; }        
    .f48 { font-size: 25px; } 
    section .wrap .btn-loop { justify-content: center; }

}


@media only screen and (max-width : 480px) { 
    footer .footer-menu { margin-bottom: 30px; }
}
  
/* #endregion */

/* #region - -------------------------- FOOTER */


@media only screen and (max-width : 1200px) { 
  .rowxquote-01.rr .wrap .dinfo { flex: 1; }
  .rowaccordion-03 .dmedia img { object-fit: cover; height: 100%; }

  .single-post .flexic { gap: 30px; }
  .single-post .blog-post { flex: 1; }
  .single-post .blog-aside { flex: 0 0 300px; }
}

/*
  #MARK: 1024
*/
@media only screen and (max-width : 1024px) { 

  .ajaxc-01 .ajx_btn { margin-top: 25px; }

  .cardsflex-01 .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .cardsflex-01 .flexic .flex-item { padding: 0 15px !important; }    
  .cardsflex-01 br { display: none; }
  .cardstext-01 .ptext { margin-top: 10px; }

  .cardstext-01 .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .cardstext-01 .flexic .flex-item { padding: 0 15px !important; }  
  .cardstext-01 .pad { padding: 5px 0 5px 30px; }

  .colmedia-01 .wrap { height: 600px; }

  .ctaform-01 br { display: none; }
  .ctaform-01 .dform-bg { width: 100%; padding: 40px; }
  .ctaform-01 .dform { width: 100%; min-height: unset; }
  .ctaform-01 .dform .question { font-size: 20px; }

  .ctainfo-01 .col-info { max-width: 100% !important; }
  .ctainfo-01 .col-info .dtext { margin-top: 10px; }

  .cta-01 .dinfo { max-width: 60% !important; background-color: rgba(255,255,255,0.9); }
  .colmedia-01 .dinfo { max-width: 60% !important; }
  .colmedia-01 br { display: none; }

  .gpost-01 .flexic { margin: 0 -15px; }
  .gpost-01 .item { padding: 0 15px; }
  
  .heroopt-01 .wrap { height: 600px; }
  .heroopt-01 .wrap .hero-opt { max-width: 60%; }

  .homehero-01 .wrap { height: 740px; align-items: center; }
  .heroopt-01.v2 .wrap { padding: 0; align-items: center; }

  .heroopt-03 .hero-opt { max-width: 75% !important; }
  .heroopt-03 .wrap { height: 600px; }

  .herocta-01 .hero-opt { max-width: 65% !important; }

  .iconflex-01 .flex-item::before { display: none; }
  .iconflex-01 br { display: none; }
  .iconflex-01 .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .iconflex-01 .flexic .flex-item { padding: 0 15px !important; }  

  .iconflex-02 .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .iconflex-02 .flexic .flex-item { padding: 0 15px !important; }  
  .iconflex-02 .mtitle { margin-top: 5px; }
  .iconflex-02 .dtop { margin-bottom: 40px; }

  .iconflex-03 .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .iconflex-03 .flexic .flex-item { padding: 0 15px !important; }    

  .iconflex-04 .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .iconflex-04 .flexic .flex-item { padding: 0 15px !important; }    

  .jstabs-01 .flexic { margin: 30px -15px 0 !important; row-gap: 30px; }
  .jstabs-01 .flex-item { padding: 0 15px !important; }    


  .js-collapse-01 .flexic { margin: 0 -15px; }
  .js-collapse-01 .md { padding: 0 15px !important; flex: 0 0 50% !important; max-width: 50% !important; }
  .js-collapse-01 .tab-content { max-width: 100%; }
  .js-collapse-01 .add .dtext { margin-top: 0; }

  .rowxmedia-01 .flexic { gap: 30px; padding: 15px; }
  .rowxmedia-01 .dtext { width: 100%; }
  .rowxquote-01 .dmedia .ppm { max-width: calc(100% - 30px); }
  .rowxquote-01 br { display: none; }

  .rowxmedia-02 .flexic { gap: 30px; }  
  .rowxmedia-02 .overlay.color { display: none; }
  .rowxmedia-02 br { display: none; }  

  .rowxmedia-02.v2 .wrap { padding: 30px 0; }
  .rowxmedia-02 .flexic { align-items: flex-start !important; }

  .rowxquote-01.rr .wrap { padding: 30px 0 ; }
  .rowxquote-01.rr .dmedia .ppm { margin-right: 0; }

  .rowxtext-01 .flexic { gap: 30px; align-items: flex-start !important; }
  .rowxtext-01 .dmedia { padding: 30px; }
  .rowxtext-01 .dinfo { padding-top: 0; }
  
  .rowaccordion-01 .wrap { height: auto; min-height: unset; }
  .rowaccordion-01 .acc-div { width: 100%; }
  .rowaccordion-01 .cc { flex: 0 0 50%; max-width: 50%; }
  .rowaccordion-01 .active .ititle { color: var(--a); }

  .rowaccordion-02 br { display: none; }
  .rowaccordion-02 .item { padding: 20px 0; }
  .rowaccordion-02 .item .ihead.collapsed { padding-bottom: 0; }
  .rowaccordion-02 .link-text { margin-top: 25px; }
  .rowaccordion-02 .mtitle { margin-top: 0; }
  .rowaccordion-02 .ititle { line-height: 150%; }
  .rowaccordion-02 .active .ititle { color: var(--a); }

  .rowaccordion-02 .acc-content { width: 100%; }
  .rowaccordion-02.v3 .pad { padding-top: 0; }

  .rowaccordion-04 .flexic { align-items: flex-start; }
  .rowaccordion-04 .acc-div,
  .rowaccordion-04 .dinfo { max-width: 100% !important; }
  .rowaccordion-04 .item { padding: 20px 0; }
  .rowaccordion-04 .active .ititle { color: var(--a); }
  
  [data-theme="dark"] .d-accordion .collapsed .ititle { color: white; }
  [data-theme="dark"] .d-accordion .ititle { color: var(--a); }


  .rowxtexlist-01 .btitle { letter-spacing: 1px; }
  .rowxtexlist-01 .mtitle { margin-top: 5px; }
  .rowxtexlist-01 .wrap .dinfo .pad { max-width: 100%; }
  .rowxtexlist-01 .itext { padding-bottom: 25px; margin-bottom: 25px; }

  .rowaccordion-03 .dtext br { display: none; }
  .rowaccordion-03 .mtitle { margin-top: 5px; }
  .rowaccordion-03 .flexic { gap: 30px; }
  .rowaccordion-03 .item { padding-right: 0; }
  .rowaccordion-03 .acc-div { padding: 0; }
  .rowaccordion-03 .dtop { margin-bottom: 40px; }
  .rowaccordion-03 br { display: none; }

  .rowxmap-01 .flexic { gap: 30px; }

  section.rowaccordion-04 .wrap .d-icon { width: 13px !important; }

  .rowposter-01 .row { align-items: flex-start !important; }
  .rowposter-01 .dinfo { max-width: 100%; padding: 0; }
  .rowposter-01 .list-r { padding-bottom: 20px; margin-top: 20px; }
  .rowposter-01 .ppm { border-radius: 20px; }

  .rowpost-01 .dinfo { max-width: 100% !important; padding: 0 !important; }
  .rowpost-01 .c-more { margin-top: 20px; }
  .ajaxp-01 .row { margin: 0; row-gap: 30px; }

  .ajaxp-01 .col-md-4 { flex: 0 0 50%; max-width: 50%; }

  .single .hero .wrap { height: 300px; align-items: center; }

  .stepsflex-01 .flexic { margin: 0 -15px !important; }
  .stepsflex-01 .flex-item { padding: 0 15px !important; } 

  .slidergallery-01 .mtitle { margin-bottom: 30px; }
  

  .single-post .wrap { padding-top: 30px; }
  article .post-text { margin: 30px 0; }
  article .bio .dtext { margin-top: 30px; }
  article .bio { padding: 30px; }
  
  .ttable-01 br { display: none; }

  section.titler-01 .wrap,
  section.titleopt-01 .wrap { padding-bottom: 0; }
  .titleopt-01 .col-info { flex: 0 0 100% !important; max-width: 100% !important; }
  .titleopt-01 br { display: none; }
  .titleopt-01 .col-info .dtext { margin-top: 20px; }
  

  
}

/*
  #MARK: 992
*/

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

  .ajaxp-01 .cpost .post-date { margin-top: 15px; }
  .ajaxp-01 .cpost .ititle { margin-top: 10px; }

  .dlist .d-tag::before { position: absolute; left: 5px; }
  .dlist .d-tag { padding-left: 20px; position: relative; }  

  .gcptf-01 .flex-item { flex: 0 0 33.33%; max-width: 33.33%; }

  .heroopt-01 .wrap { height: auto; min-height: 500px; }
  .heroopt-01 .wrap .hero-opt { max-width: 60%; }
  .heroopt-01 .mtitle { margin-top: 10px; }
  .heroopt-01 .dtext { font-size: 17px; }

  .heroopt-01.v2 .wrap { height: auto; min-height: 500px; }
  .heroopt-03 .wrap { height: auto; min-height: 500px; }

  .homehero-01 br { display: none; }
  .homehero-01 .wrap { align-items: center; height: auto; }
  .homehero-01 .dsubject { position: relative; order: 2; left: 50%; transform: translateX(-50%); }
  .homehero-01 .wrap .dinfo { max-width: 90%; text-align: center;  }
  .homehero-01 .btitle { font-size: 17px; letter-spacing: 1px; }
  .homehero-01 .dsubject { width: 400px; height: 490px; }
  .homehero-01 .wrap .dinfo { margin: 0 auto 30px; }  

  .herocta-01 .hero-opt { max-width: 100% !important; }
  .herocta-01 .wrap { height: auto; min-height: 500px; }
  

  .media-01 .dmedia { height: auto; min-height: 500px; }

  .rowxquote-01 .flexic { position: relative; }
  .rowxquote-01 .wrap .flex-col.dmedia { position: absolute; max-width: unset; width: 100%; height: 100%; }
  .rowxquote-01 .dmedia .ppm { max-width: unset; max-height: unset; object-position: center; height: 100%;  opacity: 0.2; } 
  .rowxquote-01 .wrap .dinfo { position: relative; z-index: 3; padding: 20px; flex: 0 0 50%; margin-top: 0; }
  .rowxquote-01 .quote { bottom: 20px; right: 20px; }

  .rowxquote-01.rr .qreviews { top: unset; left: 20px; bottom: 20px; }
  .rowxquote-01.rr .dmedia .ppm { max-width: 100%; }
  .rr .nn { padding: 20px 0; text-align: center; }
  .rowxquote-01.rr .qreviews .btn { margin-top: 20px; }
  .rowxquote-01.rr .wrap .flex-col.dmedia { position: relative; }
  .rowxquote-01.rr .wrap .flex-col.dmedia img { opacity: 1; }
  .rowxquote-01.rr .wrap .flex-col { flex: 0 0 100%; max-width: 100%; }

  .rowxmedia-03 .pad { padding: 25px; } 
  
  .rowpost-01 .mtitle { font-size: 25px; }

  .single .hero .wrap { height: 300px; align-items: center; text-align: center; }
  .single .hero .social-icons { justify-content: center; }

  .single-post .blog-aside { flex: 0 0 250px; }
  .blog-post .mtitle { line-height: 120%; }
  .sidebar .recent-post h3 { font-size: 17px; }
  .sidebar .post-cta { margin: 30px 0; padding: 30px; }

  .slidericons-01 .owlbtn { display: none; }


}


/*
  #MARK: 800
*/

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

  section.element .diconn { width: 60px; height: 60px; flex: 0 0 60px; }
  section.element .d-icon { width: 32px !important; }  
  section.element .icon-pop { width: auto !important; }

  .heroopt-01 .wrap .dtext { font-size: 19px; }

  .owl-dots { bottom: unset !important; margin-top: 20px; }

  .rowxquote-01 .quote { width: 40%; }
  .rowxquote-01 .overlay { border-radius: 20px; opacity: 0.2; height: 100%; }

  .rowaccordion-02 .acc-content { width: 100%; }
  .rowaccordion-02 .item .dtext { margin-top: 0; }

  .rr .rpi .rpi-slide { flex: 0 0 50% !important; max-width: 50% !important; padding: 0 8.5px !important; }
  .s-quote { padding: 50px 30px 30px; background-position: 20px 20px;   }

  .slidericons-01 .item { display: flex; gap: 20px; }
  .slidericons-01 .ititle { margin-top: 0; }
  .slidericons-01 .ptext { margin-top: 10px; }
  
}

/*
  #MARK: 767
*/

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


  .cardstext-01 .flexic .flex-item,
  .cardsflex-01 .flexic .flex-item { flex: 0 0 100% !important; max-width: 100% !important; } 
  
  .cluster-1 .bg-img { display: none; }

  .ctaform-01 .dform-bg { padding: 30px; }
  .ctaform-01 .flex-col { display: none; }
  .ctaform-01 .dmedia { flex: 0 0 100% !important; max-width: 100% !important; display: block; }

  .cta-01 .dinfo { max-width: 100% !important; padding: 30px 25px; }
  .cta-01 .dlist { margin-left: 10px;  }

  .ctainfo-01 .col-info { padding: 20px; gap: 20px; }
  section.ctainfo-01 .wrap .d-icon { width: 40px !important; }

  .colmedia-01 .dinfo { max-width: 100% !important; }
  section.colmedia-01 .wrap { height: auto; padding: 80px 0; }
  .colmedia-01 .overlay-bg { opacity: 0.5; }

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

  .gpost-01 .item { flex: 0 0 100%; }
  .gpost-01 .flexic { row-gap: 40px; }

  .gcptf-01 .flex-item { flex: 0 0 50%; max-width: 50%; }

  .heroopt-01 .wrap .hero-opt { max-width: 100%; text-align: center; }
  .heroopt-01 .wrap .dtext { font-size: 17px; }

  .homehero-01 .d-bgimg { opacity: 0.35; }
  .homehero-01 .d-bgimg img { object-position: top right; }

  .heroopt-03 .wrap .hero-opt { max-width: 100% !important; text-align: center; }

  .iconflex-01 .flexic .flex-item { flex: 0 0 100% !important; max-width: 100% !important;  }

  .iconflex-01 .dinfo { display: flex; gap: 30px; }
  .iconflex-01 .ititle { margin-top: 0; }

  .iconflex-02 .flexic .flex-item { flex: 0 0 100% !important; max-width: 100% !important; }
  .iconflex-02 .dinfo { display: flex; gap: 30px; }
  .iconflex-02 .diconn { flex: 0 0 32px !important; height: 32px !important; }
  .iconflex-02 .ititle { margin-top: 0; }
  .iconflex-02 .ptext { margin-top: 15px; }

  .iconflex-03 .flexic .flex-item { flex: 0 0 50% !important; max-width: 50% !important; }
  .iconflex-03 .dinfo { padding-bottom: 20px; }

  .iconflex-04 .wrap { text-align: left !important; }
  .iconflex-04 hr { margin-left: 0 !important; }
  .iconflex-04 .flex-item::before { display: none; }
  .iconflex-04 .flexic .flex-item { flex: 0 0 100% !important; max-width: 100% !important; }
  .iconflex-04 .dinfo { display: flex; gap: 30px; }
  .iconflex-04 .diconn { flex: 0 0 32px !important; height: 32px !important; }
  .iconflex-04 .ititle { margin-top: 0; }
  .iconflex-04 .ptext { margin-top: 15px; }  

  .js-collapse-01 .md { flex: 0 0 100% !important; max-width: 100% !important; }
  .js-collapse-01 .btn::after { transform: rotate(90deg); }
  .js-collapse-01 .wrap .ntabs button[aria-expanded="true"] .ititle{ color: var(--a); }
  .js-collapse-01 .pad { text-align: center; }
  .js-collapse-01 .add { flex-direction: column; justify-content: center; }
  .js-collapse-01 .add .aa { flex: 1; opacity: 0.6; }
  .js-collapse-01 .nav-item { padding: 20px 0; }
  .js-collapse-01 .nav-item.active .navi { background-image: url(images/icons/down.svg); }
  .js-collapse-01 .ititle { color: var(--color6); }

  .jstabs-01 .nav { flex-direction: column; text-align: left; }
  .jstabs-01 .flex-item { flex: 0 0 100% !important; max-width: 100% !important; text-align: left; }
  .jstabs-01 .flex-item .ii { display: flex; gap: 20px; margin: 0 20px; }
  .jstabs-01 .nav-link.active .ititle  { color: var(--a); }
  .jstabs-01 .flex-item .ititle { flex: 0 0 120px; }
  .jstabs-01 .itext { margin-top: 0; }

  .rowxmedia-01 .dmedia { flex: 0 0 100%; }

  .rowxquote-01 .quote { width: calc(100% - 40px); flex: 0 0 calc(100% - 40px); position: relative; bottom: unset; right: unset; top: 0px;  margin: 20px 20px 0;  }
  .rowxquote-01 .wrap .dinfo { flex: 0 0 100%; text-align: center; }
  .rowxquote-01 .flexic { gap: 20px; }

  .rowaccordion-01 .cc { flex: 0 0 100%; max-width: 100%; }
  .rowaccordion-01 img { border-radius: 20px; }

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

  .rowxtexlist-01 .flex-col { flex: 0 0 100% !important; max-width: 100% !important; }
  .rowxtexlist-01 .flexic { row-gap: 40px; }

  .rowaccordion-03 .flex-col { flex: 0 0 100% !important; max-width: 100% !important; }
  .rowaccordion-03 .flexic { row-gap: 30px; }
  .rowaccordion-03 .item { margin-bottom: 25px; }
  .rowaccordion-03 .item:last-child { margin-bottom: 0; }

  .rowaccordion-04 .flex-col { flex: 0 0 100% !important; max-width: 100% !important; }
  .rowaccordion-04 .flexic { row-gap: 30px; }
  .rowaccordion-04 img { border-radius: 20px; }

  .rowxmedia-03 .flex-col { flex: 0 0 100% !important; max-width: 100% !important; }
  .rowxmedia-03 .dmedia .ppm { width: 100%; border-radius: 10px; }
  .rowxmedia-03 .flexic { row-gap: 30px; }
  .rowxmedia-03 [data-rtl="1"] .dmedia .ppm { transform: none; }

  .rowpost-01 .mtitle { font-size: 23px; }

  .rowxmap-01 .flexic { row-gap: 30px; }
  .rowxmap-01 .flex-col { flex: 0 0 100% !important; max-width: 100% !important; }
  .rowxmap-01 .dmedia { height: 300px; }
  .rowxmap-01 .btn-loop { width: 100%; justify-content: center; }

  .rr .rpi .rpi-slide { flex: 0 0 100% !important; max-width: 100% !important;  } 

  .single .hero h2 { font-size: 17px; }

  .single-post .blog-post,
  .single-post .blog-aside { flex: 0 0 100%; }
  .single-post .meta { margin-top: 10px; }
  .single-post .post-thumbnail { margin-top: 20px; }
  .blog-post .mtitle { font-size: 25px; }

  .stepsflex-01 .flexic { row-gap: 40px; }
  .stepsflex-01 br { display: none; }
  .stepsflex-01 .flex-item { flex: 0 0 100%; max-width: 100%; }
  .stepsflex-01 .linee { display: none; }
  .stepsflex-01 .ititle { margin-top: 20px; }
  .stepsflex-01 .ptext { margin-top: 10px; }
  section.stepsflex-01 .btn-loop { margin-top: 40px; }
  
  .ttable-01 .list-td { flex:  0 0 33.33%; max-width: 33.33%; }
  .ttable-01 .list-td { flex:  0 0 100%; max-width: 100%; }
  .ttable-01 .list-tdd .td-a { padding-left: 0; }
  .ttable-01 .flexic { padding: 5px; border-radius: 0; }
  .ttable-01 .list-th { display: none; }

  .ttable-01 .nfo { display: block; padding-left: 40px; text-transform: uppercase; font-size: 14px; opacity: 0.5; }
  .ttable-01 .list-tdd .td-a { margin-bottom: 20px; }
  .ttable-01 .list-tdd .td-a .nfo { display: none;  }
  .ttable-01 .list-tdd .td-b { margin-bottom: 20px; }
  .ttable-01 .list-tdd { border-bottom: 1px solid var(--a); padding-bottom: 30px; }
  .ttable-01 .list-tdd:last-child { border: none; }

  .ttable-01 .list-tdd:nth-child(2n+1) { background-color: transparent; }

  .titler-01 { text-align: center;  } 
  .titler-01 .row { justify-content: center; }
  .titler-01 .text-right { text-align: center; }

}

/*
  #MARK: 600
*/

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

  .cpost .ititle { line-height: 150%; }

  .gpost-01 .dinfo { flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; }
  .gpost-01 .mtitle { margin-top: 0; } 

  .iconflex-03 .flexic .flex-item { flex: 0 0 100% !important; max-width: 100% !important; }
  .iconflex-03 .dinfo { padding: 0 30px; }
  .iconflex-03 .flexic { row-gap: 0; }

  .cardstext-01 .flexic .flex-item { flex: 0 0 100% !important; max-width: 100% !important; }
  .ti-reviews-container { margin-bottom: 0 !important; }
  .ajaxp-01 .col-md-4 { flex: 0 0 100%; max-width: 100%; }
  .ajaxp-01 .ajx_btn { margin-top: 30px; }

  .herocta-01 .btn-loop { margin: 0; gap: 0; row-gap: 30px; }
  .herocta-01 .btn-loop { margin: 0 10%; }
  .herocta-01 .div-link { flex: 0 0 50%; text-align: center; }
  .herocta-01 .bg-img { opacity: 0.5; }
}

/*
  #MARK: 540
*/

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

  .ctaform-01 .dform-bg { background-color: rgba(255,255,255,0.9); }
  section.colmedia-01 .wrap { height: auto; padding: 40px 0; }

  .homehero-01 .wrap .dinfo { max-width: 100%; text-align: center; margin: 0 auto 30px; }  
  
  .media-01 .dmedia { height: 300px; border-radius: 10px; overflow: hidden; }

  .rowxmedia-01 { text-align: center; }

  .rowxquote-01.rr .flexic { gap: 40px; }
  .rowxquote-01.rr .qreviews { width: calc(100% - 30px); opacity: 0.9; }
  .rowxquote-01.rr .wrap .flex-col { padding: 0; }

} 

/*
  #MARK: 480
*/

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

  article .post-text h4 { font-size: 20px; }
  article .post-text h3 { font-size: 25px; }
  article .post-text h2, article .post-text h3, article .post-text h4, article .post-text h5, article .post-text h6 { margin-top: 40px; }
  article .bio .dtop { flex-direction: column; gap: 0; }
  article .bio { padding: 15px; }
  
  .bio .atitle { margin-top: 10px; line-height: 120% !important; }

  .dsubject .pop-link .play { top: 60%; }

  .gcptf-01 .flex-item { flex: 0 0 100%; max-width: 100%; }
  .gcptf-01 .post-info { max-width: 270px; margin: 0 auto; text-align: center; }

  .heroopt-01 .wrap .hero-opt { max-width: 94%; margin: 0 auto; }
  .heroopt-01 .btn-loop { flex-direction: column;  }  
  
  .homehero-01 .dsubject { width: 350px; height: 445px; }

  .jstabs-01 .flex-item .ititle { flex: 0 0 100px; font-size: 17px; }

  .js-collapse-01 .add .aa { flex: 0 0 110px; }
  .js-collapse-01 .add { flex-direction: row; justify-content: flex-start; text-align: left; }
  .js-collapse-01 .ititle { text-align: left; }

  .slidergallery-01 .slide-bg .item { height: 400px; }
  .slidergallery-01 .d-bgimg img { height: 100%; margin-bottom: 20px; }
  .slidergallery-01 .owl-dots { bottom: 90px !important; position: absolute; left: 50%; transform: translateX(-50%); }
  .slidergallery-01 .img-caption { font-size: 14px; }

  .rowxquote-01 .quote { width: calc(100% - 20px); flex: 0 0 calc(100% - 20px); margin: 10px 10px 0; }
  .rowxquote-01 .quote { background-color: rgba(0,0,0,0.3); padding: 20px; border-radius: 10px; }

  .rowxquote-01.rr .wrap .flex-col.dmedia { margin-bottom: 100px; }
  .rowxquote-01.rr .qreviews { bottom: -100px; left: 50%; transform: translateX(-50%); }
  .rowxtexlist-01 .wrap .dtext { margin-top: 10px; }
  .rowxtexlist-01 .itext { margin-top: 10px; }
  .rowxtexlist-01 .ititle { line-height: 140%; }

  .rowaccordion-03 .item { padding: 10px 20px; }
  .rowxmedia-02 .mtitle br { display: inline; }

  .rowxtext-01 ul li { line-height: 1.2; }

  .single-post .meta { gap: 0px; flex-direction: column; }

  .heroopt-01.v2 .wrap { min-height: 300px; }
  .heroopt-01 .overlay.color { background: rgba(0,0,0,0.6); }

  .stepsflex-01 br { display: inline; }  
  blockquote { padding: 20px; }
} 
  
/* #endregion */