/* #region -------------------------- ROOT */
@media only screen and (max-width : 1024px) { 
  :root {
    --h1: 48px;
    --h2: 32px;
    --h3: 24px;
    --h4: 20px;
  }
} 
@media only screen and (max-width : 767px) { 
  :root {
    --h1: 36px;
    --h2: 24px;
    --h3: 18px;
    --h4: 16px;
	--font-size: 15px;
  }
} 
@media only screen and (max-width : 480px) { 
  :root {
    --h1: 28px;
    --h2: 21px;
  }
} 
/* #endregion */

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

@media only screen and (max-width : 1060px) { 
    section.element .wrap { padding: 30px 0; }
    section.element .nwrap { padding: 0; }
    .element.no-br br { display: none; }
}  

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

}

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

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

@media only screen and (max-width : 480px) { 
  
}
  
/* #endregion */

/* #region - -------------------------- OVERALL */
@media only screen and (max-width : 1440px) {
  .text-bg-01 .overlay.bg {
    max-width: 1016px;
  }
}
@media only screen and (max-width : 1360px) {
  .qslider-01 .owlbtn {
    position: static;
    transform: unset;
  }
  .qslider-01 .btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-top: 30px;
  }
  .qslider-01 .owlnext {
    transform: rotate(180deg);
  }
}
@media only screen and (max-width : 1060px) {
  .footer-0 .container-xl:before {
    content: unset;
  }
  .footer-logo .d-img {
    filter: brightness(0) saturate(100%) invert(1);
  }
  .footer-0 .ssc a, .footer-0 .ssc p {
    color: #fff;
  }
  .rowmedia-01 .bitext {
    right: 35px;
  }
  .heroslider-01 .wrap {
    min-height: 600px;
	height: 600px;
  }
  .heroslider-01 .bg-img {
    height: 600px;
  }
  .heroslider-01 .top.overlay.color {
    height: 200px;
  }
  .heroslider-01 .bottom.overlay.color {
    height: 300px;
  }
  .cta-0 .container-xl:before, 
  .footer-0 .container-xl:before {
    left: 0;
    height: 100%;
    background-size: cover;
    max-width: 430px;
    background-position: right !important;
  }
/*   .cta-0 .container-xl:before {
    background-position: left bottom;
  } */
  .cta-contact .cta-0 .container-xl:before {
	  height: 400px;
	  max-width: 800px;
	  left: -350px;
  }
  .footer-0 .container-xl:before {
		max-width: 433px;
        background-position: top right !important;
        left: 0;
        height: 400px;
  }
}
@media only screen and (max-width : 1024px) { 
  .header[data-overlay=default] .sticky-logo {
    display: none;
  }
  .footer-0 .dtop {
    flex-direction: column;
    justify-content: center;
  }
  .footer-0 .copyright {
    max-width: 100%;
  }
  .footer-0 .dtop .row {
    max-width: 100%;
    gap: 30px;
  }
  .footer-0 .dtop .row .col-md-4 {
    flex: 0 0 calc(33% - 30px);
    max-width: calc(33% - 30px);
  }
  .heroopt-01 .wrap {
    min-height: 250px;
  }
  .p-text-01 .col-info {
    max-width: 100%;
  }
  .cardsflex-01 .ititle.brktitle {
    margin-top: 0;
  }
  .cardsflex-01 .ititle {
    padding-right: 15px;
  }
  .cardsflex-01 .flex-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .axlessc-01 .row {
    margin-top: 30px;
    gap: 30px;
  }
  .axlessc-01 .ax-1 {
    padding: 50px;
  }
  .axlessc-01 .btn-wrap {
    margin-top: 30px;
  }
  .frcontact-01 .mtitle, 
  .frcontact-01 .dtitle, 
  .frcontact-01 .ftitle {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width : 800px) { 
  .js-tabs-01 .tab-content {
    max-width: 100%;
    padding-left: 0;
  }
  .js-tabs-01 .flexic {
    row-gap: 30px;
  }
  .js-tabs-01 .ntabs {
    max-width: 100%;
  }
  .js-tabs-02 .tab-content {
    padding-left: 15px;
    margin-left: 0;
  }
  .js-tabs-02 .inside-wrapper {
    max-width: 100%;
    padding-left: 0;
  }
  .js-tabs-02 .ntabs li {
    max-width: 100%;
  }
}
@media only screen and (max-width : 767px) { 
  .footer-0 .container-xl {
    padding: 30px 15px;
  }
  .footer-0 .dtop .row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
/*   .cta-0 .dinfo {
    background: rgba(0,0,0,0.3);
    padding: 20px;
  } */
  .rowmedia-01 .image-wrapper {
    margin: auto;
  }
  .rowmedia-01 .dinfo,
  .cta-0 .dinfo {
    max-width: 100% !important;
	margin-left: unset;
  }
  .heroslider-01 .wrap {
    min-height: 450px;
	height: 450px;
  }
  .heroslider-01 .bg-img {
    height: 450px;
  }
  .heroslider-01 .top.overlay.color {
    height: 150px;
  }
  .heroslider-01 .bottom.overlay.color {
    height: 200px;
  }
  .heroslider-01 .dinfo {
    padding-bottom: 50px;
    max-width: 100%;
  }
  .cardsflex-01 .flex-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cardsflex-01 .mtext {
    margin-bottom: 30px;
  }
  .titler-01 .row {
    background: rgba(0,0,0,0.5);
    padding: 30px 15px;
    margin: 0;
  }
  .p-text-01 .dtext strong {
    font-size: 18px;
  }
  .rowlocation-01 .company-address {
    margin-bottom: 0;
  }
  .text-bg-01 .col-info, 
  .text-bg-01 .dtext,
  .titler-02 .text-wrap .dinfo {
    max-width: 100%;
  }
  .text-bg-01 .overlay.bg {
    background: #393c49;
  }
  .rowaccordion-01 .img-wrapper,
  .rowmedia-02 .image-wrapper {
    text-align: center !important;
  }
  .rowaccordion-01 .acc-content,
  .ajaxc-01 .dinfo {
    max-width: 100%;
  }
  .titler-02 .col-md-5.title-wrap,
  .titler-02 .col-md-7.text-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cardsflex-02 .flexic {
    margin: 0 !important;
    row-gap: 30px;
  }
  .cardsflex-02 .flex-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 !important;
  }
  .icon-01 .row {
    margin-top: 30px;
  }
  .iconflex-01 .flexic {
    flex-direction: column;
    align-items: center;
  }
  .iconflex-01 .flex-item:before {
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    top: 170px;
  }
  .ajaxc-01 .cpt-row {
    row-gap: 30px !important;
  }
  .ajaxc-01 .ajx_btn {
    margin-top: 30px;
  }
  .frcontact-01 .institle {
    margin-top: 30px;
  }
  .frcontact-01 .insurance-wrap {
    margin-bottom: 30px;
    column-count: 2;
  }
  .frcontact-01 .gform-footer {
    margin-top: 30px !important;
  }
  .frcontact-01 .gform, 
  .frcontact-01 .ftitle {
    max-width: 100%;
  }
  .frcontact-01 .ginput_container select {
    max-width: 100% !important;
    width: 100% !important;
  }
  .frcontact-01 .row {
    flex-direction: column-reverse;
  }
  .cta-contact .cta-0 .container-xl:before {
    content: unset;
  }
  .axlessc-01 .top-wrap {
    justify-content: center;
  }
  .axlessc-01 .main-title-wrap {
    width: 100%;
  }
  .bg-right-pos .bg-img {
    background-position: 75% center;
  }
  .rowmedia-01 .btn-loop {
    width: 100%;
    justify-content: center;
  }
	.media-01.xray_image .col-info {
		max-width: initial;
	}
}
@media only screen and (max-width : 600px) { 
  .cta-0 .container-xl {
    padding-bottom: 30px;
  }
  .cta-0 .dinfo {
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
  }
}
@media only screen and (max-width : 480px) { 
  .titler-01 .wrap {
    min-height: unset;
  }
  .axlessc-01 .ax-1 {
    padding: 30px;
  }
  .cardsflex-02 .div-link {
    padding: 30px;
  }
  .frcontact-01 .insurance-wrap {
    column-count: 1;
  }
} 
/* #endregion */