@media (max-width: 767px) {
    /*
    ***** PADDINGS X
    */
    .padx48 { padding-bottom: 24px; padding-top: 24px; }
    .padx64 { padding-bottom: 32px; padding-top: 32px; }
    .padx90 { padding-bottom: 45px; padding-top: 45px; }
    .padx120 { padding-bottom: 60px; padding-top: 60px; }

    .mob-padx20 { padding-bottom: 20px; padding-top: 20px; }
    .mob-padx24 { padding-bottom: 24px; padding-top: 24px; }
    .mob-padx48 { padding-bottom: 48px; padding-top: 48px; }
	.mob-padx50 { padding-bottom: 50px; padding-top: 50px; }



    /*
    ***** PADDINGS Y
    */
    .pady35 { padding-left: 17.5px; padding-right: 17.5px; }
    .pady48 { padding-left: 24px; padding-right: 24px; }
    .pady64 { padding-left: 32px; padding-right: 32px; }
    .pady90 { padding-left: 45px; padding-right: 45px; }

    .mob-pady16 { padding-left: 16px; padding-right: 16px; }

    /*
    ***** PADDINGS TOP
    */
    .padtop16 { padding-top: 8px; }
    .padtop24 { padding-top: 12px; }
    .padtop32 { padding-top: 16px; }
    .padtop48 { padding-top: 24px; }
    .padtop64 { padding-top: 32px; }
    .padtop90 { padding-top: 45px; }
    .padtop120 { padding-top: 60px; }
    .padtop200 { padding-top: 100px; }

    .mob-padtop0 {
        padding-top: 0;
    }
    .mob-padtop16 {
        padding-top: 16px;
    }
    .mob-padtop24 {
        padding-top: 24px;
    }
    .mob-padtop30 {
        padding-top: 30px;
    }
    .mob-padtop32 {
        padding-top: 32px;
    }

	.mob-padtop48 {
		padding-top: 48px;
	}

    .mob-padtop64 {
        padding-top: 64px;
    }



    /*
    ***** PADDINGS BOTTOM
    */
    .padbot0 { padding-bottom: 0px; }
    .padbot16 { padding-bottom: 8px; }
    .padbot18 { padding-bottom: 9px; }
    .padbot24 { padding-bottom: 12px; }
    .padbot32 { padding-bottom: 16px; }
    .padbot48 { padding-bottom: 24px; }
    .padbot64 { padding-bottom: 32px; }
    .padbot90 { padding-bottom: 45px; }
    .padbot96 { padding-bottom: 48px; }
    .padbot120 { padding-bottom: 60px; }
    .padbot166 { padding-bottom: 83px; }

    .mob-padbot12 {
        padding-bottom: 12px;
    }
    .mob-padbot16 {
        padding-bottom: 16px;
    }
    .mob-padbot20 {
        padding-bottom: 20px;
    }
    .mob-padbot24 {
        padding-bottom: 24px;
    }

    .mob-padbot32, .mob-padbot32.pad36 {
        padding-bottom: 32px;
    }
    .mob-padbot64 {
        padding-bottom: 64px;
    }

    .mob-padbot0 {
        padding-bottom: 0;
    }
    /*
    ***** PADDINGS GENERALS
    */
    .pad24 { padding: 15px; }
    .pad30 { padding: 15px; }
    .pad36 { padding: 15px; }
    .pad48 { padding: 20px; }

    .mob-pad0 { padding: 0; }


    /*
    ***** PADDINGS LEFT
    */
    .padleft24 { padding-left: 18px; }
    .padleft36 { padding-left: 18px; }
    .padleft48 { padding-left: 24px; }

    .mob-padleft10 { padding-left: 10px; }

    .mob-padleft12 { padding-left: 12px; }
    .mob-padleft0 { padding-left: 0; }
    /*
    ***** PADDINGS RIGHT
    */
    .padright24 { padding-right: 18px; }
    .padright36 { padding-right: 18px; }
    .padright48 { padding-right: 24px; }

    .mob-padright0 { padding-right: 0; }

    /*
    ***** Margins Bottoms
    */
    .mb0 { margin-bottom: 0px; }
    .mb8 { margin-bottom: 4px; }
    .mb16 { margin-bottom: 8px; }
    .mb24 { margin-bottom: 12px; }
    .mb32 { margin-bottom: 16px; }
    .mb40 { margin-bottom: 20px; }
    .mb48 { margin-bottom: 24px; }
    .mb64 { margin-bottom: 32px; }
    .mb96 { margin-bottom: 48px; }

    .mob-mb24 { margin-bottom: 24px; }
    .mob-mb32 { margin-bottom: 32px; }

    /*
    ***** Margins Top
    */
    .mt0 { margin-top: 0px; }
    .mt8 { margin-top: 4px; }
    .mt16 { margin-top: 8px; }
    .mt24 { margin-top: 12px; }
    .mt32 { margin-top: 16px; }
    .mt40 { margin-top: 20px; }
    .mt48 { margin-top: 24px; }
    .mt64 { margin-top: 32px; }
    .mt96 { margin-top: 48px; }

    .mob-mt24 { margin-top: 24px; }
    .mob-mt32 { margin-top: 32px; }

    /*
    ***** Margin Left and Right
    */
    .my50 { margin-left: 25px; margin-right: 25px; }
    .mob-my0 { margin-left: 0; margin-right: 0; }




    /*
	***** Border radius
	*/
    .br16 { border-radius: 8px; }
    .br25 { border-radius: 12px; }
    .br30 { border-radius: 15px; }
    .br40 { border-radius: 20px; }
    .br64 { border-radius: 28px; }

	.deal-media img {
		border-radius: 12px 12px 0 0;
	}


    /*
    ***** Font sizes
    */
    .headline2 { font-size: 35px; }
    .headline3 { font-size: 29px; }
    .headline4 { font-size: 22px; }

    .content.content-card { font-size: 16px; }

    .small-text { font-size: 16px; }
    .text13 { font-size: 11px; }
    .text14 { font-size: 12px; }
    .text16 { font-size: 15px; }
    .text18 { font-size: 18px; }
    .text20 { font-size: 18px; }
    .text24 { font-size: 19px; }
    .text30 { font-size: 22px; }
    .text36 { font-size: 24px; }
    .text40 { font-size: 28px; }

    .mob-text12 { font-size: 12px; }
    .mob-text14 { font-size: 14px; }
    .mob-text16 {
        font-size: 16px;
    }
    .mob-text18 { font-size: 18px; }
    .mob-text20 { font-size: 20px; }
    .mob-text24 { font-size: 24px; }
    .mob-text30 { font-size: 30px; }
    .mob-text40 { font-size: 40px; }



    .btn-main, .btn-secondary {
        font-size: 16px;
        line-height: 20px;
    }

	.btn-footer {
		padding: 10px 25px !important;
	}

	.btn-main {
		padding: 11px 20px;
	}

	.btn-secondary {
		padding: 10px 20px;
	}

	.single-osetrenia .btn-main {
		padding: 10px 15px;
	}



    .content-main h2, .content h2 {
        font-size: 26px;
        margin-bottom: 16px;
    }

	.content-main ul {
		margin-top: 16px;
	}

    .content-main h3, .content h3 { font-size: 24px; margin-bottom: 8px; }
    .content-main p, .content p {
        font-size: 16px;
        margin-bottom: 24px;
    }
}





