/* Holland Framework Style */
.logo-image{
  width: 100px!important;
}
 .holland__main_page_overview{
  font-family: Alegreya;
}
.question-md-pl{
  text-align: left;
}
.lookliketextitle-sm{
  display:none;
}
.lookliketextitle-lg{
  display:block;
}

 @media only screen and (min-width: 1022px){
  #holland_popup_body{
    background-color:#F7F5FF;
    height: 73vh;
    padding: 0px;
  }
  .hollnad_main_image{
    margin: 0 auto;
    margin-top: 20px!important;
    height: 158px;
    width: 253px;
  }
  .holland__main_page_overview{
    text-align: center;
    font: normal normal normal 14px DM Sans;
    letter-spacing: 0px;
    color: #545048;
    opacity: 1;
  }
  .holland_main_button{
    text-align: center;
    font: normal normal medium 20px/26px DM Sans;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    opacity: 1;
    background-color: rgba(94, 71, 210, 0.6) !important;
    outline: none;
  }
  .holland_main_button:hover{
    color: #FFFFFF !important;
    background-color: rgba(94, 71, 210, 0.6) !important;
    outline: none;
  }
  .holland_main_button:focus{
    outline: none;
    box-shadow: none;
  }
  #holland_main_page{
    display: none;
  }
  .hollnad_side_image img{
    width: 275px;
  }
  .holland_main_page__left{
    background-color: #FFFFFF;
    padding-top: 10%;
    height: 73vh;
  }
  .holland_main_page__right{
    text-align: left!important;
    margin-top: 20px;
  }
  #who_are_you{
    letter-spacing: 0px;
    color: #000000;
    font-size: 22px;
  }
  .holland_title{
    letter-spacing: 0px;
    color: #000000;
    font-size: 22px;
  }
  .holland_secondary_button{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    width: 160px;
    font-size: 15px;
  }
  .holland_secondary_button:focus{
    outline: none;
    box-shadow: none;
  }
  .holland_secondary_button_active{
    background-color:#F7F5FF  ;
    color: #fff;
  }
  .holland_main_grade{
    display: none;
  }
  .holland_main_looking_for{
    display: none;
  }
  #skill_and_curricular_yes_or_no{
    display: none;
  }
  #academic_and_curricular_board{
    display: none;
  }
  #holland_selected_skill_no{
    display: none;
  }
  .holland_main_quize{
    display: none;
  }
  .quiz_result__left{
    background-color: #FFFFFF;
    padding-top: 6%;
    height: 73vh;
  }
  .quiz_result__right{
    text-align: center!important;
    margin-top: 20px;
  }
  #back_to_holland_main_page{
    display: flex;
    align-items: center;
  }
  .back_to_holland_main_page_1{
    display: flex;
    align-items: center;
  }
  .arrow_circle{
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    margin-right: 1%;
  }
  .go_back_link{
    text-decoration: underline;
    color: #545048;
    opacity: 1;
    font-size:medium;
    font-weight: 100;
  }
  .responsive_plane{
    display: none;
  }
  .holland_main_quize table td{
    padding: .3rem;
  }
  .question_19_radio_ans{
    margin-left: 1px;
  }
}

/* Holland Responsive style */
@media(min-width:200px){
  .img-plane{
    width:50%;
  }
  .img-computer{
    width: 226px;
  }
  #holland_popup_body{
    background-color:#F7F5FF;
    height: 73vh;
    padding: 0px;
  }
  .hollnad_main_image{
    margin: 0 auto;
    margin-top: 20px!important;
    height: 158px;
    width: 253px;
  }
  .holland__main_page_overview{
    text-align: center;
    font: normal normal normal 14px DM Sans;
    letter-spacing: 0px;
    color: #545048;
    opacity: 1;
  }
  .holland_main_button{
    text-align: center;
    font: normal normal medium 20px/26px DM Sans;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    opacity: 1;
    background-color: rgba(94, 71, 210, 0.6) !important ;
    outline: none;
  }
  .holland_main_button:hover{
    color: #FFFFFF !important;
    background-color: rgba(94, 71, 210, 0.6) !important;
    outline: none;
  }
  .holland_main_button:focus{
    outline: none;
    box-shadow: none;
  }
  #holland_main_page{
    display: none;
  }
  .hollnad_side_image img{
    width: 275px;
  }
  .holland_main_page__left{
    padding-top: 10%;
  }
  .holland_main_page__right{
    margin-top: 20px;
  }
  #who_are_you{
    letter-spacing: 0px;
    color: #000000;
    font-size: 22px;
  }
  .holland_title{
    letter-spacing: 0px;
    color: #000000;
    font-size: 22px;
  }
  .holland_secondary_button{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    opacity: 1;
    width: 100%;
    font-size: 15px;
  }
  .holland_secondary_button:focus{
    outline: none;
    box-shadow: none;
  }
  .holland_secondary_button_active{
    background-color:#F7F5FF  ;
    color: #fff;
  }
  .holland_main_grade{
    display: none;
  }
  .holland_main_looking_for{
    display: none;
  }
  #skill_and_curricular_yes_or_no{
    display: none;
  }
  #academic_and_curricular_board{
    display: none;
  }
  #holland_selected_skill_no{
    display: none;
  }
  .holland_main_quize{
    display: none;
  }
  .quiz_result__left{
    background-color: #FFFFFF;
    padding-top: 6%;
    height: 73vh;
  }
  .quiz_result__right{
    text-align: center!important;
    margin-top: 20px;
  }
  .secbtn-margin{
    margin-bottom: .25rem!important;
  }
  .holland_ans_button {
    margin-left: 0.25rem!important;
    margin-right: 0.25rem!important;
  }
  #back_to_holland_main_page{
    display: flex;
    align-items: center;
    text-align: left;
  }
  .back_to_holland_main_page_1{
    display: flex;
    align-items: left;
  }
  #back_to_looking_for{
    display: flex;
    align-items: center;
    text-align: left;
  }
  .arrow_circle{
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    margin-right: 1%;
  }
  .go_back_link{
    text-decoration: underline;
    color: #F7F5FF ;
    opacity: 1;
    font-size:medium;
    font-weight: 100;
  }
}

@media(min-width:200px) and (max-width:767px){
  .question-md-pl{
    padding-left:0.25rem!important;
  }
  .lookliketextitle-sm{
    display:block!important;
  }
  .lookliketextitle-lg{
    display:none!important;
  }
  .quiz_result__left{
    height:auto;
    background:transparent;
  }
  .img-plane{
    width:70%;
  }
  .holland_title{
    text-align: center;
  }
  .skill_and_curricular_yes_no_main{
    display: flex;
    justify-content: center;
  }
  #holland_popup_body{
    height: 100vh!important;
  }
  .pages_before_quiz {
    width: 100%;
  }
  .large-txt-radio{
    display: flex;
  }
  #organising_radio{
    padding-left:0.25rem;
  }
  .responsive_plane{
    display: block;
  }
  .img-plane__responsive{
    margin-top: 3em!important;
  }
  .holland-row{
    margin-left: 15px!important;
  }
  #question_19{
    padding-left: 1.06rem;
  }
  #question_19_name{
    padding: 0rem;
  }
}

@media(min-width:787px){
  #holland_main_page .img-plane{
      display:none;
  }
}