@media only screen and (max-width: 1980px) {
/** PROCEDURE **/
.procedure-left
{ width: 28%; height: auto; float: left; margin: 0px; padding: 0px; }
.procedure-right
{ width: 68%; height: auto; float: right; margin: 0px; padding: 0px; }
.procedure-right-top-box p, .procedure-right-top-box-popis p
{ width: 100%; height: auto; margin: 0; padding: 0px 0px 20px 0px; font-size: 1rem; line-height: 150%; }

/** PERSON **/
.personContainer 
{ width: 100%; margin: 0px; display: grid; grid-template-columns: calc(35% - 20px) calc(65% - 20px); gap: 40px; }
.person-top-txt p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 1rem; line-height: 150%; }
.person-txt p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 10px 0px 10px 0px; font-size: 0.9375rem; line-height: 140%; }

}





@media only screen and (max-width: 1600px) {
/** HEAD PANEL **/
.head-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 160px 0px 40px 0px; }
.head-page-txt h1
{ width: 100%; height: auto; margin: 0; padding: 0px; font-size: 2.25rem; line-height: 150%; }
.head-page-txt h2
{ width: 100%; height: auto; margin: 0; padding: 10px 0px 0px 0px; font-size: 1.3125rem; line-height: 130%; }
.head-page-txt p
{ max-width: 68%; height: auto; margin: 0px auto; padding-top: 20px; font-size: 1rem; line-height: 160%; }

}





@media only screen and (max-width: 1380px) {
/** HEAD PANEL **/
.head-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 160px 0px 40px 0px; }
.head-page-txt h1
{ width: 100%; height: auto; margin: 0; padding: 0px; font-size: 2rem; line-height: 150%; }
.head-page-txt h2
{ width: 100%; height: auto; margin: 0; padding: 10px 0px 0px 0px; font-size: 1.125rem; line-height: 130%; }
.head-page-txt p
{ max-width: 80%; height: auto; margin: 0px auto; padding-top: 20px; font-size: 1rem; line-height: 160%; }

}





@media only screen and (max-width: 1180px) {
/** CATEGORY **/
.categoryWrapper 
{ grid-template-columns: 1fr; }

/** PROCEDURE **/
.procedure-left
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; }
.procedure-right
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; }

/** PROCEDURE NUM **/
.procedure-numbox
{ width: 100%; height: auto; margin: 0px; padding: 24px 0px 24px 0px; text-align: center; }
.procedure-numbox-center
{ width: 100%; height: auto; margin: 0px; padding: 24px 0px 24px 0px; text-align: center; border-top: 0.05em solid #ebe8e4; border-bottom: 0.05em solid #ebe8e4; }
.procedure-numbox-popis p
{ padding: 8px 0px 0px 0px; font-size: 1rem; }

}




@media only screen and (max-width: 980px) {
/*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** MOBILE *****************************************************************************************************************************************************************************************************************************************************************************************************/
.container 
{ width: 100%; height: auto; margin: 0px; padding: 0px 0px 0px 0px; position: relative; z-index: 900; }
.hp-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 40px 0px 40px 0px; }

/** HEAD PANEL **/
.head-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 100px 0px 30px 0px; }
.head-page-txt h1
{ width: 100%; height: auto; margin: 0; padding: 0px; font-size: 1.9375rem; line-height: 150%; }
.head-page-txt p
{ max-width: 100%; height: auto; margin: 0px auto; padding-top: 20px; font-size: 1rem; line-height: 160%; }
.head-btn-box 
{ width: 100%; height: 48px; margin: 24px 0 0 0; padding: 0; display: flex; justify-content: center; }
.head-btn a
{ height: 48px; padding: 0 60px 0 20px; font-size: 0.875rem; }

/** PAGE **********/
.page 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 30px 0px 30px 0px; position: relative;  }
.page-btn
{ width: 200px; height: 48px; margin: 0px auto; padding: 0px; font-size: 0.875rem; letter-spacing: 0.06em; line-height: 48px; border-radius: 50%; position: relative; }

/** PROCEDURE **/
.procedure-page 
{ width: 100%; height: auto; float: left; margin: 30px 0px 0px 0px; padding: 0px 0px 60px 0px; position: relative; }

.procedure-right-top-box p, .procedure-right-top-box-popis p
{ width: 100%; height: auto; float: left; margin: 0; padding: 0px 0px 20px 0px; font-size: 1rem; text-align: center; line-height: 150%; }


/** PROCEDURE BENEFIT **/
.procedure-benefit-panel h2
{ width: 100%; height: auto; margin: 0; padding: 10px 0px 20px 0px; font-size: 1.25rem; text-align: center; line-height: 100%; }
.procedure-benefit-box-left
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; }
.procedure-benefit-box-right
{ width: 100%; height: auto; float: left; margin: 0px; padding: 16px 0px 0px 0px; }
.procedure-benefit-box-txt
{ width: 100%; height: auto; float: left; margin: 0px 0px 14px 0px; padding: 20px 14px 20px 14px; border-radius: 0.75rem; }
.procedure-benefit-box-txt h3
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 1rem; text-align: center; line-height: 130%; }
.procedure-benefit-box-txt p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 10px 0px 0px 0px; font-size: 0.9125rem; text-align: center; line-height: 130%; }

