/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    /* CSS */

}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

    .content-wrap-home {
        margin: 140px auto 40px;
    }
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

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

    .other-pages header,
    .home-page header {
        top: 40px;
        padding: 0px;
        height: auto;
        justify-content: center;
    }

    .back-icon {
        display: none;
    }

    .logo {
        text-align: center;
    }

    .logo img {
        width: 100px;
        height: 100px;
    }

    .content-wrap-home h2 {
        font-size: 96px;
        line-height: 1;
    }

    .content-wrap-home p {
        font-size: 24px;
    }

    .home-page .main-content {
        margin-top: 60px
            /* min-height: 85vh;*/
    }

    ul.que-ans.ans-text #ck-button {
        margin-bottom: 30px;
    }

    .suggestion-page header {
        padding: 40px 0 0 0;
        height: 140px;
        position: inherit;
        display: block;
    }

    .suggestion-page header .logo,
    .suggestion-page header .logo a {
        display: block;
    }

    .suggestion-page .content-wrap-top {
        padding-top: 40px;
    }

    a.btn-lrg {
        width: 360px;
        height: 66px;
        line-height: 66px;
    }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


    .content-wrap-home {
        min-height: 80vh;
        max-width: 95%;
        margin: 140px auto 40px;
        padding: 50px 10px;
    }



    .other-pages header,
    .home-page header {
        top: 15px;
        padding: 0px;
        height: auto;
        justify-content: center;
    }

    .other-pages header {
        display: none;
    }

    .logo {
        text-align: center;
    }

    .logo img {
        width: 110px;
        height: 110px;
    }

    .content-wrap-home h2 {
        font-size: 96px;
        line-height: 1;
    }

    .home-page .main-content {
        margin-top: 60px
    }

    .content-wrap-home p {
        font-size: 24px;
    }

}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */



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

    .content-wrap-home {
        min-height: 80vh;
        max-width: 95%;
        margin: 120px auto 40px;
        padding: 50px 10px;
    }


    .logo {
        text-align: center;
    }

    .logo img {
        width: 70px;
        height: 70px;
    }

    .content-wrap-home h2 {
        font-size: 40px;
        line-height: 0.94;
    }

    .content-wrap-home p {
        font-size: 15px;
        line-height: 23px;
    }

    /**
      * Quesiton page
      **/

    .main-content form .content-wrap {
        padding: 30px;
        box-sizing: border-box;
    }

    .qustion-single h2 {
        width: auto;
    }

    .que-ans li {
        margin-right: 0;
        display: block;
        margin-bottom: 15px;
    }

    .searh-icon img {
        width: 120px;
    }

    ul.que-ans.ans-text #ck-button button,
    ul.que-ans.ans-text #ck-button label span {
        font-size: 13px;
    }

    ul.que-ans.ans-text #ck-button button {
        padding: 20.5px 25px;
    }

    .ans-text li a {
        padding: 18px 30px;
    }

    .ans-text li a,
    .questions-wrap h4 {
        font-size: 13px;
    }

    .qustion-single h2 {
        font-size: 21px;
    }

    .que-ans li {
        display: inline-block;
        margin-bottom: 15px;
    }

    /**
      * Quesiton 2
      **/
    .other-pages header {
        display: none;
    }

    .other-pages .main-content {
        height: auto;
    }

    .other-pages .content-wrap .content-wrap-single {
      
    }


    .border-radius li {
        width: 150px;
        height: 150px;
        line-height: 186px;
        margin: 0 15px;
    }



    ul.que-ans.ans-text #ck-button.isRadius {
      
        margin-bottom: 4px;
    }

    #ck-button.isCircle {
        width: 150px !important;
        height: 150px !important;
        line-height: 150px;
    }


    .suggestion-page header {
        padding: 40px 0 0 0;
        height: 140px;
        position: inherit;
        display: block;
    }

    .suggestion-page header .logo,
    .suggestion-page header .logo a {
        display: block;
    }

    .suggestion-page .content-wrap-top {
        padding-top: 40px;
    }

    

    .rectangle {
        width: 90%;
    }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
