@charset "UTF-8";

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

@media (max-width:1440px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
}

/* Large devices (desktops, less than 1200px) */
@media (max-width:1199px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width:991px) {
    .survey-form form .full-section {
        margin-left: -35px;
        margin-right: -35px;
    }

    .triangle:after {
        bottom: -25px;
        width: 30px;
        height: 30px;
    }

    .form-maintitle {
        font-size: 32px;
    }
    .survey-form form .question-section .check-section > .three-check .invalid-tooltip, 
    .survey-form form .question-section .check-section > .six-check .invalid-tooltip {
        left: 15px;
        right: 15px;
    }

    .invisible-label{
        display:block;
        position: absolute;
        margin-top: -45px;
        margin-left: 50px;
      }
    .visible-label{
        display: none;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width:767px) {
    .survey-form form .full-section {
        margin-left: -15px;
        margin-right: -15px;
        border-left: 15px solid #2490cf;
    }

    .survey-form .sapura-logo {
        height: 65px;
    }

    .triangle:after {
        bottom: -20px;
        width: 25px;
        height: 25px;
    }

    .form-maintitle {
        font-size: 27px;
    }

}

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

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width:575px) {
    header .pp-logo {
        height: 50px;
    }

    .survey-form .survey-logo {
        height: 45px;
    }

    .triangle:after {
        bottom: -15px;
        width: 20px;
        height: 20px;
    }

    .form-maintitle {
        font-size: 24px;
    }

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

}

@media (max-width:425px) {
    .survey-form form .question-section .check-section {
        line-height: 25px;
    }

    .survey-form > .container > .row > .col-12 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .survey-form .label-cbx .checkbox-svg {
        top: 6px;
        width: 15px;
        height: 15px;
        left: 2px;
    }

    .survey-form .label-cbx .checkbox-svg svg {
        width: 15px;
        height: 15px;
    }

    footer .copyright {
        font-size: 12px;
    }

}

@media (max-width:360px) {
    .survey-form form[id="sapura-form"] {
        font-size: 13px;
    }

}

@media (min-width:992px) and (max-width:1199px) {
    .checkbox-number span:first-of-type{
        left:0px;
        top:-45px;
     }
 
     .invisible-checkbox-number-10{
        top:-36px !important;
     }
 
     .checkbox-number-10{
        left: -27px !important;
        top: -10px !important;
     }
}

@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) {

}