/** PROCEDURE BOTTOM **/
.procedure-bottom-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 40px; padding-bottom: 40px; }
.procedure-bottom-box
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 30px; padding-bottom: 30px; }
.procedure-bottom-box-txt h3
{ width: 100%; height: auto; margin: 0; padding-top: 0px; padding-bottom: 15px; font-size: 18px; line-height: 160%; }
.procedure-bottom-box-txt p
{ width: 100%; height: auto; margin: 0; padding-top: 20px; padding-bottom: 0px; font-size: 15px; line-height: 160%; letter-spacing: 0.04em; }
.procedure-bottom-odstv-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 10px; padding-bottom: 5px; }
.procedure-bottom-odstv::before 
{ width: 22px; height: 22px; padding: 0px; content: ""; display: inline-block; background-size: 50% 50%; vertical-align: middle; }
.procedure-bottom-odstv
{ margin: 0px; padding: 0px; font-size: 15px; line-height: 22px; gap: 5px; }

/** PROCEDURE PRICE **/
.procedure-bottom-price-box-left
{ width: 100%; height: 60px; float: left; margin: 0px; padding: 0px; }
.procedure-bottom-price-box-right
{ width: 50%; height: 60px; float: right; margin: 0px; padding: 0px; }
.procedure-bottom-price-box-right p
{ width: 100%; height: 60px; margin: 0; padding: 0px; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: 15px; color: #000000; text-align: right; line-height: 60px; letter-spacing: 0.04em; }

/** TESTIMONIAL CARDS **/
.testimonial-grid 
{ grid-template-columns: repeat(2, 1fr); gap: 20px; }

/** PERSON **/
.personContainer 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; display: block; grid-template-columns: auto; gap: 0px; }
.personBox 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 20px 0px 20px 0px; box-sizing: border-box; }

/** TAB **/
.tab__label 
{ justify-content: space-between; padding-left: 0px; padding-right: 0px; padding: 24px 0px 24px 0px; font-weight: 500; font-size: 1rem; line-height: 100%; }
.tab__label::after 
{ content: "+"; font-size: 1.25rem; font-weight: 500; background-size: 1.2em; }

/** BLOG CARD **/
.blog-grid 
{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }

/** CONTACT **/
.contact-panel-l
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; }
.contact-panel-r
{ width: 100%; height: auto; float: left; margin: 0px; padding: 40px 0px 0px 0px; }
.contact-address-napis h2
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 1.625rem; line-height: 100%; }
.contact-address-popis
{ width: 100%; height: auto; float: left; margin: 0px; padding: 30px 0px 0px 0px; }
.contact-panel-r-box h3
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-size: 1.375rem; }
.contact-open-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 20px 0px 0px 0px; }
.contact-open-l
{ width: 40%; height: 30px; float: left; margin: 0px; padding: 0px; }
.contact-open-r
{ width: 60%; height: 30px; float: left; margin: 0px; padding: 0px; }
.contact-open-l p
{ width: 100%; height: 30px; float: left; margin: 0px; padding: 0px; font-size: 0.9375rem; line-height: 30px; }
.contact-open-r p
{ width: 100%; height: 30px; float: left; margin: 0px; padding: 0px; font-size: 0.9375rem; line-height: 30px; }


/** FOOTER **/
.footer-claim-contact-box
{ width: 100%; height: auto; float: left; margin: 0px; padding: 6px 0px 6px 0px; }
.footer-claim-contact 
{ width: max-content; height: 48px; margin: 0px auto; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 0.875rem; }
.footer-claim-contact-ico 
{ width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.footer-box-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
.footer-box-odkaz
{ margin: 0px; padding: 15px 0px 15px 0px; }
.footer-box-odkaz p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px 0px 10px 0px; font-size: 0.875rem; text-align: center; }
.footer-box-odkaz a
{ width: 100%; height: 26px; float: left; margin: 0px; padding: 0px; font-size: 0.8125rem; text-align: center; line-height: 26px; }
.footer-box-contact 
{ width: 100%; height: 30px; margin: 0px auto; display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 0.8125rem; }

}





@media only screen and (max-width: 880px) {
/** BLOG CARD **/
.blog-grid 
{ display: grid; grid-template-columns: repeat(1, 1fr); gap: 0px; }
.blog-card 
{ width: 100%; margin: 0px 0px 20px 0px; aspect-ratio: 4 / 3; border-radius: 0.75rem; overflow: hidden; text-decoration: none; box-shadow: 0 10px 25px rgba(0,0,0,0.15); position: relative; display: block; transition: transform .25s ease, box-shadow .25s ease; }

}




@media only screen and (max-width: 780px) {
/** TESTIMONIAL CARDS **/
.testimonial-grid 
{ grid-template-columns: repeat(1, 1fr); gap: 16px; }


/** FOOTER **/
.footer-box-grid 
{ grid-template-columns: 1fr; }
.copyright-left p, .copyright-right p
{ width: 100%; height: 30px; float: left; margin: 0px; padding: 0px; font-size: 0.8125rem; text-align: center; line-height: 30px; }
}