@media (min-width: 600px) and (max-width: 767px) {
    .home-page .main-content {
       
    }


    ul.que-ans.ans-text #ck-button.isRadius {
        width: 140px;
        height: 140px;
        line-height: 140px;
    }

    .suggestion-link {
        margin-top: 35px;
    }


    .suggestion-page header {
        padding: 40px 0 0 0;
        position: inherit;
        display: block;
    }

    .suggestion-page .logo,
    .suggestion-page .logo a, {
        display: block;
    }



}

@media (max-width: 564px) {
    header {
        top: 15px;
        height: auto;
        padding: 0px 0px;
    }

    .content-wrap-home {
        min-height: auto;
        max-width: 95%;
    }

    .content-wrap-home h2 {
        font-size: 28px;
    }

    .content-wrap-home p {
        font-size: 14px;
        line-height: 23px;
    }

    .main-content form {
        display: block;
    }

    .main-content form .content-wrap {
        padding: 8px;
        margin: 50px auto 0px;
    }

    .main-content form .content-wrap {
        padding: 8px;
        max-width: 100%;
        margin: auto;
    }

    .user-data {
        width: 100%;
    }

    ul.que-ans.ans-text #ck-button {
        width: 100%;
        height: auto;
    }

/*------cc 2--3*/
    ul.que-ans.ans-text.input-container-3 li#ck-button {
        width: 85px !important;
        height: 90px !important;


    }

    li#ck-button.isRadius {
        width: 90px !important;
        height: 90px !important;
        line-height: 150px !important;
        margin: 15px;
    }



    .other-pages .content-wrap-single {
        height: 98vh;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 20px 0px 20px;
    }

    .owl-carousel .owl-item img {
        max-width: 100%;
        width: auto;
        height: auto;
    }

    .content-wrap-home h2 {
        margin-bottom: 10px;
    }


    .logo img {
        width: 70px;
        height: 70px;
    }


    p img.welcomefootimg {
        width: 270px;
    }

    .home_title.mm h2:before {
        width: 83px;
        height: 92px;
        top: -77px;
        right: 0px;

    }
/*2--3*/
    ul.que-ans.ans-text.input-container-3 li#ck-button {


        margin: 0px 7px 12px;

    }

    ul.que-ans.ans-text.input-container-3 {

        padding: 0px;

    }


    ul.que-ans.ans-text.input-container-3 li#ck-button label {

    }
/*--------*/
/*  3 se 5*/
    ul.que-ans.ans-text.input-container-5 li#ck-button label img {
        width: 45px;
    }

/*  20--- 23*/
    ul.que-ans.ans-text.input-container-23 li#ck-button label img {
        width: 100%;
    }
    
    ul.que-ans.ans-text.input-container-23{
        
        width: 100%;
    }

    ul.que-ans.ans-text.input-container-23 li#ck-button {

        width: 42% !important;
        height: auto !important;
    }

/*-----*/
    form.mynameform .form-group.mb-3 input {
        min-width: 100%;
        font-size: 13px;


    }

}

@media (min-width: 461px) and (max-width: 534px) {

    ul.que-ans.ans-text #ck-button.isRadius {
        margin: 12px !important;
    }


    .content-wrap-home h2 {
        margin-bottom: 10px;
    }


}

@media (min-width: 320px) and (max-width: 480px) {
   
   body{
       
       /*min-height: 120vh;*/
       min-height: auto;
    padding-top: 100px;
       
   }
   
   .medicine_prescription{
       padding: 30px !important;
       
   }
   
   
   .header-font{
       
       line-height: 1 !important;
   }
   .add-t0-cart_section {
       margin: 20px;
       
   }

   .row.result_footer.d-flex.flex-column.align-items-center {
    padding: 0px 30px;
}
   /*  3 --5*/
   ul.que-ans.ans-text.input-container-3 {
    padding-top: 25px;
}
   /*---ccc 1 se 2*/
   ul.que-ans.ans-text.input-container-2 {
    padding-top: 25px;
}

/*   13 --15  */
   ul.que-ans.ans-text.input-container-15 li#ck-button label input{
       left: 12px !important;
    top: 17px !important;
       
   }
   /*------*/
   /*---15 se 17*/
   ul.que-ans.ans-text.input-container-17 li#ck-button label span{
       
       font-weight: 600 !important;
   }
   
   ul.que-ans.ans-text.input-container-17 li#ck-button{
       
       margin: 0px 0px 10px !important;
   }
   /*---------*/
   /*  14--16*/
   ul.que-ans.ans-text.input-container-16 li#ck-button label input {
       
      top: 13px; 
       
   }
