@charset "UTF-8";

/* CSS Document */
@media (min-width:2300px) {

}

@media (max-width:2299px) {

}

@media (max-width:1920px) {

}

@media (max-width:1680px) {
    .banner-section {
      margin-top: 50px;
      background-position: 45% 0%;
    }
}

@media (min-width:1440px) {
    .logo-group-hidden-box{
        /*order: 2 !important;*/
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1430px;
    }
}

@media (max-width:1439px) {
    .logo-group-hidden-box{
        order: 12 !important;
    }

    .primecare-form {
        margin-left:0px;
        margin-right:0px;
    }

    .section-primecare-solution{
        overflow: hidden;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
    .logo-group-hidden-box{
        /*order: 2 !important;*/
        
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width:1199px) {
    .logo-group-chubb .chubb-brand{
        flex-direction: column;
        justify-content: center;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
    .section-primecare-protection{
        margin-bottom: 0px !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width:991px) {

    .logo-group-chubb .pp-logo{
        height: 40px;
    }

    .logo-group-chubb .chubb-brand{
        flex-direction: column;
    }

    .section-primecare-form{
        background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../images/section-form.png");
        background-size: cover;
        background-position-x: center;
    }

    .form-box-banner {
        max-width: 320px;
    }

    .section-primecare-protection {
        padding-bottom: 60px;
    }

    .section-primecare-protection:before {
        height: 20%;
    }

    .section-primecare-protection .protection-box .col-image .img-section-protection{
        display: none;
    }

    .section-primecare-protection .protection-box .col-image .img-section-protection-mb{
        display: block;
    }
    
    .form-box-banner {
        display: none !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {
    /* line 14, ../sass/style.scss */
    h1 {
        font-size: 48px;
    }
    
    /* line 18, ../sass/style.scss */
    h2 {
        font-size: 44px;
    }
    
    /* line 22, ../sass/style.scss */
    h3 {
        font-size: 40px;
    }
    
    /* line 26, ../sass/style.scss */
    h4 {
        font-size: 36px;
    }
    
    /* line 30, ../sass/style.scss */
    h5 {
        font-size: 32px;
    }
    
    /* line 34, ../sass/style.scss */
    h6 {
        font-size: 28px;
    }

    .logo-group-hidden-box{
        /*order: 12;*/
    }
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767px) {
    /* line 14, ../sass/style.scss */
    h1 {
    font-size: 32px;
    }
    
    /* line 18, ../sass/style.scss */
    h2 {
        font-size: 28px;
    }
    
    /* line 22, ../sass/style.scss */
    h3 {
        font-size: 24px;
    }
    
    /* line 26, ../sass/style.scss */
    h4 {
        font-size: 20px;
    }
    
    /* line 30, ../sass/style.scss */
    h5 {
        font-size: 16px;
    }
    
    /* line 34, ../sass/style.scss */
    h6 {
        font-size: 12px;
    }

    .header-row{
        height: 75px;
    }

    /*header .pp-logo, footer .pp-logo {
        height: 40px;
    }*/

    .swiper-primecare-solution{
        display: block;
        padding: .5rem;
    }

    .primecare-solutions{
        display: none;
    }

    .section-primecare-protection .protection-box .col-image{
        padding: 0;
    }

    .slogan {
        height: calc(100vw * (799/576));
        margin-bottom: 70px;
    }

    .slogan h1 {
      font-size: 32px;
      line-height: 38px;
      margin-bottom: 40vh;
    }

    .slogan h1 span {
      font-size: 48px;
    }

    .form-box-banner {
        position: absolute;
        right: 0;
        top: 50px;
        max-width: 300px;
    }

    .banner-section {
        background-image: url("../images/banner-1-m.jpg");
        background-position: top center;
        background-size: 100%;
        padding: 0;
    }

    .section-primecare-form {
        padding-top: 50px !important;
    }

    .xs-box{
        display: block;
    }

    .header-box{
        height: 90px;
        width: 90px;
    }

    .header-logos{
        height: 90px;
    }

    .chubb-brand{
        flex-direction: column;
    }

    .logo-group-pp{
        width: 80%;
    }

    .logo-group-hidden-box{
        width: auto;
        display: none;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px) {

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575px) {

    .form-box-banner {
        display: none!important;
    }

    .chubb-brand{
        flex-direction: column;
        align-items: start !important;
    }

    .xs-box{
        width: 50px;
        height: 50px;
    }

    .back {
        right: 10px;
        bottom: 15px;
    }

    .primecare-protection-comments{
        display: none;
    }

    .section-primecare-form{
        background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)), url("../images/section-form.png");
        background-size: cover;
        background-position-x: center;
        background-position-y: 0vh;
        margin-top: inherit !important;

    }

    .card-primecare-form .card-body{
        flex-direction: column;
        text-align: center;
    }

    .card-primecare-form .card-image{
        padding: 1rem;
    }

    .terms-section p{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        text-align: center;
    }

    .logo-section{
        padding: 1rem;
    }

    footer .logo-section .pp-logo{
        height: 60px;
    }

}

@media (max-width:425px) {

}

@media (min-width:361px) {
    /*.line-feed {
        display: none;
    }*/

}

@media (max-width:360px) {
    .logo-group-pp {
        width: 70%;
    }

    /*.line-feed {
        display: block;
    }*/

}

@media (min-width:1440px) and (max-width:1600px) {
.header-row{
    width: calc(100% - 60px);
}
}

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

}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:576px) and (max-width:767px) {
}

@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
}