/*Icon*/
@font-face { font-family: "Ionicons"; src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1"); src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg"); font-weight: normal; font-style: normal; }

/* SET CSS QUIZ container */
.quiz-container span,.quiz-container div,.quiz-container p {
    font-family: "Gotham Rounded A", "Gotham Rounded B"; 
}

.quiz-container {
    width: 100%;
    padding: 0px 20px;
    /*padding-bottom: 75px;*/
}

.quiz-container .img-Quiz {
    background-position: center;
    box-sizing: content-box;
    background-color: #1eacdc;
    border: 6px solid #e7dee8;
    min-height: 550px;
    background-repeat: no-repeat;
    margin-top: 30px;
    position: relative;
    max-width: 760px;
    margin: 0 auto;
}
.quiz-container.PQ .img-Quiz {
    position: relative;
}
.quiz-container .img-Quiz div.sg-survey{
    padding-bottom: 70px;
}

/* SET CSS BG QUIZ START */
/*.quiz-container.PQ .img-Quiz {
    background-image: url('../img/backgrounds/img-Bg-Personality.jpg');
        background-size: 80% 100%;
    background-color: #1eacdc;
}*/
.quiz-container.PTRW .img-Quiz {
    background-image: url('../img/backgrounds/img-Bg-PTvsBW.jpg');
}
.quiz-container.RN .img-Quiz {
    /*background-image: url('../img/backgrounds/img-Bg-Readiness.jpg');*/
        background-image: none;
    background-color: #fc7404;
}
.quiz-container.PQ .img-Quiz.BG-White-Img-TopRight {
    /*background: url('../img/backgrounds/img-Bg-Personality-Top.jpg') no-repeat top right !important;*/
    /*WPGN-1513*/
    /*background-image: url('../img/backgrounds/img-Bg-Personality-Top.jpg');*/
    /*background-position: top right, top;*/
    background-repeat: no-repeat;    
    background-size: contain;
    /*WPGN-1558*/
    min-height:0px !important; 
    background-color: #1eacdc;
}

/* GLOBAL CSS FOR QUIZ */
.quiz-container .contentText {
    padding: 40px 20px 0px 20px;
    position: relative;
    max-width: 790px;
    margin: 0 auto;
}