/*------*/
   
   /*  16  se 19 */
   ul.que-ans.ans-text.input-container-19 li#ck-button label input{
       left: 12px;
       
       
   }
   /*   --- 5 --7*/
   ul.que-ans.ans-text.input-container-7 li#ck-button label span{
       
       line-height: 10px;
       font-weight: 600 !important;

   }
   /*-----*/
   
   /*  6 to 8*/
   ul.que-ans.ans-text.input-container-8 li#ck-button label span{
       
       font-weight: 600 !important;
       
   }
   section.user-information .home_title h3.r_userinfoheading{
       
           font-size: 28px !important;
   }
   
   .home_title{
       
       width: 100%;
   }
   
   .content-wrap-single {
    width: 100%;
}


.bPHULi{
    
   padding-left: 75px !important;
    left: 0 !important;
    width: 100% !important;
    
}

/*   6--8 */
ul.que-ans.ans-text.input-container-8 li#ck-button label:hover{
    
    width: 100% ;
    
    padding: 22px 44px;
    
}
   
   .main-content form .content-wrap{
       
       min-height: auto !important;
   }
   
   
    .home-page {
        display: flex;
        justify-content: flex-start;
        padding-top: 20px;
    }



    .home-page .main-content {
        margin-top: 60px
    }

    .home-page header {
        height: 110px;
        padding: 0px;
        position: inherit;
        margin-bottom: 0px;
    }

   section.main-content.d-flex.flex-column.justify-content-center {
    /*padding: 30px;*/
}

    .logo {
        text-align: center;
    }

    .logo img {
        width: 70px;
        height: 70px;
    }

    .content-wrap-home h2 {
        font-size: 39px;
        line-height: 1.26;
    }

    .content-wrap-home p {
        font-size: 14px;
        line-height: 20px;
    }


    .suggestion-page header {
        padding: 40px 0 0 0;
        height: 140px;
        position: inherit;
        display: block;
    }

    .suggestion-page header .logo,
    .suggestion-page header .logo a {
        display: block;
    }

    .suggestion-page .content-wrap-top {
        padding-top: 40px;
    }
/*---5 7*/

    ul.que-ans.ans-text.input-container-7 {
       

        width: 100% ;
        display: flex;
    justify-content: space-between;
   
    padding:0;
    }

/*  6 to 8  */
    ul.que-ans.ans-text.input-container-8 {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        width: 100%;
    }


ul.que-ans.ans-text.input-container-8 li#ck-button label{
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    padding: 22px 44px;
    width: 100% ;
    
}

ul.que-ans.ans-text.input-container-8 li#ck-button label input{
    
    left: 17px;
    top: 18px;
    width: 15px;
    height: 15px;
    position: absolute;
    
}
   
/*------*/

/*14 -- 16*/
    ul.que-ans.ans-text.input-container-16 {
        column-count: 1;
        display: list-item;
       
    }


    ul.que-ans.ans-text.input-container-16 li#ck-button label {

        min-width: 0px;
        padding: 12px 39px;


    }
    
    ul.que-ans.ans-text.input-container-16 li#ck-button{
        margin: 0px 0px 10px !important;
        
        
    }
/*---------*/

/*  16 se 19*/
    ul.que-ans.ans-text.input-container-19 li#ck-button label {

        min-width: 0px;

    }
/*2--3*/
    ul.que-ans.ans-text.input-container-3 li#ck-button span {
        font-size: 10px !important;
        text-align: center;
        font-weight: 600 !important;
    }
/*  14 to 16  */

    ul.que-ans.ans-text.input-container-16 li#ck-button label span {

        line-height: 16px;

    }
/*--------*/

/*---16 se 19*/
    ul.que-ans.ans-text.input-container-19 li#ck-button label span {

        line-height: 16px;

    }
/*15  se 17*/

    ul.que-ans.ans-text.input-container-17 {
        display: list-item;
       
        column-count: 1;
    }