/* =========================================
   TABLET: 768–991 px
   ========================================= */
@media (min-width: 768px) and (max-width: 991px) {
    /* ***** PADDINGS X (vertikálne) */
    .padx48 { padding-block: 32px; }
    .padx64 { padding-block: 40px; }
    .padx90 { padding-block: 56px; }
    .padx120 { padding-block: 72px; }

    .tab-padx20 { padding-block: 20px; }
    .tab-padx32 { padding-block: 32px; }



    /* ***** PADDINGS Y (horizontálne) */
    .pady35 { padding-inline: 22px; }
    .pady48 { padding-inline: 30px; }
    .pady64 { padding-inline: 40px; }
    .pady90 { padding-inline: 50px; }

    .tab-pady20 { padding-inline: 20px; }
    .tab-pady32 { padding-inline: 32px; }
    .tab-pady50 { padding-inline: 50px; }

    /* ***** PADDINGS TOP */
    .padtop16 { padding-top: 10px; }
    .padtop24 { padding-top: 16px; }
    .padtop32 { padding-top: 20px; }
    .padtop48 { padding-top: 28px; }
    .padtop64 { padding-top: 36px; }
    .padtop90 { padding-top: 50px; }
    .padtop120 { padding-top: 72px; }
    .padtop200 { padding-top: 120px; }

    .tab-padtop0 { padding-top: 0; }
    .tab-padtop16 { padding-top: 16px; }
    .tab-padtop24 { padding-top: 24px; }
    .tab-padtop30 { padding-top: 30px; }
    .tab-padtop36 { padding-top: 36px; }

    .tab-padtop100, .first-section.tab-padtop100 { padding-top: 100px; }



    /* ***** PADDINGS BOTTOM */
    .padbot0 { padding-bottom: 0; }
    .padbot16 { padding-bottom: 12px; }
    .padbot18 { padding-bottom: 12px; }
    .padbot24 { padding-bottom: 16px; }
    .padbot32 { padding-bottom: 20px; }
    .padbot48 { padding-bottom: 24px; }
    .padbot64 { padding-bottom: 36px; }
    .padbot90 { padding-bottom: 56px; }
    .padbot96 { padding-bottom: 60px; }
    .padbot120 { padding-bottom: 72px; }
    .padbot166 { padding-bottom: 100px; }

    .tab-padbot0 { padding-bottom: 0; }
    .tab-padbot16 { padding-bottom: 16px; }
    .tab-padbot36 { padding-bottom: 36px; }


    /* ***** PADDINGS – general */
    .pad24 { padding: 18px; }
    .pad30 { padding: 20px; }
    .pad36 { padding: 20px; }
    .pad48 { padding: 24px; }

    .tab-pad8 { padding: 8px; }

    /* ***** PADDINGS LEFT / RIGHT */
    .padleft24 { padding-left: 20px; }
    .padleft36 { padding-left: 24px; }
    .padleft48 { padding-left: 24px; }

    .tab-padleft0 { padding-left: 0; }
    .tab-padleft16 { padding-left: 16px; }


    .padright24 { padding-right: 20px; }
    .padright36 { padding-right: 24px; }
    .padright48 { padding-right: 28px; }

    /* ***** MARGINS BOTTOM */
    .mb0 { margin-bottom: 0; }
    .mb8 { margin-bottom: 6px; }
    .mb16 { margin-bottom: 12px; }
    .mb24 { margin-bottom: 18px; }
    .mb32 { margin-bottom: 20px; }
    .mb40 { margin-bottom: 24px; }
    .mb48 { margin-bottom: 28px; }
    .mb64 { margin-bottom: 36px; }
    .mb96 { margin-bottom: 60px; }

    .tab-mb16 { margin-bottom: 16px; }

    /* ***** MARGINS TOP */
    .mt0 { margin-top: 0; }
    .mt8 { margin-top: 6px; }
    .mt16 { margin-top: 12px; }
    .mt24 { margin-top: 18px; }
    .mt32 { margin-top: 20px; }
    .mt40 { margin-top: 24px; }
    .mt48 { margin-top: 28px; }
    .mt64 { margin-top: 36px; }
    .mt96 { margin-top: 60px; }

    /* ***** Margin L/R */
    .my50 { margin-inline: 30px; }

    /* ***** Border radius */
    .br16 { border-radius: 12px; }
    .br25 { border-radius: 18px; }
    .br30 { border-radius: 22px; }
    .br40 { border-radius: 28px; }
    .br64 { border-radius: 32px; }

    /* ***** Font sizes */
    .headline2 { font-size: 40px; }
    .headline3 { font-size: 34px; }
    .headline4 { font-size: 26px; }

    .content.content-card { font-size: 17px; }

    .small-text { font-size: 16px; }
    .text13 { font-size: 12px; }
    .text14 { font-size: 13px; }
    .text16 { font-size: 15px; }
    .text18 { font-size: 16px; }
    .text20 { font-size: 18px; }
    .text24 { font-size: 20px; }
    .text30 { font-size: 22px; }
    .text36 { font-size: 26px; }
    .text40 { font-size: 30px; }

    .tab-text16 { font-size: 16px; }
    .tab-text20  { font-size: 20px; }
    .tab-text36  { font-size: 36px; }

    .btn-main, .btn-secondary { padding: 10px 25px; font-size: 15px; line-height: 20px; }

    .content-main h2, .content h2 { font-size: 30px; margin-bottom: 12px; }
    .content-main h3, .content h3 { font-size: 26px; margin-bottom: 12px; }
    .content-main p, .content p { font-size: 17px; margin-bottom: 16px; }

    .tab-d-none {
        display: none;
    }
    .tab-d-block {
        display: block !important;
    }
    .tab-d-flex {
        display: flex !important;
    }

    .tab-padright0 {
        padding-right: 0;
    }
}