.quiz-container .contentText a:hover {
    text-decoration:underline
}
.quiz-container .contentText > .backText {
    margin:0px 0px 40px 0px;
    font-size:16px;
}
.quiz-container .contentText > .header {
    margin:0px 0px 40px 0px;
    font-size:35px;
}
.quiz-container .contentText > .detail {
    margin: 0px 20px 75px 0px; 
    font-size: 22px;
    color:#333333;
}
.img-Quiz.bg-Result .content-box span img {
    width:38px;
    height:38px;
    margin: 0px 6px;
}
.quiz-container .text-purple-light, .img-Quiz.bg-Result a {
    color: #691b72;
}
.img-Quiz.bg-Result a
{
    text-decoration:none;
}
.img-Quiz.bg-Result a:not(.button):hover
{
    text-decoration:underline;
}
.quiz-container .text-bold {
    font-weight: bold;
}
.quiz-container .article-bg {
    z-index: -1;
}
.quiz-container .img-Quiz .sg-header, .sg-footer, .sg-body, .sg-type-radio, .qStage {
    display: none;
}
.quiz-container .img-Quiz .sg-survey .sg-mobile-optimized .sg-footer,
.quiz-container .img-Quiz strong.sg-required-icon {
    display: none !important;
}
.quiz-container .sg-survey .sg-mobile-optimized .sg-question.sg-type-radio .sg-question-options label {
    transition:none;
    border: initial;
    border-radius:inherit;
    padding: initial;
    position:initial;
    margin-left: 1.5em;
}
.quiz-container .img-Quiz .sg-survey .sg-mobile-optimized input[type=radio]:checked + label {
    color:initial;
}
.quiz-container .img-Quiz .button {
    border-radius: 1000px;
    background-color: #691b72;
    /*max-height: 40px;*/
    border: 0;
    font-size: 12px;
    /*font-family: "GothamRndBook";*/
    color: #fff;
    padding: 10px 20px;
    font-weight: bold;
    width: 23.5%;
    margin-top: 40px;
    transition: none;
    width: 275px;
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.quiz-container .img-Quiz .qNav {
    width: auto !important;
    padding: 10px 25px !important;
}
.quiz-container .img-Quiz .button:hover {
    background: -moz-linear-gradient(top, #8d5294 0%, #6f2478 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8d5294), color-stop(100%, #6f2478));
    background: -webkit-linear-gradient(top, #8d5294 0%, #6f2478 100%);
    background: -o-linear-gradient(top, #8d5294 0%, #6f2478 100%);
    background: -ms-linear-gradient(top, #8d5294 0%, #6f2478 100%);
    background: linear-gradient(to bottom, #8d5294 0%, #6f2478 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d5294', endColorstr='#6f2478',GradientType=0 );
}

/** CSS FOR PULL UPS SURVEY **/
.quiz-container .img-Quiz .sg-body {
    padding:0px;
}
.PQ.content.quiz-container .sg-body {
    margin: 60px 40px;
}
.PQ.quiz-container .img-Quiz>.qStageNavigate>.qNav.Back {
    margin-left: 10px;
}
.PQ.quiz-container .img-Quiz>.qStageNavigate>.qNav.Next {
    margin-right: 10px;
}
.quiz-container .img-Quiz .sg-body, .sg-wrapper {
    background-color: transparent !important;
}
.quiz-container .img-Quiz .sg-body > form.sg-survey-form {
    width: 100%;
}
.quiz-container .img-Quiz .sg-body > form.sg-survey-form .sg-page-title {
    display: none;
}
.quiz-container .img-Quiz .sg-body > form.sg-survey-form .sg-page-title, 
.quiz-container .img-Quiz .sg-body.sg-mobile-optimized .sg-page-title {
    margin: 0px !important;
}
.quiz-container .img-Quiz .sg-body .sg-content, .quiz-container .img-Quiz .sg-content, .sg-survey .sg-mobile-optimized .sg-content,
.quiz-container.PQ .img-Quiz .sg-survey .sg-mobile-optimized .sg-question-options {
    padding: inherit;
    margin-bottom: inherit;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question {
    border: none;
    text-align: center;
    /*font-family: "GothamRndBook";*/
    margin: 25px 0px 0px 0px;
    visibility: initial;
    height: auto;
}
.PQ.quiz-container .img-Quiz div.sg-survey {
    padding: 40px;
    background-image: url(../img/backgrounds/img-Bg-Personality-Top.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height:450px;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title {
    text-align: left;
    margin-left: 65px;
    font-size: 17pt;
    color: #fff;
    margin-right: 65px;
    background:transparent;
    width:auto;
    height:auto;
    padding-top:20px;
    display:inline-block;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question span {
    color: #691b72;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions {
    margin: -0.8em 0px;
    padding-top: 100px;
    padding-left:100px;
    padding-right:100px;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions > span {
    font-size: 24.5px;
}
.quiz-link-wrapper{
    display: table;
    width: 100%;
    margin-top: 20px;
}
.quiz-link-wrapper a {
    color: #691b72;
}
.quiz-link-wrapper .options2{
        display: table-cell;
        text-decoration:underline;
}

/* CSS KILL STYLE OPTION SURVEY */
.quiz-container.PQ .img-Quiz .sg-body .sg-question-options,
.quiz-container.PQ .img-Quiz .sg-survey .sg-mobile-optimized .sg-question-options
{
    padding: 0px 0px;
    padding-top: 43px;
}
.quiz-container.RN .img-Quiz .sg-body .sg-question-options, 
.quiz-container.PTRW .img-Quiz .sg-body .sg-question-options {
    padding: 0px 0px;
    padding-top: 40px;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question ul.sg-list {
    display: table;
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question ul.sg-list {
    display: table;
    position: relative;
    width: 100%;
    margin-left: 0;
}
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
    clear: none;
    float: left;
    background-color: #EDECE7;
    cursor: pointer;
    font-size: 18px;
    /*font-family: GothamRndBook;*/
    text-align: left;
    margin: 2px 0px 0px 0px;
}
.quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
    width: 100%;
    /*padding: 0px;*/
    vertical-align: middle;
    /*min-height: 80px;
    display: table; // block;*/ 
    /*WPGN-1431*/
    display: table;
    padding: 3.292%;
     box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 5px;
    border-radius: 10px;
}    

.quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li{
    width: 49%; /*49.852%;*/
    padding: 22px 20px 22px 65px;
    display: inline-block;
    margin-right: 0.13%;  /*15*/
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
      margin: 0 5px;
    border-radius: 5px;
}
.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
    width: 49%; /*49.852%;*/
    padding: 22px 20px 22px 65px;
    display: inline-block;
    margin-right: 0.13%;  /*15*/
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li:nth-child(even),            
.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li:nth-child(even) {
 margin-right: 0.09%;
    margin-left: 0.04%;
}
.quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options.sg-last-li{
    margin-top:0;
}

/*.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li:hover {
    background-color: #E1CDE2;
}*/
.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li.BgActive {
    background-color: #E1CDE2;
}
.quiz-container .img-Quiz form.sg-survey-form ul.sg-list input[type=checkbox] + label:before,
.quiz-container .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before {
    font-weight: 600 !important;
    font-family: "FontAwesome" !important;
    font-size: 0rem !important;
}
.quiz-container.PQ .img-Quiz form.sg-survey-form ul.sg-list input[type=checkbox] + label:before,
.quiz-container.PQ .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before {
    left: 8.2%;
    /*top: 35%;*/ /*WPGN-1431*/
    /*top: 37.5%;*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=checkbox] + label:before,
.quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before,
.quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=checkbox] + label:before,
.quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before {
    left: 17%;
    /*top: 27px;*/
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.quiz-container .img-Quiz form.sg-survey-form ul.sg-list input.sg-input-checkbox + label:before, ul.sg-list input.sg-input-radio + label:before {
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #691b72;
    border-radius: 100%;
}

.quiz-container .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
    /*content: "\f00c" !important;*/
    text-align: center;
    background-color: #691b72 !important;
    color: white !important;
    margin-top:0px !important;
    /*font-family: "FontAwesome" !important;*/
    font-size:15px !important;
    font-family: "Ionicons" !important;
    content: "\f122";
}
.quiz-container.PQ .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
    
    padding-top: 0.1em;
    /*top: 35.5%;*/
}

.quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before 
.quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
    padding-top: 0.1em;
}

.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
    border: none;
    text-align: left;
    background-color: inherit;
}
.quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
    width: 95%;
    padding-left: /*14%;*/ 8%; /*WPGN-1431*/
    /*display: table-cell;*/ /*WPGN-1431*/
    /*margin-top:3.8%;*/ /*WPGN-1431*/
    vertical-align: middle;
}

.quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label,
.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
    padding-left: 8%;
    /*padding-top: 10px;*/
        width: 90%;
}

.quiz-container .img-Quiz form.sg-survey-form .sg-mobile-optimized ul.sg-list input[type=radio]:checked + label:before {
    padding-top: 0.15em !important;
    color:inherit !important;
}
img.arrow_icon{
    width:6px;
    padding-bottom: 2px;
    float:left;
}

/* CSS FOR STAGE NAVIGATE ON TOP QUIZ */
.quiz-container .img-Quiz>.qStage {
    padding-top: 25px;
    margin-left: 65px;
    /*"GothamRndMedium"*/
    color:#fff;
}

.quiz-container .img-Quiz > .qStage > .qCurrent,.quiz-container .img-Quiz > .qStageNavigate {
    font-weight:bold;
}
.quiz-container .img-Quiz > .qStage div {
    display: inline-block;
}
.quiz-container .img-Quiz > .qStageNavigate {
    width: 81.5%;
    text-align: center;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav {
    cursor: pointer;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav.Back {
    padding-right: 1%;
}
.quiz-container .img-Quiz  > .qStageNavigate > .qNav.Next {
    padding-left: 1%;
}
.quiz-container .img-Quiz  > .qStageNavigate > .qNav.Next.Disable {
    color: #666666 !important;
    cursor: default;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav:hover {
    color: #982CA4;
}
.PQ.quiz-container .img-Quiz>.qStageNavigate{
    position:relative;
    display:none;
}
.quiz-container.PTRW .text-purple-light {
    color: #691b72 !important;
}
.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question>.sg-question-title {
    text-align: left;
    margin-left: 65px;
    font-size: 17pt;
    color: #691b72;
    margin-right: 65px;
    background: transparent;
    width: auto;
    height: auto;
}
.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question>.sg-question-options ul.sg-list-vertical li {
    clear: none;
    float: left;
    background-color: #edece7;
    cursor: pointer;
    font-size: 18px;
    text-align: left;
 margin-top:2px !important; 
        margin-right: .13%;
}
.quiz-container.PTRW .img-Quiz>.qStage .qStageNavigate{
  position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background-color: #edece7;
    display: table;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
}
section.quiz-container.RN.content .qStageNavigate{
    display: table;
     position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background-color: transparent;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
}
.quiz-container .img-Quiz>.qStage>.qStageNavigate>.qNav.Back {
    float: left;
    margin: 15px 15px 15px 7%;
}
.quiz-container .img-Quiz>.qStage>.qStageNavigate>.qNav.Next {
    float: right;
    margin: 15px 7%;
}
/*.quiz-container.PQ .img-Quiz .qStageNavigate{
    display:none;
}*/
.quiz-container .img-Quiz > .qStageNavigate > .qNav.Back {
    padding: 11px 10px;
    float: left;
    margin: 15px 15px 15px 7%;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav.Next {
    padding-left: 1%;
    float: right;
    margin: 15px 7%;
    width:15%;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav.Next.button.round.Disable{
    background-color: #CBCBCF;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav.Next:hover{
    color:white !important;
}
.quiz-container .img-Quiz > .qStageNavigate > .qNav.Next.button.round.Disable:hover {
    background: #CBCBCF;
    color: #666666 !important;
}
.resultQuizPUP .rMessage img {
    height: 200px;
    width: 200px;
}
/* Mobile CSS*/
.quiz-container .img-Quiz .sg-int-virtual-page .sg-question-set {
    height: auto !important;
    overflow-y: hidden !important;
}


/************************************************************************************************************************/
/************************************************* Style RESULT of QUIZ *************************************************/
/************************************************************************************************************************/
/******************************************* Personal Result Drawer & Landing********************************************/
/************************************************************************************************************************/
.quiz-container.resultPQ .img-Quiz
{
    min-height: 0px !important;
}
.text-Uppercase
{
    text-transform: uppercase;
}
#personality-results .content-box .share h3
{
    color:#333333;
    border-bottom: 1px solid #a6a5a3;
}
#personality-results .content-box .background [class*='options'] a
{
    color:#691b72 !important;
}
#personality-results .content-box
{
    background-image: url('../img/backgrounds/bg-bubbles.png'); /*imgBubble*/
    background-repeat: no-repeat;
    background-size: 100%;
}
#personality-results .container
{
    display: table;
    width: 100%;
}
#personality-results .content-box .background
{
    height:auto;
    background: #f2f1ed;
    padding-bottom:30px;
}
#personality-results .content-box .background .columns.right
{
    width: 64.1%;
}
#personality-results .content-box .background [class*='options'],
#personality-results .content-box .share,
#personality-results .content-box .background .button
{
    position:static;
    display:inline-block;
}
.quiz-container #personality-results .content-box .background .wt-button{
    height: auto;
    padding: 7px 0;
    margin-bottom:0;
}

#personality-results .content-box .animals
{
    left: 60px;
    bottom: 82%;
    width: 31%;
    max-width:210px;
}
#personality-results .content-box .share
{
    bottom: 0px;
    margin-top: -3.5%;
    /* padding-left: 12%; */
    margin-left: 100px;
    max-width: none;
    /*max-width: 186px;*/
    max-width:126px;
    min-width:126px;
    float: left;
}
#personality-results .content-box .share #div-share-quiz .gig-bar-container,
#personality-results .content-box .share #div-share-quiz-drawer .gig-bar-container{
    background:none;
    padding:0px;
    margin:0px;
}
#personality-results .content-box .share #div-share-quiz div.gig-button-container,
#personality-results .content-box .share #div-share-quiz-drawer div.gig-button-container{
   padding: 0 5px 0 5px;
}
#personality-results .content-box .linkCTA
{
    margin:0px;
    display:inline-block;
    padding-left: 95px;
}
#personality-results .content-box .linkCTA a{
    white-space:pre;
}

#personality-results .content-box .background [class*='options'] {
    margin:0px;
    width:auto;
}
#personality-results .content-box .background [class*='options']:first-child {
    padding-right: 5px;
    font-size: 10px;
    float:none;
}
.quiz-container #personality-results .content-box .linkCTA .options1 {
    float: none;
}
.quiz-container #personality-results .content-box .linkCTA .options2 {
    float: none;
}
#personality-results .content-box .background .button
{
    margin-left: 320px;
    padding: 1.2% 0%;
    width: 31%;
    font-size: 9pt;
    max-width: 220px;
     width : 280px !important; 
     color: #fff;
}
#personality-results a.button.getcoupon.round.text-uppercase
{
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 2px solid rgb(105, 27, 114);
    color: rgb(105, 27, 114);
    padding: 1.2% 0%;
    font-family: "Gotham Rounded A","Gotham Rounded B";
    font-weight: 500;
    margin-top: 0px;
    text-transform: uppercase;
}
/*New result quiz*/
.resultPQ .featured-box {
    background: #eee;
    padding: 20px;
    display:table;
    margin-top:25px;
}
    .resultPQ .personality-wrapper{
               display:table-cell;
        vertical-align:middle;
        float:none !important;
        padding:20px;
    }

.resultPQ span.enroll{
display: block;
    margin: 20px auto;
}
.resultPQ .messenger-wrapper{
        display: inline-block;
    text-align: center;
    width: 100%;
}
.resultPQ  a.button.round.messenger {
    color:#fff;
    background:#08c;
}
.resultPQ.quiz-container p {
    margin-bottom: 0;
    margin-top: 20px;
}
a.retake-quiz {
    margin-top: 20px;
    display: block;
    text-align: center;
    text-decoration: underline;
        display: table-cell;
    width: 50%;
    text-align: right;
    padding-right: 15px;
}
/*End New result quiz*/


/* For Landing Page overwrite */
.quiz-container.resultPQ div#personality-results.reveal-modal
{
    position:relative;
    display: block;
    visibility:visible; 
    width:100%;
    max-width:none;
    box-shadow:none;
    border:none;
}
.quiz-container.resultPQ #personality-results .content-box
{
    border:none;
}
.quiz-container.resultPQ #personality-results .content-box .text-content
{   
    margin: 0px 100px 30px 320px;
    padding-top: 40px;
}
.quiz-container.resultPQ #personality-results .content-box .background
{
    /*min-height:200px;*/
    padding-bottom:65px;
}
/************************************************************************************************************************/
/********************************* PottyTraining Bedwetting & Readiness Result Landing **********************************/
/************************************************************************************************************************/

.quiz-container.resultPTRW .img-Quiz.bg-Result {
    background-color: rgba(255,255,255,1);
    background: url('../img/backgrounds/imgBubble.png');
    background: url('../img/backgrounds/imgBubble.png'), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/imgBubble.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,227,227,1)));
    background: url('../img/backgrounds/imgBubble.png'), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/imgBubble.png'), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/imgBubble.png'), -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/imgBubble.png'), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
    background-repeat: no-repeat;
    background-size: 100%;
}
.quiz-container.resultRN .img-Quiz.bg-Result
{
    background-color: rgba(255,255,255,1);
    /*background: url('../img/backgrounds/img-Bg-RN-Result.png');
    background: url('../img/backgrounds/img-Bg-RN-Result.png'), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/img-Bg-RN-Result.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,227,227,1)));
    background: url('../img/backgrounds/img-Bg-RN-Result.png'), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/img-Bg-RN-Result.png'), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/img-Bg-RN-Result.png'), -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
    background: url('../img/backgrounds/img-Bg-RN-Result.png'), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);*/
    background:none;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.quiz-container.resultRN .img-Quiz.bg-Result .BgTop,
.quiz-container.resultPTRW .img-Quiz.bg-Result .BgTop {
    background-image: url('../img/backgrounds/imgBubble.png'); /*imgBubble*/
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px;
    min-height: 232px;
    /*display:none;*/
}
.quiz-container.resultRN .img-Quiz.bg-Result .BgBottom,
.quiz-container.resultPTRW .img-Quiz.bg-Result .BgBottom {
    position: absolute;
    background-color: white;
    bottom: 0px;
    width: 100%;
    height: 62px;
    text-align: center;
    display: table;
}
.quiz-container.resultRN .img-Quiz.bg-Result .BgBottom > .StartOverBottom,
.quiz-container.resultPTRW .img-Quiz.bg-Result .BgBottom > .StartOverBottom {
    border: none;
    padding: 0px;
    margin: 0px;
    font: bold 14px;
    display: table-cell;
    vertical-align: middle;
    color: #691b72;
}

.quiz-container.resultPTRW .img-Quiz.bg-Result .BgBottom > .StartOverBottom:hover {
    text-decoration:underline;
}
.quiz-container.resultRN .img-Quiz.bg-Result .BgBottom > .StartOverBottom .sg-instructions,
.quiz-container.resultPTRW .img-Quiz.bg-Result .BgBottom > .StartOverBottom .sg-instructions {
    margin: 0px;
}
.quiz-container.resultPTRW .BgBottom > .StartOverBottom::after {
    content: " >";
}

.quiz-container.resultPTRW .resultPUP .resultQuizPUP {
    text-align:center;
    padding-top:50px;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP
{
    text-align:center;
    padding-top:160px;    
    width: 60%;
    margin: 0 auto;
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer {
    width: 100%;
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult {
    /*width:33.3%;*/
    margin: 0 auto;
    display: inline-block;
    min-width:250px;
    width: 145px;
    height: 145px;
    /* Set new ration image resouce*/
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult:not(:first-child) {
    margin-left: 1%;/*50px;*/ /* Set new ration image resouce*/
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult img {
    width: auto;
    height: 145px;
    max-height: 145px;
    min-width:145px;
    /*max-width: 145px;*/ /* Set new ration image resouce*/
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult .rImageLink.button {
    width: /*70%;*/ auto; /* Set new ration image resouce*/
    margin-top:9%;
    padding: 10px 45px;
}

.quiz-container.resultRN .resultPUP .resultQuizPUP > .cta-get-start
{
    margin: 50px 0px;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .cta-get-start > a.button
{
    margin:0px;
    width: 30%;
    padding: 15px 20px;
    min-width:181px;
    background-color: #08c;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rHeader, 
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rHeader {
    font-size: 21pt;
    width: 74%;
    margin: 0px auto;
    color: #691b72;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rHeader
{
    font-size: 27pt;
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rMessage {
    font-size: 21pt;
    color: #666666;
    padding: 45px 0px 35px 0px;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rMessage
{
    font-size: 21pt;
    color: #333333;
    padding: 45px 0px 35px 0px;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rMessage
{
    font-size:15pt;
    padding: 10px 0px 0px 0px;
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter {
    font-weight: bold;
    margin: 40px 0px 110px 0px;
    font-size: 10pt;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP>.rFooter{
    margin-top:10px;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter a.Link, 
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter a.Link {
    color: #6917b2;
    display: initial;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter a.Link
{
    font-weight:bold;
}
.quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter a.Link:hover,
.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter a.Link:hover{ 
    text-decoration: underline;
}
.quiz-container.resultPTRW .resultPUP .resultQuizPUP .product.boy, .product.girl,.product.boy {
    background-size: /*65%;*/ 85%; /* Set new ration image resouce*/
}
.quiz-container .resultQuizPUP div.rMessage {
    padding: 0!important;
}
.quiz-container .resultQuizPUP .rImageContainer img {
    max-width: 200px!important;
    max-height: 200px!important;
}
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/


/* Media Query For Medium view */
@media screen and (max-width: 770px) {
    .quiz-container .img-Quiz > .qStage {
        margin-left: 6%;
    }
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title {
        margin-left: 6%;
        margin-right: 6%;
        height:auto;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
        padding: 22px 25px 22px 10px;
            margin-top: 20px;
    margin-left: 0;
    }
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question>.sg-question-title {
    margin-left: 6%;
    margin-right: 6%;
    height: auto;
}
    .quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=checkbox] + label:before, 
    .quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=checkbox] + label:before, 
    .quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before {
        left: 6%;
    }
}
/* Media Query For Mobile view */
@media screen and (max-width: 640px) {
    .off-canvas-wrap .inner-wrap .quiz-container.content,
    .quiz-container.content{
        height: auto;
        overflow: inherit;
    }
    .PQ.quiz-container .img-Quiz div.sg-survey{
        background:none;
        min-height:auto;
            padding: 0!important;
    }
    .RN.quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question ul.sg-list {
    width: 100%;
}
.PQ.content.quiz-container .sg-body {
    margin: 0!important;
}
.resultPQ.quiz-container p{
    margin-top:0;
}
    .quiz-container {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .quiz-container .img-Quiz .sg-body{
        padding:20px;
    }
    .quiz-container .contentText {
        padding-bottom: 75px;
    }
    .resultPQ .featured-box img {
    max-width: 150px;
    margin-top: -100px;
}
    .resultPQ .columns+.columns:last-child {
        margin: 0;
    padding: 0;
    padding-bottom: 30px;
}
    .resultPQ .personality-wrapper{
        display:block;
    }
    .resultPQ .featured-box{
        display:block !important;
    }
    /*.quiz-container .img-Quiz > .qStage {
        margin-left: 4%;
    }*/
    .quiz-container .img-Quiz > .qStage {
        padding-top: 3%;
    }
    
    .quiz-container .img-Quiz > .qStageNavigate {
        text-align: right;
    }
    /*.quiz-container .img-Quiz > .qStage > .qStageNavigate {
        width: 86%;
    }
    .quiz-container.RN .img-Quiz > .qStage > .qStageNavigate,
    .quiz-container.PTRW .img-Quiz > .qStage > .qStageNavigate {
        width: 87%;
    }*/
    .quiz-container .img-Quiz {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
        min-width: 100%;
        min-height: 700px;    
        box-sizing: border-box;
    }
    .quiz-container.PQ .img-Quiz {
        background-image: url('../img/backgrounds/img-Bg-Personality-m.jpg');
    }
    .quiz-container.PQ .img-Quiz.BG-White-Img-TopRight {
        /*background-image: url('../img/backgrounds/img-Bg-Personality-Top-m.jpg') !important;
        background-size: 100% !important;
        background-position:top;*/
        background-image: url('../img/backgrounds/img-Bg-Personality-Top-m.jpg');
        background-position: top, center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-color: #1eacdc;               
    }
    .quiz-container.RN .img-Quiz{
        /*background-image: url('../img/backgrounds/img-Bg-Readiness-m.jpg');*/    
        background-image: none;
    background-color: #fc7404;
    }
    .quiz-container.PTRW .img-Quiz {
        /*border: none;*/
        background-image: url('../img/backgrounds/img-Bg-PTvsBW-m.jpg');
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .button {
        width: 68%;
        padding: 3.5% 10px;
        max-height: 50px;
        margin-top: 14%;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .button,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .button {
       width: auto;
       padding: 10px 25px;
       max-height: none;
       margin-top: 14%;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-instruction {
        margin-top: 16%;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-instruction,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-instruction {
        margin-top: 60px;
    }
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio {
        margin-top: 3%;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title {
        font-size: 19pt;
        margin-left: 4%;    
        margin-right: 4%;
        min-height: 155px;
        padding-bottom:1%;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title {
        font-size: 21pt;
        margin-left: 4%;
        height: auto;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions {
        padding: 0px 14%;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions {
        padding: 0px 50px;
    }
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions br {
        /*display:none;*/
    }
    .quiz-container.PQ .img-Quiz .sg-body .sg-question-options {
        padding-top: 0%;
    }
    .quiz-container.RN .img-Quiz .sg-body .sg-question-options,
    .quiz-container.PTRW .img-Quiz .sg-body .sg-question-options {
        padding-top: 4%;
    }
    .quiz-container .img-Quiz .sg-survey .sg-mobile-optimized > form.sg-survey-form .sg-content {
        padding: 0px;
    }
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
        border: none;
        padding: 0px;
        background-color: inherit;
        transition: initial;
        color: initial;
        font-size: 13pt;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
        padding-left: 13%;
        position: initial;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
        padding: 0px;
        padding-left: 15%;
        position: relative;
        margin-left: 2%;
        font-size: 15pt;
    }
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label{
        font-size:14px !important;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question ul.sg-list {
        margin-top: 0%;
            width: 100%;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question ul.sg-list,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question ul.sg-list {
        margin-top: 5%;
            padding: 0 10px;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions > span {
        font-size: 20.7px;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions > span{
        font-size: 23pt;
    }
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions > span {
        font-size: 24pt;
    }

    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
        width: 100%;
        /*padding: 5% 1%;*/  
        /*WPGN-1431*/
        padding:30px 1%;
            opacity: 0.8;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li, 
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        display: block;
        padding: 9% 1%;
        margin-top: 20px;
        float: none;
     }
     .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li {
        margin-top: 5px !important
     }
     /*.quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li:nth-child(even) {
        margin-left: 0px;
        margin-right: 0px;
     }*/

    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list input[type=radio] + label:before {
        left: 4.3%;
        /*top: 32.5%;*/ /*WPGN-1431*/       
        /*top:38.3%;*/ 
        width: 28px !important;
        height: 28px !important;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
        /*top: 32.5%;*/ 
        padding-top:0.4%;
        /*WPGN-1431*/  
        font-size: 0.8em !important;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=radio] + label:before {
        /*top: 1px;*/
        left: 3px;
        width: 30px;
        height: 30px;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
        padding:0px;
        font-size: 0.8em !important;
    }
    
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter a.Link:hover,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter a.Link:hover{ 
        text-decoration: none;
    }
    
    .quiz-container.resultPTRW .img-Quiz.bg-Result .BgBottom > .StartOverBottom:hover {
        text-decoration:none;
    }
    
    .quiz-container .img-Quiz > .qStageNavigate > .qNav.Back {
        margin: 15px 0 15px 5%;
    }
    .quiz-container .img-Quiz > .qStageNavigate > .qNav.Next {
        margin: 15px 5% 15px 0;
        width: 22%;
    }
    .quiz-container .sg-question-title, .quiz-container .sg-question-legend {
float:left;
    margin-bottom: 20px;
}
}

@media screen and (max-width: 480px) {
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
        font-size: 11pt;
        padding-left: 16%;
        padding-right: 5%;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li:nth-child(even), .quiz-container.PTRW .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list-vertical li:nth-child(even) {
         margin-bottom: 10px;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title { 
        min-height: 110px;
        font-size: 14pt;
    } 
    .quiz-container .img-Quiz > .qStageNavigate {
        text-align: right;
        width: 100%;
    }
    .quiz-container .img-Quiz .sg-survey .sg-mobile-optimized > form.sg-survey-form .sg-content,
    .quiz-container .img-Quiz .sg-survey .sg-mobile-optimized > form.sg-survey-form .sg-question-options {
        padding: 0;
        margin:0;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
        padding-top:1.1%;
        /*WPGN-1431*/  
        font-size: 0.9em !important;
    }
    
    .quiz-container.PQ .img-Quiz form.sg-survey-form .button {
        padding: 6% 15px;
        width: auto;
    }
    .quiz-container.RN .img-Quiz form.sg-survey-form .button,
    .quiz-container.PTRW .img-Quiz form.sg-survey-form .button {
        width: auto;
        padding: 10px 25px;
    }
    .quiz-container .img-Quiz > .qStageNavigate > .qNav.Next {
        width: 28%;
    }
    a.retake-quiz {
      text-align:center!important;
}
    .quiz-link-wrapper .options2{
        text-align:center;
    }
}

@media screen and (max-width: 350px) {
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions {
        padding: 0px 7%;
    }         
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-title { 
        min-height: 110px;
    }
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-instructions > span {
        font-size: 18.7px;
    }
    .quiz-container .img-Quiz form.sg-survey-form .button {
        margin-top: 10%;
        width: 62%;
        padding: 2.5% 10px;
    }
    .quiz-container.PQ .img-Quiz form.sg-survey-form ul.sg-list input[type=radio]:checked + label:before {
        font-size: 1em !important;
    }
    
    .quiz-container.PQ .img-Quiz form.sg-survey-form .sg-content .sg-question > .sg-question-options ul.sg-list input[type=radio] + label:before {
        left: 4.3%;
        /*top: 32.5%;*/ /*WPGN-1431*/       
        /*top:34.3%;*/ 
        width: 28px;
        height: 28px;
    }
    .quiz-container .img-Quiz > .qStageNavigate > .qNav.Next {
        width: 35%;
    }
}

/************************************************************************************************************************/
/************************************************************************************************************************/
/******************************************* Media Query style result of Quiz *******************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
@media screen and (max-width: 901px)
{
    .quiz-container.resultPQ #personality-results .content-box .text-content {
        /*margin: 0px 5% 30px 41%;*/ 
        margin: 0px 4% 30px 39%;    /*WPGN-1525*/
    }
}
@media screen and (max-width: 768px) {
    .quiz-container.resultPQ #personality-results .content-box .text-content {
        margin: 0px 4% 30px 37.5%;  /*WPGN-1525*/
    }
    .quiz-container.resultPQ #personality-results .content-box .share {    
        margin-left: 10%;
    }
    .quiz-container.resultPQ #personality-results .content-box .background .button
    {    margin-left: 41%;
    padding: 10px 0;
    margin-bottom: 25px;
    }    
    .quiz-container.resultPQ #personality-results .content-box .background .wt-button {
       padding: 7px 0;
     }
    .quiz-container.resultPQ #personality-results .content-box .animals{
        left:5%;
    }
    .quiz-container.resultPQ #personality-results .content-box .linkCTA {
        margin-left: 95px;
        padding-left: 0;
        width: 55%;
    }
    .quiz-container.resultPQ #personality-results .content-box .text-content p {
        font-size: 12pt;
        line-height: 1.38;
    }
}
@media screen and (max-width: 667px) {
     .quiz-container.resultPQ #personality-results .content-box .linkCTA {
        margin-left: 65px;
    }
         .quiz-container .sg-question-title, .quiz-container .sg-question-legend {
            float:left;
            margin-bottom: 20px !important;
        }
}
@media screen and (max-width: 640px)
{
    /* Personality Result Landing */
    /* PottyTraining Bedwetting Result */
    .quiz-container.resultRN .img-Quiz-ResultBorder,
    .quiz-container.resultPTRW .img-Quiz-ResultBorder {
        border: 3px solid #e7dee8;
        box-sizing: border-box;
    }

    .quiz-container.resultRN .img-Quiz.bg-Result .BgTop, 
    .quiz-container.resultPTRW .img-Quiz.bg-Result .BgTop {
        background-size: 100% auto;
        height: 50%;
        background-image: url('../img/backgrounds/img-m-Bubble.png');
    }
    .quiz-container.resultPTRW .img-Quiz.bg-Result  {
        background-color: rgba(255,255,255,1);
        background: url('../img/backgrounds/img-m-Bubble.png');
        background: url('../img/backgrounds/img-m-Bubble.png'), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-m-Bubble.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,227,227,1)));
        background: url('../img/backgrounds/img-m-Bubble.png'), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-m-Bubble.png'), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-m-Bubble.png'), -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-m-Bubble.png'), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
        background-size: 100%;
        background-repeat:no-repeat;
    }
    .quiz-container.resultRN .img-Quiz.bg-Result
    {
        background-color: rgba(255,255,255,1);
        /*background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png');
        background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png'), -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(227,227,227,1)));
        background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png'), -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png'), -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png'), -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);
        background: url('../img/backgrounds/img-Bg-RN-Result-m.jpg.png'), linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(227,227,227,1) 100%);*/
        background:none;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0 );
        background-repeat:no-repeat;
        background-size: cover;
        background-position: center;
    }

    /*.quiz-container.resultPTRW .BgBottom > .StartOverBottom::after {
        content: "";
    }*/

    /* Style for Result view on mobile */
    .quiz-container.resultPTRW .resultPUP
    {
        padding-bottom:62px;
    }
    .quiz-container.resultRN .resultPUP {
        padding-bottom: 40%;
        text-align: center;
    }
    .quiz-container.resultRN .img-Quiz, 
    .quiz-container.resultPTRW .img-Quiz 
    {
        min-height: auto;
    }
    .quiz-container.resultRN .resultPUP .resultQuizPUP {
        width: 89%;
        display: inline-block;
        padding-top: 35%;

    }
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rHeader {
        font-size: 25px;
        width: 74%;
        margin-top:20px;
    }
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rHeader
    {
        font-size: 25pt;
        width: 74%;
        margin-top: 12.5%;
    }

    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult {
        /*width: 45%;
        padding: 0px 5%;*/
        width:47%;
        padding: 0px 1%;  
        /* Set new ration image resouce*/
        height: auto;
        min-width: initial;

    }

    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult.oneProduct {
        width:53%;
    }

    /*.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult:not(:first-child) {
        margin-left: 15px;
    }*/ /* Set new ration image resouce*/

    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult img {
        /*width: 100%;
        min-height: 145px;
        max-height: inherit;*/
        width: 100%;
        min-height: inherit;
        max-height: inherit;
        height: auto;
    }

    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult .rImageLink.button {
        /*padding: 9% 10px;
        width: 80%;*/
        padding: 7% 45px;
        width: auto;/*60%;*/
        /* Set new ration image resouce*/
        margin-top: 22%;
    }
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rMessage {
        font-size: 16pt;
        padding: 11% 0px 10% 0px;
    }
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rMessage
    {
        font-size: 17pt;
        padding: 11% 0px 10% 0px;
    }
    
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter {
        margin: 14% auto;
        font-size: 14pt;
    }

    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter a.Link,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter a.Link {
        display: block;
        text-decoration: none;
    }
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP .product.boy, .product.girl
    {
        background-size: /*65%;*/ 68%;
    }
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP{
        padding-top: 10px !important;
    }
    /*Style Result Personality*/
    

    #personality-results .content-box
    {
        background-image:none;
    }
    .quiz-container.resultPQ #personality-results .content-box .text-content
    {
        margin:0 10% 40% 4%;
    }
    #personality-results .content-box .text-content
    {
        margin:10% 10% 40% 4%;
    }
    #personality-results .content-box .text-content h3
    {
        font-size:21pt;    
        margin-bottom: 5px;
    }
    #personality-results .content-box .text-content p
    {
        font-size:13pt;    
        line-height: 1.4;
    }
    #personality-results .content-box .text-content span
    {
        font-size:13pt;    
    }
    .quiz-container.resultPQ #personality-results .content-box .background .button
    {
        position: absolute;
        margin-left: -15px;
        /*top: -99%;*/    
        top: inherit;
        bottom: 170%;
        /*padding: 3% 7%;*/
        width: auto;
        font-size: 12pt;
        max-width: none;
        height: 50px;
        margin-top: 20px;
        padding:15px;
    }

     .quiz-container.resultPQ #personality-results a.button.getcoupon.round.text-uppercase
     {
        bottom: 140%;
     }

    .quiz-container.resultPQ #personality-results .content-box .animals
    {    
        top: inherit;
        bottom: 56%;
        width: 42%;
        height: auto;
        lefT: 3%;
    }
    .quiz-container.resultPQ #personality-results .content-box .share{
        margin-top:5.5%;
        margin-left: 50%;
    }
    .quiz-container.resultPQ #personality-results .content-box .linkCTA,
    .quiz-container.resultPQ #personality-results .content-box .background [class*='options']
    {
        padding:0px;
        margin:0px;
    }
    .quiz-container.resultPQ #personality-results .content-box .background [class*='options']
    {
        padding: 0% 0% 10px 4%;
    }
    .quiz-container.resultPQ #personality-results .content-box .linkCTA
    {
        margin-top: 4%;
        margin-bottom:2%;
    }
    p {    
        margin-bottom: 0.5rem;
    }
    #personality-results > .content-box > .text-content p
    {    
        margin-bottom: 1.6rem;
    }
    .quiz-container.resultPQ #personality-results .content-box .background [class*='options'] a
    {
        color:#691b72 !important;
    }
    .quiz-container.resultPQ #personality-results .content-box .share h3
    {
        color:#6a6a69;
    }
    .quiz-container.resultPQ #personality-results .content-box .background
    {
        height:200px;
        padding-bottom:inherit;
    }
    .quiz-container.resultPQ #personality-results .content-box .background [class*='options']:first-child {
        padding-right: 5px;
    }
    div.options1.text-Uppercase {
    min-width: 200px;
}
    div.options2.text-Uppercase {
    min-width: 200px;
}
     .quiz-link-wrapper div.options2.text-Uppercase {
    min-width: auto;
}
}
@media screen and (max-width: 480px)
{
    /* Personality Result Landing */
    .quiz-container.resultPQ #personality-results .content-box .background .button
    {    
        /*top: -85%;*/    
        top: inherit;
        bottom: 160%;
        white-space: nowrap;
        margin-bottom:0;
    }

      .quiz-container.resultPQ #personality-results a.button.getcoupon.round.text-uppercase
    {           
        bottom: 127%;
        padding: 2% 0%;
    }
    #personality-results .content-box .text-content span
    {
        font-size:11pt;
    }
    
    /* PottyTraining Bedwetting Result */
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rHeader,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rHeader {
        font-size: 17.5pt;
        margin-top: 15px;
    }
    
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rMessage, 
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rMessage {
        font-size: 13pt;
    }
    
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter, 
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter {
        font-size: 12pt;
        margin: 10px auto;
    }

    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult .rImageLink.button {
        margin-top: 13%;    
        padding: 6.5% 20px;
        min-width: 150px;
    }
    .quiz-container.resultPQ #personality-results .content-box .animals {
        width: 46%;    
        bottom: 50%;
    }
    .quiz-container.resultPQ #personality-results .content-box .text-content p {
        font-size: 11pt;
        line-height: 1.35;
        margin-bottom: 1.6rem;
    }
    .quiz-container.resultPQ #personality-results .content-box .text-content h3
    {
        font-size:17pt;
    }
    
    .quiz-container.resultPQ #personality-results .content-box .text-content
    {
        margin:0 10% 60% 4%;
    }
    .quiz-container.resultPQ #personality-results .content-box .linkCTA {
        width: 60%;
    }
}
@media screen and (max-width: 350px) {
    /* PottyTraining Bedwetting Result */
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rHeader,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rHeader {
        font-size: 11pt;
    }
    
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rMessage,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rMessage {
        font-size: 10pt;
    }
    
    .quiz-container.resultRN .resultPUP .resultQuizPUP > .rFooter,
    .quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rFooter {
        font-size: 10pt;
        margin: 3% auto;
        margin-bottom:7%;
    }
    .quiz-container.PQ .img-Quiz > .qStageNavigate{
        /*width:82%;*/
    }

    /*.quiz-container.resultPTRW .resultPUP .resultQuizPUP > .rImageContainer > .rImageResult:not(:first-child) {
        margin-left: 10px;
    }*/
    .quiz-container.resultPQ #personality-results .content-box .share{
        margin-left:44%;
        max-width: 139px;
        min-width: 139px;
    }
    .quiz-container.resultPQ #personality-results .content-box .share #div-share-quiz .gig-share-bar-container{
        width: 149px;
    }
    .quiz-container.resultPQ #personality-results .content-box .animals
    {    
        /*width: 40%;
        top: -28%;*/
        /*width:50%;
        top: -38%;*/
        width: 38%;
        max-width: 36%;
        top: inherit;
        bottom: 70%;
    }
    .quiz-container.resultPQ #personality-results .content-box .background .button
    {    
        /*top: -72%;*/
        font-size:10pt;
        top: inherit;
        bottom: 140%;
    }

      .quiz-container.resultPQ #personality-results a.button.getcoupon.round.text-uppercase
    {    
       bottom: 117%;
        padding: 2% 0%;
    }
    #personality-results .content-box .text-content span
    {
        font-size:9pt;
    }
}
@-moz-document url-prefix() {
    .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
        padding-bottom: 0.6%;
    }

    @media screen and (max-width: 640px) {
        .quiz-container .img-Quiz form.sg-survey-form .sg-content .sg-question.sg-type-radio > .sg-question-options ul.sg-labels-right label {
            padding-bottom: 1.5%;
        }
        .quiz-container .img-Quiz form.sg-survey-form ul.sg-list input[type="radio"]:checked + label::before {
            padding-top: 0.7%;
        }
    }
}
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/
/************************************************************************************************************************/