/*------*/
/*   16 se 19*/
    ul.que-ans.ans-text.input-container-16 {
        display: list-item;
        width: 100%;
        column-count: 1;
    }

/*----*/

/*17   se  20*/
    ul.que-ans.ans-text.input-container-20 li#ck-button label span {

        font-size: 12px;
     line-height: 18px;
    padding: 12px 37px;
    font-weight: 600 !important;
    
    }

    ul.que-ans.ans-text.input-container-20 {
        display: list-item;
        width: 100%;
        column-count: 1;
    }

    ul.que-ans.ans-text.input-container-20 li#ck-button label {
        min-width: 0px;
    }
/*------------*/

    /* contaner18 se 21   */
    
    ul.que-ans.ans-text.input-container-21 li#ck-button{
            margin: 0px 0px 10px !important;
        
    }

    ul.que-ans.ans-text.input-container-21 li#ck-button label span {

        font-size: 12px;
        line-height: 14px;
        padding: 12px 43px;
        
    font-weight: 600 !important;
    }

    ul.que-ans.ans-text.input-container-21 {
        display: list-item;
        width: 100%;
        column-count: 1;
    }

    ul.que-ans.ans-text.input-container-21 li#ck-button label {
        min-width: 0px;
    }
/*-----------*/

    /* contaner19 se 22 */

    ul.que-ans.ans-text.input-container-22 li#ck-button label span {

        font-size: 12px;
        line-height: 14px;
    padding: 15px 38px;
    font-weight: 600 !important;
    
    }

    ul.que-ans.ans-text.input-container-22 {
        display: list-item;
        width: 100%;
        column-count: 1;
    }

    ul.que-ans.ans-text.input-container-22 li#ck-button label {
        min-width: 0px;
        padding: 12px 40px;
    }

/*------------*/
    /* contaner20  se 23 */

    ul.que-ans.ans-text.input-container-23 li#ck-button label {
        padding: 0px 0px;
    }

    ul.que-ans.ans-text.input-container-23 li#ck-button {

        margin: 10px;

    }
/*------*/
ul.que-ans.ans-text.input-container-2 li#ck-button .imgrap{
    
   padding: 13px 18px !important;
    
}
/*   7 to 9*/
ul.que-ans.ans-text.input-container-9{
    
        padding: 0px 0px;
    
}
/*----*/

/*8--10*/
ul.que-ans.ans-text.input-container-10{
    
     padding: 0px 0px;
}
/*-----*/
/*  19 se 22 */
ul.que-ans.ans-text.input-container-22 li#ck-button input:checked + span{
    
    padding: 15px 37px;
    
}

ul.que-ans.ans-text.input-container-22 li#ck-button{
    
    margin: 0px 0px 10px !important;
}
/*-------*/

.content-wrap-single.que-active {
    height: 90vh;
}
    /**
      * Quesiton page
      **/

    .qustion-single h2 {
        width: auto;
    }

    .que-ans li {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .searh-icon img {
        width: 120px;
    }

    .ans-text li a {
        padding: 18px 30px;
    }

    .ans-text li a,
    .questions-wrap h4 {
        font-size: 13px;
    }

    .qustion-single h2 {
        font-size: 22px;
        line-height: 1.29;
    }


/*mmmmm  --end */

ul.que-ans.ans-text.input-container-1 li#ck-button label {
    
    width: 55% !important;
    
}

ul.que-ans.ans-text.input-container-1 li#ck-button label span{
    text-align: center !important;
    
}


ul.que-ans.ans-text.input-container-4 li#ck-button label {
    
    width: 55% !important;
    
}

ul.que-ans.ans-text.input-container-4 li#ck-button label span{
    text-align: center !important;
    
}


ul.que-ans.ans-text.input-container-18 li#ck-button label {
    
    width: 55% !important;
    
}

ul.que-ans.ans-text.input-container-18 li#ck-button label span{
    text-align: center !important;
    
}

ul.que-ans.ans-text.input-container-24 li#ck-button label {
    
    width: 55% !important;
    
}

ul.que-ans.ans-text.input-container-24 li#ck-button label span{
    text-align: center !important;
    
}