/* =========================================
   SMALL DESKTOP: 992–1199 px
   ========================================= */
@media (min-width: 992px) and (max-width: 1199px) {
    /* ***** PADDINGS X (vertikálne) */
    .padx48 { padding-block: 36px; }
    .padx64 { padding-block: 48px; }
    .padx90 { padding-block: 64px; }
    .padx120 { padding-block: 80px; }

    .lg-padx48 { padding-block: 48px; }


    /* ***** PADDINGS Y (horizontálne) */
    .pady35 { padding-inline: 26px; }
    .pady48 { padding-inline: 36px; }
    .pady64 { padding-inline: 48px; }
    .pady90 { padding-inline: 64px; }

    .lg-pady24 { padding-inline: 24px; }
    .lg-pady48 { padding-inline: 48px; }

    /* ***** PADDINGS TOP */
    .padtop16 { padding-top: 12px; }
    .padtop24 { padding-top: 18px; }
    .padtop32 { padding-top: 22px; }
    .padtop48 { padding-top: 30px; }
    .padtop64 { padding-top: 40px; }
    .padtop90 { padding-top: 60px; }
    .padtop120 { padding-top: 80px; }
    .padtop200 { padding-top: 130px; }

    .lg-padtop32 { padding-top: 32px; }


    /* ***** PADDINGS BOTTOM */
    .padbot0 { padding-bottom: 0; }
    .padbot16 { padding-bottom: 14px; }
    .padbot18 { padding-bottom: 14px; }
    .padbot24 { padding-bottom: 18px; }
    .padbot32 { padding-bottom: 22px; }
    .padbot48 { padding-bottom: 30px; }
    .padbot64 { padding-bottom: 40px; }
    .padbot90 { padding-bottom: 60px; }
    .padbot96 { padding-bottom: 64px; }
    .padbot120 { padding-bottom: 80px; }
    .padbot166 { padding-bottom: 110px; }

    .lg-padbot16 { padding-bottom: 16px; }

    /* ***** PADDINGS – general */
    .pad24 { padding: 20px; }
    .pad30 { padding: 24px; }
    .pad36 { padding: 28px; }
    .pad48 { padding: 32px; }

    /* ***** PADDINGS LEFT / RIGHT */
    .padleft24 { padding-left: 22px; }
    .padleft36 { padding-left: 26px; }
    .padleft48 { padding-left: 32px; }


    .padright24 { padding-right: 22px; }
    .padright36 { padding-right: 26px; }
    .padright48 { padding-right: 32px; }

    /* ***** MARGINS BOTTOM */
    .mb0 { margin-bottom: 0; }
    .mb8 { margin-bottom: 6px; }
    .mb16 { margin-bottom: 14px; }
    .mb24 { margin-bottom: 20px; }
    .mb32 { margin-bottom: 24px; }
    .mb40 { margin-bottom: 28px; }
    .mb48 { margin-bottom: 32px; }
    .mb64 { margin-bottom: 40px; }
    .mb96 { margin-bottom: 64px; }

    /* ***** MARGINS TOP */
    .mt0 { margin-top: 0; }
    .mt8 { margin-top: 6px; }
    .mt16 { margin-top: 14px; }
    .mt24 { margin-top: 20px; }
    .mt32 { margin-top: 24px; }
    .mt40 { margin-top: 28px; }
    .mt48 { margin-top: 32px; }
    .mt64 { margin-top: 40px; }
    .mt96 { margin-top: 64px; }

    /* ***** Margin L/R */
    .my50 { margin-inline: 36px; }

    /* ***** Border radius */
    .br16 { border-radius: 14px; }
    .br25 { border-radius: 20px; }
    .br30 { border-radius: 24px; }
    .br40 { border-radius: 32px; }
    .br64 { border-radius: 48px; }

    /* ***** Font sizes */
    .headline2 { font-size: 44px; }
    .headline3 { font-size: 36px; }
    .headline4 { font-size: 26px; }

    .content.content-card { font-size: 18px; }

    .small-text { font-size: 16px; }
    .text13 { font-size: 12px; }
    .text14 { font-size: 13px; }
    .text16 { font-size: 16px; }
    .text18 { font-size: 17px; }
    .text20 { font-size: 18px; }
    .text24 { font-size: 21px; }
    .text30 { font-size: 24px; }
    .text36 { font-size: 28px; }
    .text40 { font-size: 32px; }

    .lg-text18 { font-size: 18px; }

    .btn-main, .btn-secondary { padding: 10px 25px; font-size: 15px; line-height: 20px; }

    .content-main h2, .content h2 { font-size: 36px; margin-bottom: 16px; }
    .content-main h3, .content h3 { font-size: 28px; margin-bottom: 16px; }
    .content-main p, .content p { font-size: 18px; margin-bottom: 24px; }

    .lg-padright0 {
        padding-right: 0;
    }

}

@media (min-width: 1200px) and (max-width: 1399px) {

    .xl-padx64 { padding-block: 64px; }

    .xl-pady32 { padding-inline: 32px; }
    .xl-pady64 { padding-inline: 64px; }
}