/* ---- Media quires ---- */

@media only screen and (min-width: 1600px) {
    .ques_title h3 {
        /* font-size: 1.2rem; */
    }
    .container {
        /* max-width: 1600px; */
    }
    .gm {
        font-size: 5rem !important;
        font-weight: bold;
    }
    .team {
        font-size: 1.1rem !important;
    }
    .aug {
        font-size: 2rem !important;
    }
    .p1 {
        font-size: 2rem;
        line-height: 1.2;
    }
    .p2 {
        font-size: 1rem;
        margin: 1rem 0;
    }
    .p3 {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 1024px) {
    .full-header h1 {
        font-family: 'Gilroy';
        font-weight: bold;
    }
    
    .p1 {
        font-size: 2rem;
        line-height: 1.2;
    }
    .p2 {
        font-size: 1rem;
        margin: 1rem 0;
    }
    .p3 {
        font-size: 1rem;
    }
    .sp-1 {
        font-size: 1.2rem;
    }
    .sp-2 {
        font-size: 1rem;
    }
    .sp-3 {
        font-size: 1rem;
    }
    .footer p {
        font-size: 1rem;
        line-height: 1.2;
    }
    
}

@media only screen and (max-width: 992px) {
    .full-header h1 {
        font-size: 1.2rem;
    }
    .ques_title h3 {
        font-size: 1.2rem;
    }
    .container {
        padding: 0 30px;
    }
    .col-1 {
        width: unset;
        margin-right: 20px;
    }
    .col-2 {
        width: 40% !important;
    }
    .survey-container .question> :first-child::before {
        width: 28px;
        height: 28px;
        left: -28px;
        top: 10px;
        font-size: 10px;
        padding-top: 4px;
    }
    .survey-container .question.error::before {
        margin-left: 3rem;
    }
    .input-group {
        padding: 1rem 1rem 0.5rem 1.5rem;
        margin-left: 2rem;
    }
    textarea {
    
        margin-left: 3.7rem;
    }
    .err, #chk_option_error {
        
        margin-left: 3.7rem;
    }
    .full-header div {
        position: absolute;
        bottom: 0%;
        left: 6%;
        color: #C43441;
        font-family: 'Gilroy';
    }
    .gm {
        font-size: 2rem !important;
        font-weight: bold;
    }
    .team {
        font-size: 1.1rem !important;
    }
    .aug {
        font-size: 1.2rem !important;
    }
    .p1 {
        font-size: 2rem;
        line-height: 1.2;
    }
    .p2 {
        font-size: 1rem;
        margin: 1rem 0;
    }
    .p3 {
        font-size: 1rem;
    }
    i {
        font-size: 0.7rem;
    }
    .disclaimer p {
        font-size: 0.6rem;
    }
    .section_title {
        padding: 0.5rem 0.5rem;
        margin: 0.5rem 0rem;
    }
    .ques_title {
        padding: 0.5rem 0.5rem;
        margin: 0rem 0rem;
    }
    .Survey-Qs {
        padding: 1rem 0rem;
    }
    h1 {
        font-size: 1rem;
    }
   
    #text-question .ques_title {
        padding: 0.5rem 0.5rem;
    }
  
    h2, h3 {
        font-size: calc(10px + .6vw);
    }
    .login input {
        width: 95%;
    }
    .table{
        width: 94%;
    }
    .login .input-group {
        margin-left: 0rem; 
    }
    .title-form {
        font-size: calc(9px + 0.6vw);
    }
    
}