ul.que-ans.ans-text.input-container-3 li#ck-button label img{
    
    width: 43px !important;
}


ul.que-ans.ans-text.input-container-7 li#ck-button label{
    
        padding: 0px 0px !important;
}



ul.que-ans.ans-text.input-container-19{

      
    width: 100% !important;
}




div#submit-button-group-24 {
    position: absolute;
    top: 250px;
}
    /**
      * 
      **/
    /**
      * Quesiton 2
      **/
    .other-pages header {
        display: none;
    }

    .other-pages .main-content {
        height: auto;
    }

    .other-pages .content-wrap .content-wrap-single {}




    .border-radius li {
        width: 130px;
        height: 130px;
        line-height: 174px;
        margin: 0 3px;
    }

    /*** suggestion **/
    .content-wrap-top-img {
        width: 140px;
        height: 140px;
        padding-bottom: 0px;
    }

    .content-wrap-top-img img {
        position: relative;
        max-width: 75%;
    }

    .content-wrap-top h2 {
        font-size: 21px;
        width: auto;
    }

    .content-wrap-top h1 {
        font-size: 48px;
        line-height: 1.2;
    }

    .suggestion-link {
        margin-top: 35px;
    }

    .rectangle {
        width: 100%;
    }

    .feature-post p {
        width: auto;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0px;
        word-spacing: 1px;
    }

    .suggestion-link button,
    .suggestion-slide a,
    .feature-post a {
        font-size: 15px;
    }

    ul.que-ans.ans-text #ck-button label,
    ul.que-ans.ans-text #ck-button {
        width: 100%;
    }

    ul.que-ans.ans-text #ck-button.isRadius label,
    ul.que-ans.ans-text #ck-button.isRadius {
        width: 100%;
        height: 100%;
        display: block;
        overflow: hidden;
    }


    .que-ans {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.que-ans.ans-text #ck-button.isRadius {
        display: inline-block;
        margin: 2px;
        flex-grow: unset;
    }

    .que-ans {
        padding: 0px;
    }

    #ck-button.isCircle {
        width: 140px !important;
        height: 140px !important;
        line-height: 140px;
        display: inline-block;
    }

    #ck-button.isCircle {
        margin: 0px 3px;
    }

    .que-ans .isCircle img {
        width: 65px !important;
    }

    ul.que-ans.ans-text #ck-button button,
    ul.que-ans.ans-text #ck-button label span {
        font-size: 13px;
    }

    .suggestion-link h2 {
        font-size: 21px;
        width: 236px;
        margin: auto;
    }

    .slider {
        width: auto !important;
    }

    .feature-post a,
    .suggestion-slide a, .suggestion-link button {
        width: 100%;
        height: 54px;
    }

    .feature-post a,
    .suggestion-slide a {
        line-height: 54px;
    }

    .feature-post h2 {
        font-size: 20px;
    }

    .content-wrap-top {
            padding-top: 30px;
    }


    body.other-pages {
        min-height: auto;
        display: inherit;
    }

    .other-pages .content-wrap-single {
        height: 80vh;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 20px 0px 0px;
    }

    .home-page .owl-carousel {
        margin: 20px 0px;
    }

    a.btn-lrg {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    .content-wrap-home h2 {
        margin-bottom: 10px;
    }


    .questions-wrap .qustion-single h2 {
        font-size: 28px;
    }
/*  3 se 5*/

    ul.que-ans.ans-text.input-container-5 input.form-control {
        min-width: 100%;
    }
/*----ccc 1 se 2*/
    ul.que-ans.ans-text.input-container-2 input.form-control {
        min-width: 100%;
    }

/*---4 -6*/
    ul.que-ans.ans-text.input-container-6 li#ck-button label span {

        font-size: 12px !important;
        font-weight: 600 !important;
    }

    ul.que-ans.ans-text.input-container-6 li#ck-button {

        width: 100%;
        margin: 0px 0px 12px !important;
    }

ul.que-ans.ans-text.input-container-6{
    
    padding: 0;
}
    ul.que-ans.ans-text li#ck-button label span {

        font-size: 12px !important;
        text-align: left;

    }
