/* ---- 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: 'GSK Precision-B';
        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;
    }
    .btn-next {
        max-width: 14.875em;
    }
    .h3, h3 {
        font-size: calc(1rem + .6vw);
    }
    
}

@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-sm-6 {
        width: 50% !important;
    }
    /* .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 1rem 1.5rem;
        margin-left: 2rem;
    }
  
    .err, #chk_option_error {
        
        margin-left: 3.7rem;
    }
    .full-header div {
        position: absolute;
        bottom: 0%;
        left: 6%;
        color: #C43441;
        font-family: 'GSK Precision-L';
    }
    .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: 8px;
        margin: 2rem 2rem;
    }
    .logo{
        margin: 2rem 2rem;
    }
    .btn-next {
        max-width: 9.875em;
    }
    .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: 100%;
    }
    .table{
        width: 94%;
    }
    .login .input-group {
        margin-left: 0rem; 
        width: 65%;
    }
    .title-form {
        font-size: calc(9px + 0.6vw);
    }
    .title-head{
        width: 50%;
    }
    .disclaimer-1 p {
        font-size: 0.7rem;
       
    }
    .sp-num {
        height: 17px;
    }
    .title-sub-header h3 {
        margin: 1rem 0rem 0rem; 
    }
}

@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: 'GSK Precision-L';
    }
    .gm {
        font-size: 5rem !important;
        font-weight: bold;
    }
    .team {
        font-size: 1.1rem !important;
    }
    .aug {
        font-size: 2rem !important;
    }
    /* .login {
        min-height: 27vh;
    } */
    .login .input-group {
        margin-left: 0rem;
        width: 100%;
        
    }
    .survey-container .question.error::before {
        margin-left: 0rem;
    }
    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;
    }
    .title-sub-header h3 {
    
        margin: 1rem 0rem 0rem;
       
    }
    .title-head{
    width: 85%;
    }
    .sp-num {
        height: 17px;
        /* width: 35px; */
    }
    .disclaimer-1 p {
        font-size: 0.7rem;  
    }
    .top h3 {
        font-size: 0.7rem;  
        margin: 1rem 0rem;
    }
}

@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;
    }
    .logo img {
        max-width: 24%;
    }
   
    .full-header div {
        position: absolute;
        bottom: 0%;
        left: 6%;
        color: #C4343E;
 
    }
    .gm {
        font-size: 4rem !important;
        font-weight: bold;
    }
    .team {
        font-size: .8rem !important;
    }
    .aug {
        font-size: 1.7rem !important;
    }
    .input-group {
        padding: 1rem 1rem 1rem 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;
    }
    #success-screen .inner-box {
        max-width: 90%;
    }
}


@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-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:1rem 2rem;
        width: 100%;
    }
    #submit-btn img {
        width: 200px;
        background-color: transparent;
    }
    
    .section_sp-num{
        width: auto;
    }
    .survey-container .question.error::before {
        margin-left: 0rem;
    }
    .login .input-group {
        padding: 1rem 1rem 0.5rem 1rem;
        margin-left: 0rem;
        width: 100%;
    }
    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;
      
    }
    .btn-next {
        max-width: 9.875em;
    }
    .title-sub-header p {
        color: #333333;
        font-size: calc(10px + 0.5vw);
    }
    .top h3 {
        font-size: calc(11px + 0.6vw);
    }
    .input-group {
        margin-left: 0rem;
    }
}
@media only screen and (max-width: 400px){
.section_sp-num {
    width: 30%;
}

}