/*home page start*/
.banner-text h1 { font-size: 78px; }
.mid-text h2 { margin-bottom: 15px; }
.mid-text span { font-size: 32px; line-height: 30px;}
.slider-text { font-size: 55px; }
.promotions-block .mid-text.golden-color { max-width: 405px; }
.promotions-block .mid-text { padding-left: 15px; }
.lockout-proof { background-image: url(/images/1_lockout-proof_fr.jpg); }
.culture { background-image: url(/images/2_culture-shock_fr.jpg);}
.jvac {background-image: url(/images/4_jvac_fr.jpg);}
.ref-sup { position: relative !important; top: -5px !important; }

.effective-banner {
    background: url(/images/effective-banner-fr.png) no-repeat;
    height: 630px;
    background-size: cover;
    margin-bottom: 0px;
    background-position: 50% 50%;
}
.footer-text { display: none; }
.know-the-fact .banner-text h1 { line-height: 75px; }
.article-desc p { min-height: 105px; }
.fr-text p { min-height: 193px !important; }
.yellow-btn  { font-size: 46px; }
.big-title-text { font-size: 72px; }
.jvac-bg {background: url(/images/j-vac-fr.png) no-repeat; height: 450px;}
/*responsive*/
@media only screen and (max-width: 767px) {
    .mid-text h2 { margin-bottom: 0px; }
    .banner-text h1 { font-size: 50px; }
    .home-banner h1 { max-width: 290px;}
    .home-banner .banner-text p { max-width: 350px; }
    .mid-text span { font-size: 22px; }
    .slider-text {font-size: 16px;}
    .lockout-proof { background-image: url(/images/1_lockout-proof_fr_mob.jpg); }
    .culture { background-image: url(/images/2_culture_fr_mon.jpg);}
    .jvac {background-image: url(/images/4_jvac_fr_mob.jpg);}
    .prudent-title { word-break: break-word;}
    .pink-text-top span { font-size: 30px; }
    .black-text { line-height: 64px; }
    .treatment-topsection .btn--block { text-align: center; }
    .article-block .article-desc h3 { font-size: 40px;}
    .effective-banner {
        background: url(/images/effective-banner-mobile-fr.png) no-repeat;
        height: 535px;
        background-size: cover;
        margin-bottom: 0px;
        background-position: 50% 50%;
    }
    .promotions-block .mid-text { padding-left: 0px; }
    .yellow-btn {font-size: 24px; }
    .ref-sup { position: relative !important; top: -5px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mid-text h2 { margin-bottom: 0px; }
    .banner-text h1 { font-size: 50px; line-height: 52px; }
    .home-banner h1 { max-width: 290px;}
    .mid-text span { font-size: 20px;}
    .slider-text { font-size: 35px; line-height: 35px; padding: 100px 40px 0 10px; }
    .articles-text h3 { font-size: 20px; }
    .articles-text p { font-size: 14px; margin-bottom: 10px; }
    .proof-paste-page .banner-text { width: 48%;}
    .banner-text .btn--block-white { text-align: center !important;}
    .proof-paste-page {
        background: url(/images/proofpaste-banner-tab-fr.png) no-repeat !important;
        height: 630px;
        margin-bottom: 0px;
        background-position: 50% 50% !important;
        background-size: cover !important;
    }
    .pink-text-top span { font-size: 30px; }
    .black-text { line-height: 64px; font-size: 65px; }
    .blue-box { font-size: 55px; }
    .culture-text { font-size: 12px; }
    .product-col .product-title { font-size: 14px; }
    .article-block .article-desc h3 { font-size: 52px;}
    .yellow-btn {font-size: 24px; }
    
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .banner-text h1 { font-size: 50px; line-height: 52px; }
    .slider-text { font-size: 48px; padding: 100px 40px 0 5px; }
    .articles-text h3 { font-size: 20px; }
    .articles-text p { font-size: 14px; margin-bottom: 10px; }
    .banner-text .btn--block-white { text-align: center !important;}
    .proof-paste-page {
        background: url(/images/proofpaste-banner-tab-fr.png) no-repeat !important;
        height: 630px;
        margin-bottom: 0px;
        background-position: 50% 50% !important;
        background-size: cover !important;
    }
    .black-text { line-height: 64px; }
    .note-text { padding-left: 10px; font-size: 11px;} 
    .redemption-form .radio-title { line-height: 18px; }
    .yellow-wrapper .radio-container label { line-height: 18px !important; padding-top: 5px; }
    .treatment-topsection .btn--block { text-align: center; }
    .blue-left-border.proof-box span { font-size: 75px;  }
    .yellow-btn {font-size: 35px; }
}

/*home page end*/
/*mastite faits page start*/
.know-the-fact .banner-text h1 {font-size: 75px;}
@media only screen and (max-width: 767px) {
    .know-the-fact .banner-text h1 { font-size: 55px; line-height: 50px; }    
    .didyou-know-section h2 { font-size: 60px; }
    
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .know-the-fact .banner-text h1 {font-size: 50px; line-height:50px;} 
    
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .know-the-fact .banner-text h1 {font-size: 40px;     line-height: 50px;}   
    .didyou-know-section .column .col-title {font-size: 30px;     line-height: 30px;}
    
}
/*mastite faits page end*/

/*astitis-prevention faits page start*/
.paste-bg01 { background: url(/images/paste-fr.png) no-repeat;}
.talk-to-veteran h2 { font-size: 80px; }
@media only screen and (max-width: 1024px) {
.paste-bg01 {background: transparent;background-color: #f3f3f3;}
.talk-to-veteran h2 { font-size: 60px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
.paste-list { width: 100%; background-size: 100%;  margin-left: 0px;  height: 330px; }
.talk-to-veteran h2 { font-size: 88px; line-height: 70px;}
}
/*astitis-prevention faits page end*/

/*mastitis treatment redemption start*/
.redemption-top-section h2 { font-size:70px; line-height: 57px; }
.upload-btn-new { line-height: 20px; }
.radio-error .radio-select { width: 190px;}
.redemption-form .radio-title { font-size: 12px; width: 185px; }
.yellow-wrapper .radio-container [type="radio"]:checked + label { font-size: 12px; }
.yellow-wrapper .radio-container [type="radio"]:not(:checked) + label { font-size: 12px; }
@media only screen and (max-width: 767px) {
    .redemption-top-section h2 {    font-size: 60px;  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
    .redemption-top-section h2 { font-size: 55px; line-height: 50px; }
}
/*mastitis treatment redemption end*/

/*proof-is-in-th-paste start*/

.proof-paste-page { background: url(/images/proofpaste-banner-fr.png) no-repeat;height: 630px;
    margin-bottom: 0px;    background-position: 50% 50%; }
.proof-paste-page .banner-text h1 { font-size: 55px; }
.proof-paste-middle .block-title { font-size: 70px; }
.select-col { padding-left: 60px; }
.radio-container { font-size: 18px; }
.cta-btn { font-size: 50px; }
.proof-paste-middle .col-lg-4 p .position-absolute {     color: #444444;}
.j-vac-right .btn { font-size: 12px; }
@media only screen and (max-width: 767px) {
    .proof-paste-page .banner-text h1 { font-size: 40px; }
    .proof-paste-page { background: url(/images/proofpaste-banner-mobile.png) no-repeat; background-position: 50% 50%;
        background-size: cover; }
    .banner-text .btn--block-white { margin-top: 10px; text-align: center; }
    .proof-paste-middle .block-title { font-size: 55px; }
    .select-col { padding-left: 15px; }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .proof-paste-page .banner-text h1 { font-size: 30px; }
    .radio-container {font-size: 16px; }
    .select-col .title { font-size: 26px; }
    .set-for-success .text-col .text-row p { font-size: 16px; }

}
/*proof-is-in-th-paste end*/

/*jvac start*/
.jvac-banner {
    background: url(/images/jvac-banner-fr.png) no-repeat;
    height: 570px;
    background-size: cover;
    margin-bottom: 30px;
    background-position: 50% 50%;
}
@media only screen and (max-width: 767px) { 
    .jvac-banner {
        background: url(/images/jvac-banner-mobile-fr.png) no-repeat;
        height: 400px;
        background-size: cover;
        background-position: 50% 50%;
    }
}
/*jvac end*/
.product_block .btn--block { font-size: 14px; }
.center-text p { max-width: 800px; }
.green-box {    background: url(/images/anafan-fr.png) no-repeat;
    height: 355px;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;}
@media (max-width: 1024px){
.green-box {
    background: transparent;
    margin-top: 15px;
    height: auto;
}