/*-------------*/
/*---7 to 9*/
    ul.que-ans.ans-text.input-container-9 li#ck-button {

        width: 100%;

    }


    ul.que-ans.ans-text.input-container-9 li#ck-button label span {

        line-height: 14px;
        text-align: left;
        font-weight: 600 !important;
    }


ul.que-ans.ans-text.input-container-9 li#ck-button{
    
        margin: 0px 0px 10px !important;
}
    ul.que-ans.ans-text.input-container-9 li#ck-button label {

        padding: 12px 35px;

    }

/*------*/
/*---8 to 10 */
    ul.que-ans.ans-text.input-container-10 {

        width: 260px;

    }

    ul.que-ans.ans-text.input-container-10 li#ck-button label span {

        line-height: 14px;
        font-weight: 600 !important;
    }

    ul.que-ans.ans-text.input-container-10 li#ck-button label {

        padding: 15px 35px;
    }

/*---5 --7*/
    ul.que-ans.ans-text.input-container-7 li#ck-button label {

        min-width: 85%;
    }
    
    ul.que-ans.ans-text.input-container-7 li#ck-button{
       margin: 0px 0px 10px !important;
       
    }
/*------*/
/*8 to 10*/
    ul.que-ans.ans-text.input-container-10 li#ck-button label span {
        text-align: left;

    }
/*---*/
/*9 --11*/
    ul.que-ans.ans-text.input-container-11 li#ck-button label span {

        text-align: left;
        font-weight: 600 !important;
    }

ul.que-ans.ans-text.input-container-11 li#ck-button{
    
    margin: 0px 0px 20px !important;
    
}

/*-----*/

/*11 --13*/
ul.que-ans.ans-text.input-container-13 li#ck-button {
    
    margin: 0px 0px 20px !important;
}
/*---*/
/*---12 se  14--*/
ul.que-ans.ans-text.input-container-14 li#ck-button label{
    padding: 27px 70px !important;
    
}

ul.que-ans.ans-text.input-container-14 li#ck-button label span{
    font-weight: 600 !important;
    
}

ul.que-ans.ans-text.input-container-14 li#ck-button{
    margin: 0px 0px 20px !important;
    
}

/*---------*/
/*   10 --12*/
    ul.que-ans.ans-text.input-container-12 {

        display: flex;
        flex-wrap: wrap;
    }
/*-----*/

/*13 --15*/
    ul.que-ans.ans-text.input-container-15 li#ck-button label span {

        line-height: 15px;
        font-size: 12px !important;
        padding: 16px 32px !important;
        font-weight: 600 !important;

    }
    
    
    
   /*14 --16*/

    ul.que-ans.ans-text.input-container-16 li#ck-button label {

        padding: 0px 0px;
    }

/*6 --8*/
    ul.que-ans.ans-text.input-container-8 li#ck-button {

        width: 100%;
    }
/*-----*/
/*  8 to 10 */
    ul.que-ans.ans-text.input-container-10 {

        width: 100%;
    }

    ul.que-ans.ans-text.input-container-10 li#ck-button {

        width: 100%;
        margin: 0px 0px 10px !important;
    }
/*-----*/
/*  13 --- 15  */
    ul.que-ans.ans-text.input-container-15 {

       width: 100%;
    }

    ul.que-ans.ans-text.input-container-15 li#ck-button {

        width: 100%;
            margin: 0px 0px 12px !important;
    }

    ul.que-ans.ans-text.input-container-15 li#ck-button label {
        width: 100%;

    }
    
    /*---------------*/
    /*10 --12*/

    ul.que-ans.ans-text.input-container-12 li#ck-button label {
        width: 100%;

    }

ul.que-ans.ans-text.input-container-12 li#ck-button{
    margin: 0px 0px 10px !important;
    
}

ul.que-ans.ans-text.input-container-12 li#ck-button label span{
    
    font-weight: 600 !important;
}
/*-------------*/
/*--11---13*/
ul.que-ans.ans-text.input-container-13 li#ck-button label span{
    font-weight: 600 !important;
    
}
/*--------*/

/*14 se 16*/
    ul.que-ans.ans-text.input-container-16 {

        width: 100%;
    }