@media only screen and (orientation: portrait) {
    .full-header h1 {
        font-size: 1.4rem;
    }
    .ques_title h3 {
        font-size: 1.2rem;
    }
    .start-screen>.row {
        flex-flow: column;
        min-height: 100vh;
    }
    .start-screen>.row>div {
        min-height: unset;
    }
    .start-screen .button-col {
        flex-grow: 1;
    }
    .start-screen .image-col img {
        max-height: 50vh;
    }
    .full-header div {
        position: absolute;
        bottom: 0;
        left: 6%;
        color: #C4343E;
        font-family: 'Gilroy';
    }
    .gm {
        font-size: 5rem !important;
        font-weight: bold;
    }
    .team {
        font-size: 1.1rem !important;
    }
    .aug {
        font-size: 2rem !important;
    }
    .login .input-group {
        margin-left: 0rem;
        
    }
    .survey-container .question.error::before {
        margin-left: 3rem;
    }
    textarea {
        margin-left: 0rem;
        width: 100%;
    }
    .err, #chk_option_error {
        margin-left: 0.7rem;
    }
    table{
        font-size: calc(8px + 0.6vw);
    }
    .percentage_textarea {
       
        margin-left: 0.5rem;
    
    }
    .ques_title-text {
        padding: 0.8rem 1rem 0.8rem 0rem;
        display: -webkit-box;
    }
    
}

@media only screen and (orientation: portrait) and (max-width: 766px) {
    .full-header h1 {
        font-size: 1.2rem;
    }
    .ques_title h3 {
        font-size: 1.2rem;
    }
    .start-screen .button-col {
        margin: 0 auto;
        width: 70%;
        justify-content: flex-end;
        margin-top: 5rem;
    }
    .nkdr-logo {
        width: 30vw;
        position: absolute;
        bottom: 2rem;
        right: 2rem;
    }
    .pfizer-logo {
        width: 50px;
        top: 1rem;
        right: 1rem;
    }
   
    .full-header div {
        position: absolute;
        bottom: 0%;
        left: 6%;
        color: #C4343E;
        font-family: 'Gilroy';
    }
    .gm {
        font-size: 4rem !important;
        font-weight: bold;
    }
    .team {
        font-size: .8rem !important;
    }
    .aug {
        font-size: 1.7rem !important;
    }
    .input-group {
        padding: 1rem 1rem 0.5rem 1rem;
        margin-left: 0rem;
    }
    .table {
        width: 100%;
    }
    .err, #chk_option_error {
        margin-left: 0rem;
    }
    li img{
        width: 15%;
    }
    .percentage_textarea {
        width: 22%;
        height: 24px;
        margin-left: 0rem;
    }
    .section_sp-num {
        width: auto;
    }
}


@media only screen and  (max-width: 480px) {
    footer {
        flex-direction: column-reverse;
    }
    .ques_title h3 {
        font-size: 1rem;
    }
    .full-header div {
        bottom: -6%;
        left: 6%;
    }
    .full-header h1 {
        font-size: 1rem;
        font-family: 'Gilroy';
        font-weight: bold;
    }
    .gm {
        font-size: 1.5rem !important;
        font-weight: bold;
    }
    .team {
        font-size: .8rem !important;
    }
    .aug {
        font-size: .8rem !important;
    }
    .disclaimer {
        width: 100%;
    }
    .logo {
        margin-top: 1rem;
        width: 100%;
    }
    #submit-btn img {
        width: 200px;
        background-color: transparent;
    }
    
    .section_sp-num{
        width: auto;
    }
    .survey-container .question.error::before {
        margin-left: 0rem;
    }
    .input-group {
        padding: 1rem 1rem 0.5rem 1rem;
        margin-left: 0rem;
    }
    textarea {
        width: 100%;
        margin-left: 0rem;
    }
    .ques_title-text {
        padding: 0.8rem 1rem 0.8rem 0rem;
    }
    .err, #chk_option_error {
        margin-left: 1rem;
    }
    .table {
        width:100%;
    }
    .section_title p {
        padding: 0 2px; 
    }
    .percentage_textarea {
        
        margin-left: 1rem;
        margin-top: 1rem;
      
    }
}
@media only screen and (max-width: 400px){
.section_sp-num {
    width: 30%;
}
}