/*   15  --17*/
    ul.que-ans.ans-text.input-container-17 li#ck-button label {

        min-width: 237px;
    }

    ul.que-ans.ans-text.input-container-17 {

        width: 100%;
    }

/*-----*/

/*  16 se 19*/
    ul.que-ans.ans-text.input-container-19 li#ck-button label {

        width: 100%;

        padding: 0px 0px;
    }

    ul.que-ans.ans-text.input-container-19 li#ck-button label span {

        padding: 12px 35px;
        font-size: 12px !important;
    font-weight: 600 !important;
        
    }
    /*----*/
    
    /* 18 se 21 */
    ul.que-ans.ans-text.input-container-21 li#ck-button label input{
        
        top: 12px;
        
    }
    
    /*------*/
    
    
/*-----16 se 19*/
    ul.que-ans.ans-text.input-container-19 li#ck-button {


        width: 100%;
        margin: 0px 0px 10px !important;
        
    }

    ul.que-ans.ans-text.input-container-19 li#ck-button input:checked+span {

        padding: 12px 35px;
    }
/*-----*/
/*   17  se 20*/
    ul.que-ans.ans-text.input-container-20 li#ck-button {

        width: 100%;
            margin: 0px 0px 10px !important;
    }

    ul.que-ans.ans-text.input-container-20 li#ck-button input:checked+span {

        padding: 12px 40px;
    }
/*-------*/
/*  18 se 21  */
    ul.que-ans.ans-text.input-container-21 li#ck-button input:checked+span {

        line-height: 14px;

        padding: 12px 43px;
    }
/*---------*/

/* 19 se 22*/
    ul.que-ans.ans-text.input-container-22 li#ck-button label {

        padding: 0px 0px;
    }
/*----------*/
/*  20  --- 23*/
    ul.que-ans.ans-text.input-container-23 li#ck-button .imgrap {

        padding: 6px 12px;

    }

    ul.que-ans.ans-text.input-container-23 li#ck-button input:checked+.imgrap {

        padding: 6px 12px;
    }


    ul.que-ans.ans-text.input-container-23 li#ck-button label span {

        padding: 14px 0px !important;
    font-size: 12px !important;
    text-align: center;
    font-weight: 600 !important;
    }
}
/*--------*/

@media (min-width: 320px) and (max-width: 380px) {
    ul.que-ans.ans-text #ck-button.isRadius {
        display: inline-block;
        margin: 2px;
        flex-grow: unset;
    }

    .home-page .main-content {
        margin-top: 30px;
    }

    .home-page {
        display: flex;
        justify-content: flex-start;
        padding-top: 20px;
    }

    a.btn-lrg {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    .content-wrap-home h2 {
        margin-bottom: 15px;

    }

}

@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {

    .home-page header {
        min-height: auto;
        height: auto;
        position: inherit;
        padding: 10px 0 0 0;
    }

    .main-content {
        margin: 30px 0px;
    }

    .logo {
        text-align: center;
    }

    .logo img {
        width: 96px;
        height: 96px;
    }

    .content-wrap-home h2 {
        font-size: 48px;
        line-height: 0.94;
    }

    .content-wrap-home p {
        font-size: 13px;
        line-height: 1.38;
    }

    /**
      * Quesiton page
      **/
    .qustion-single h2 {
        width: auto;
    }

    .que-ans li {
        margin-right: 0;
    }

    .ans-icon li {
        height: initial;
        display: inline-block;
        margin-bottom: 7px;
    }


    /**
      * 
      **/
    .other-pages-header {
        display: none;
    }

    .border-radius li {
        width: 150px;
        height: 150px;
        line-height: 186px;
        margin: 0 15px;
    }


    ul.que-ans.ans-text #ck-button label,
    ul.que-ans.ans-text #ck-button {
        width: auto;
    }


    ul.que-ans.ans-text #ck-button.isRadius {
        width: 150px;
        height: 150px;
        display: inline-block;
        margin-bottom: 4px;
    }

    #ck-button.isCircle {
        width: 150px !important;
        height: 150px !important;
        line-height: 150px;
        display: inline-block;
    }

    .suggestion-page .content-wrap-top {
        padding-top: 0px;
    }

    .content-wrap-top h1 {
        line-height: 90px;
    }


    a.btn-lrg {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }


}