/*
 Table Of Contents
 1.) Media Query for Tablet
 2.) Media Query for Desktop
 3.) Media Query for Handheld Devices
 ===============================================*/

/*
 1.) Media Query for Tablet
 ===============================*/

/*------------------Tablet css -----------*/

@media only screen and (min-width: 768px) {
    .login-wrap .navbar-nav .login {
        color: #fff;
        padding: 0px !important;
    }

    .login-wrap .nav-link .icon-downarrow {
        right: auto;
        left: 60px;
    }

    .team-card img {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {


    .login-wrap .navbar-nav > li {
        border: 0px solid;
        padding-top: 5px;
    }

    /*------------------Thanks Page-----------*/
    .thankspage-bg {
        padding-left: 32px;
        padding-right: 32px;
    }

    .tablet-responsive {
        flex: auto;
        max-width: 100%;
    }

    .thank-box {
        height: 175px;
        width: 490px;
        margin: 3rem auto;
        margin-bottom: 0rem;
    }

    .box-signup {
        height: 230px;
        width: auto;
    }

    .box-request {
        height: 350px;
        width: auto;
    }

    .request-btn {
        width: 120px;
    }

    /*------------------Request Demo Page-----------*/
    .requestdemo-bg {
        padding: 80px 0px;
    }

    .request-page-title h3 {
        padding: 0px 85px;
    }

    .request-demo {
        padding-left: 65px;
        padding-right: 65px;
    }

    .request-demo h3 {
        margin-top: 3.2rem;
    }

    /*------------------Contact Page-----------*/
    .contact-bg {
        background-image: url('../images/inner-images/tablet-contactbannerimg.png');
        background-size: 100% 100%;
        background-position: 100% 100%;
    }

    .contact-para-padding,
    .error-para-padding {
        padding: 0px 0px 0px 0px;
    }

    .contact-brief,
    .error-brief {
        padding: 0px 65px;
    }

    .contact-address-for-desktop {
        display: none;
    }

    .contact-address-for-responsive {
        display: block;
    }

    .contact-page-title h3,
    .error-page-title h3 {
        padding: 0px 85px;
    }

    /*---------------Error Page ----------------*/
    .error-bg {
        background-image: url('../images/inner-images/error404-tablet.png');
        background-size: 100% 100%;
        background-position: 100% 100%;
    }

    .error-page-title h1 {
        padding: 0px 100px;
    }

    /*---------------login page--------------*/
    .login-page-title h3 {
        margin-bottom: 7rem;
        padding: 0px 59px;
    }

    .login-form-parent {
        padding: 0px 13px 0px 0px;
    }

    .login-form-parent-2 {
        padding: 0px 0px 0px 13px;
    }

    .team-card img {
        width: 100%;
    }
}

/*
 2.) Media Query for Desktop
 ===============================*/

@media only screen and (min-width: 1200px) {
    .login-wrap .navbar-nav {
        clear: inherit;
        width: 100%;
    }

    .login-wrap .navbar-nav > li {
        border: 0px solid;
        padding-top: 0px;
    }
}

/*
 3.) Media Query for Handheld Devices
 ===============================*/

@media only screen and (min-width: 320px) and (max-width: 374px) {
    .login-wrap .navbar-nav .login {
        color: #fff;
        padding: 0px !important;
    }

    .login-wrap .navbar-nav {
        clear: both;
        width: 25%;
    }

    .login-wrap .navbar-nav > li {
        border: 0px solid;
        padding-top: 5px;
    }

    .login-wrap .nav-link .icon-downarrow {
        right: auto;
        left: 60px;
    }

    /*-----------------error page -----*/
    .error-page-title h1 {
        padding: 0px 0px;
    }

    .error-page-title h1 {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media screen and (max-width: 800px) {
    .error-page-title h1 {
        padding: 0px 88px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .login-wrap .navbar-nav .login {
        color: #fff;
        padding: 0px !important;
    }

    .login-wrap .nav-link .icon-downarrow {
        right: auto;
        left: 60px;
    }

    /*------------------Thanks Page-----------*/
    .thankspage-bg {
        padding-left: 0px;
        padding-right: 0px;
    }

    .thank-box {
        height: 216px;
        width: 300px;
    }

    .box-signup {
        height: 270px;
    }

    .box-request h2 {
        margin-left: 0px;
        margin-right: 0px;
    }

    /*------------------Resquest Demo Page-----------*/
    .requestdemo-bg {
        background-image: url('../images/requestademo-banner.png');
        padding: 103px 0px;
        padding-bottom: 60px;
        background-size: 190% 100%;
        background-position: inherit;
    }

    .request-page-title h3 {
        padding: 0px 13px;
    }

    .request-demo {
        padding-left: 0px;
        padding-right: 0px;
    }

    /*------------------contact Page-----------*/
    .contact-bg {
        background-image: url('../images/inner-images/mobile-contactbannerimg.png');
    }

    .contact-brief,
    .error-brief {
        padding: 0px 0px;
    }

    .contact-page-title h3,
    .error-page-title h3 {
        padding: 0px 13px;
    }

    /*-----------------error page -----*/
    .error-bg {
        background-image: url('../images/inner-images/error404-mobile.png');
    }

    .error-page-details h2 {
        font-size: 2.2rem;
    }

    .error-page-title h1 {
        padding: 0px 0px;
    }

    /*----------login page-------------*/
    .login-for-mobile h4 {
        font-size: 1.6rem;
        letter-spacing: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .login-wrap .navbar-nav {
        clear: inherit;
        width: 100%;
    }

    .login-wrap .navbar-nav > li {
        border: 0px solid;
        padding-top: 0px;
    }

    /*------------------Thanks Page-----------*/
    .thank-box {
        margin-left: 0rem;
        width: 270px;
        padding: 32px;
    }

    .box-signup {
        margin-left: 0px;
    }

    .box-request {
        height: 410px;
        margin-left: 0px;
    }

    /*----------Error page--------*/
    .error-page-title h1 {
        padding: 0px 160px;
    }

    /*---------login page---------------*/
    .login-page-title h3 {
        padding: 0px 165px;
    }

    .login-form-parent {
        padding: 0px 19px 0px 0px;
    }

    .login-form-parent-2 {
        padding: 0px 0px 0px 19px;
    }

    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 0px;
    }

    .dtc-box-bg {
        padding: 70px 70px;
    }

    .dtc-box-bg .back {
        margin-top: 0px;
    }

    .dtc-box-bg .back .back-page::before {
        background-image: url(../images/inner-images/back-small-icon.png);
        content: '';
        width: 15px;
        height: 15px;
        right: 122px;
        top: 6px;
    }

    .dtc-box-bg .back .back-page {
        font-size: 1.2rem;
    }

    .dtc-view-btn {
        font-size: 1rem;
        padding: 4px 10px;
    }

    /*------------Careers Page---------------*/
    .careers h2 {
        width: 100%;
        font-size: 3rem;
        line-height: 4.5rem;
    }

    .careers h3 {
        color: #231F20;
        font-family: "Neutraface 2 Text";
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 2.4rem;
        text-transform: uppercase;
        padding: 40px 50px;
        padding-bottom: 30px;
    }

    .careers img {
        max-width: 70%;
    }

    /*------------e commerce page------------*/
    .e-commerce-stunning .knowledge-title p {
        margin-bottom: 42px;
        padding: 0 157px;
    }

    .e-com-margin {
        margin-bottom: 30px;
    }

    /*------------Wizard Page---------------*/
    .extra-wizard-wrap .process-dtc .wrap {

        padding: 0px 0px;
    }

    #WizardForm .stepDetails {
        width: 700px;
        max-width: 100%;
    }

    .extra-wizard-wrap .process-dtc #step0Next,
    .extra-wizard-wrap .process-dtc .next,
    .extra-wizard-wrap .process-dtc .submit {
        right: 0px;
    }


    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
    }

    /*---------knowledge center----------*/
    .webiste-headline h2 {
        width: 100%;
        font-size: 3.2rem;
    }

    /*---------hover share--------------*/
    .slidingDiv {
        right: 17%;
    }
}

/* ------------Phablets/Mobile ----------- */

@media only screen and (max-width: 997px) {
    .thank-box {
        width: auto;
        margin-left: 0px;
        height: 135px;
        margin-top: 60px;
    }

    .box-signup {
        height: 250px;
        margin-left: 0px;
        width: auto;
        margin-top: 60px;
    }

    .box-request {
        height: 368px;
        width: auto;
        margin-left: 0px;
        margin-top: 60px;
    }


    /*----Request Demo page-----*/
    .requestdemo-bg {
        padding: 80px 0px;
    }

    .request-page-title h3 {
        padding: 0px 85px;
    }

    /*----login page-----*/
    .login-page-title h3 {
        margin-bottom: 10rem;
        padding: 0px 76px;
    }

    .login-form-parent {
        padding: 0px 20px 0px 0px;
    }

    .login-form-parent-2 {
        padding: 0px 0px 0px 20px;
    }

    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 0px;
    }

    .dtc-box-bg {
        padding: 70px 70px;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    /*---error page---*/
    .error-page-title h1 {
        padding: 0px 40px;
    }



    /*------------Careers Page---------------*/
    .careers h2 {
        width: 100%;
        font-size: 4rem;
        line-height: 4.5rem;
    }

    .careers h3 {
        color: #231F20;
        font-family: "Neutraface 2 Text";
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 2.4rem;
        text-transform: uppercase;
        padding: 40px 15px;
        padding-bottom: 30px;
    }

    .careers img {
        max-width: 70%;
    }

    /*--ecommerce page-----------*/
    .e-com-margin {
        margin-bottom: 30px;
    }

    .e-commerce-stunning .knowledge-title p {
        margin-bottom: 42px;
        padding: 0 120px;
    }

    .knowledge-banner {
        padding-top: 57px;
        min-height: auto;
    }

    .knowledge-banner .sort-area {
        background-image: none;
        margin-top: 30px;
    }

    /*------------Wizard Page---------------*/
    .extra-wizard-wrap img {
        max-height: 640px;
    }

    .extra-wizard-wrap {
        padding: 35px 0px 80px;
    }

    .extra-wizard-wrap .process-dtc h2 {
        margin: 15px auto 38px;
    }

    .extra-wizard-wrap .process-dtc .form-group,
    .extra-wizard-wrap .process-dtc .form-group fieldset {
        margin-top: 1rem;
    }

    .extra-wizard-wrap .process-dtc .control-label {
        font-size: 1.7rem;
        margin-bottom: 3rem;
    }

    .extra-wizard-wrap .process-dtc label {
        font-size: 1.3rem;
    }

    .extra-wizard-wrap .process-dtc [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 1.3rem;
    }

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
    }

    /*----------website template----------*/
    .website-template-page p {
        width: 100%;
    }

    .webiste-headline h2 {
        width: 100%;
    }

    /*---------knowledge center----------*/
    .webiste-headline h2 {
        width: 100%;
        font-size: 3.2rem;
    }

    /*---------Team----------*/
    .team-banner-wrap p {
        margin-bottom: 36px;
        padding: 0 50px;
    }
}

@media only screen and (max-width: 768px) {
    .thank-box {
        height: 175px;
    }

    .box-signup {
        height: 250px;
        margin-left: 0px;
    }

    .box-request {
        height: 365px;
    }

    /*------Process Page-------*/

    .process-title h2 {
        font-size: 3rem;
    }

    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 0px;
    }

    .dtc-box-bg {
        padding: 70px 70px;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    .form-dtc-advisor {
        padding: 20px 30px 50px 30px;
    }

    /*------------Careers Page---------------*/
    .careers h2 {
        width: 100%;
        font-size: 4rem;
        line-height: 4.5rem;
    }

    .careers h3 {
        color: #231F20;
        font-family: "Neutraface 2 Text";
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 2.4rem;
        text-transform: uppercase;
        padding: 40px 20px;
        padding-bottom: 30px;
    }

    .careers img {
        max-width: 70%;
    }

    .knowledge-banner {
        padding-top: 57px;
        min-height: auto;
    }

    .knowledge-banner .sort-area {
        background-image: none;
        margin-top: 30px;
    }

    /*------------Wizard Page---------------*/
    .error {

        top: -10px;
    }

    .extra-wizard-wrap .container {
        padding: 0 23px 0 21px
    }

    .extra-wizard-wrap .title-jumpstart {
        letter-spacing: 1px;
        line-height: 1.4;
        margin: 0 auto 38px;
        font-size: 2.8rem;
        width: 461px;
    }

    .wizard-wrap .process-dtc .wrap {
        padding: 0px 0px;
    }

    .extra-wizard-wrap {
        padding: 35px 10px;
    }

    .extra-wizard-wrap .process-dtc h2 {
        margin: 15px auto 38px;
    }


    .extra-wizard-wrap .process-dtc .wrap .form-group,
    .extra-wizard-wrap .process-dtc .wrap .form-group fieldset {
        margin-top: 1rem;
    }

    .extra-wizard-wrap .process-dtc .wrap .control-label {
        font-size: 1.7rem;
        margin-bottom: 3rem;
    }

    .extra-wizard-wrap .process-dtc .wrap label {
        font-size: 1.3rem;
    }

    .extra-wizard-wrap .process-dtc [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 1.3rem;
    }

    .wizard-wrap .process-dtc .next, .wizard-wrap .process-dtc .submit {
        right: 0px;
    }

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
    }


}

@media screen and (max-width: 736px) {
    .dtc-btn {
        text-align: center;
    }

    .dtc-view-btn {
        margin-bottom: 1rem;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    /*------------DTC Advisor Page---------------*/
    .dtc-advisor-banner img {
        width: 100%;
    }

    .form-dtc-advisor {
        padding: 0px;
    }

    .form-dtc-advisor .btn.btn-primary {
        width: 100%;
    }

    /*--------ecommerce page--------------------*/
    .e-commerce-stunning .knowledge-title p {
        margin-bottom: 42px;
        padding: 0 40px;
    }

    /*------------website Template------------*/
    .website-template-page {
        margin-top: 164px;
    }

    .website-template-page p {
        width: 500px;
    }

    .website-template-page p:last-child {
        margin-top: 15px;
    }

    .webiste-headline h2 {

        width: 350px;
        font-size: 2rem;
        padding-bottom: 30px;
        line-height: 3rem;
    }

    .knowledge-banner {

        min-height: auto;
    }

    /*---knowledge center*/

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }
    .team-card img {
        width: 100%;
    }
}

@media screen and (max-width: 667px) {
    .login-page-title h3 {
        margin-bottom: 10rem;
        padding: 0px 51px;
    }

    .border-left-login {
        border-right: none;
        margin-bottom: 50px;
    }

    .login-form-parent {
        padding: 0px 0px 0px 0px;
    }

    .login-form-parent-2 {
        padding: 0px 0px 0px 0px;
    }

    .login-cat-title h4 {
        margin-bottom: 3rem;
    }

    /*--------Request-demo page--------*/
    .request-page-title h3 {
        padding: 0px 0px;
    }

    .request-demo h2 {
        font-size: 2rem;
    }

    /*------------------Thanks Page-----------*/
    .thank-box {
        height: 175px;
    }

    .box-signup {
        height: 250px;
        margin-left: 0px;
    }

    .box-request {
        height: 365px;
    }

    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 25px;
    }

    .dtc-box-bg {
        padding: 10px 10px;
    }

    .dtc-box-bg h1 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .dtc-box-bg h3 {
        font-size: 1.5rem;
    }

    .dtc-btn {
        text-align: center;
    }

    .dtc-box-bg .dtc-btn .btn {
        padding: 5px 30px;
        font-size: 1.5rem;
    }

    .dtc-view-btn {
        width: 100%;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    .process-banner img {
        width: 100%;
    }

    .process-title h2 {
        font-size: 2.8rem;
        padding-top: 60px;
        padding-left: 75px;
        padding-right: 75px;
        line-height: 3.5rem;
    }

    .process-title h3 {
        font-size: 2.68rem;
        margin-bottom: 1rem;
        text-align: left;
    }

    /*------------DTC Advisor Page---------------*/
    .dtc-advisor-banner img {
        width: 100%;
    }

    .form-dtc-advisor {
        padding: 0px;
    }

    .form-dtc-advisor .btn.btn-primary {
        width: 100%;
    }

    /*------------Careers Page---------------*/
    .careers h2 {
        width: 100%;
        font-size: 1.8rem;
        line-height: 30px;
    }

    .careers h3 {
        color: #231F20;
        font-family: "Neutraface 2 Text";
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 2.4rem;
        text-transform: uppercase;
    }

    .careers img {
        max-width: 70%;
    }

    .careers .career-view-btn {
        width: 100%;
    }

    /*------------ecommerce page--------------*/
    .e-commerce-stunning .knowledge-title p {
        margin-bottom: 42px;
        padding: 0 0px;
    }

    /*------------website Template------------*/
    .website-template-page {
        margin-top: 124px;
    }

    .website-template-page p {
        width: auto;
    }

    .website-template-page p:last-child {
        margin-top: 15px;
    }

    .website-template-page h1 {
        font-size: 3rem;
    }

    .webiste-headline h2 {

        width: auto;
        font-size: 2rem;
        padding-bottom: 30px;
        line-height: 3rem;
    }

    /*-----------knowledge  page*/
    .knowledge-banner .sort-area {
        width: 100%;
        margin-top: 0px;
    }

    .knowledge-banner {

        min-height: auto;
    }

    /*------------Wizard Page---------------*/

    .extra-wizard-wrap .title-jumpstart {
        width: auto;
    }

    .extra-wizard-wrap .sub-title {
        letter-spacing: 0px;

        width: auto;
    }

    .extra-wizard-wrap {
        padding: 35px 10px;
    }

    .extra-wizard-wrap .process-dtc .wrap {
        padding: 0px 20px
    }

    .extra-wizard-wrap .process-dtc .wrap .form-group,
    .extra-wizard-wrap .process-dtc .wrap .form-group fieldset {
        margin-top: 1rem;
    }

    .extra-wizard-wrap .process-dtc .wrap .control-label {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

    .extra-wizard-wrap .process-dtc .wrap label {
        font-size: 1.3rem;
    }

    .extra-wizard-wrap .process-dtc #step0Next,
    .extra-wizard-wrap .process-dtc .next {
        right: 0px;
        width: 100%;
    }

    .extra-wizard-wrap .process-dtc [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 1.3rem;
    }

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
        right: 0px;
        width: 100%;
    }

    /*team*/
    .team-banner-wrap p {
        margin-bottom: 0px;
        padding: 0 0px;
    }
}

@media only screen and (max-width: 480px) {
    .thank-box {
        height: 218px;
    }

    
    /*--------Request-demo page--------*/
    .request-page-title h3 {
        padding: 0px 0px;
    }

    .request-demo h2 {
        font-size: 2rem;
    }

    /*--------Process page--------*/
    .process-title h3 {
        font-size: 2.35rem;
        margin-bottom: 1rem;
        text-align: left;
    }

    /*--------error page--------*/
    .error-page-title h1 {
        font-size: 3rem;
        line-height: 4rem;
    }

    .error-page-title h1 {
        padding: 0px 0px;
    }

    /*------login page-------*/
    .login-for-mobile {
        display: block;
    }

    .login-for-desktop {
        display: none;
    }

    .login-page-title h3 {
        margin-bottom: 4rem;
        padding: 0px 51px;
    }

    
    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 25px;
    }

    .dtc-box-bg {
        padding: 10px 10px;
    }

    .dtc-box-bg h1 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .dtc-box-bg h3 {
        font-size: 1.5rem;
    }

    .dtc-btn {
        text-align: center;
    }

    .dtc-box-bg .dtc-btn .btn {
        padding: 5px 30px;
        font-size: 1.5rem;
        width: 50%;
        margin-bottom: 1.2rem;
    }

    .dtc-view-btn {
        width: 100%;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    .thanks-page,
    
    /*------------Process Page---------------*/

    .process-banner img {
        width: 100%;
    }

    /*------------DTC Advisor Page---------------*/
    .dtc-advisor-banner p {
        width: auto;
    }

    .form-dtc-advisor {
        padding: 0px;
    }

    .form-dtc-advisor .btn.btn-primary {
        width: 100%;
    }

    .dtc-advisor-banner img {
        width: 100%;
    }

    /*------------Careers Page---------------*/
    .careers .login-for-mobile .footer-list > li {
        line-height: 1;
        border-bottom: 2px solid #dddddd;
    }

    .careers h2 {
        width: 100%;
        font-size: 1.8rem;
        line-height: 30px;
    }

    .careers h3 {
        color: #231F20;
        font-family: "Neutraface 2 Text";
        font-size: 1.6rem;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 2.4rem;
        text-transform: uppercase;
        padding: 0px 0px;
    }

    .careers img {
        max-width: 70%;
    }

    .careers .career-view-btn {
        width: 100%;
    }

    /*------------website Template------------*/
    .website-template-page {
        margin-top: 124px;
    }

    .website-template-page p {
        width: auto;
    }

    .website-template-page p:last-child {
        margin-top: 15px;
    }

    .website-template-page h1 {
        font-size: 3rem;
    }

    .webiste-headline h2 {

        width: auto;
        font-size: 2rem;
        padding-bottom: 30px;
        line-height: 3rem;
    }

    /*------------Wizard Page---------------*/
    .extra-wizard-wrap .process-dtc-bg {
        min-height: 600px;
        width: 100%;
        background-size: cover;
    }

    .extra-wizard-wrap .title-jumpstart {
        font-size: 2rem;
        width: auto;
    }

    .extra-wizard-wrap .sub-title {
        letter-spacing: 0px;
        width: auto;
    }

    .extra-wizard-wrap #quiz .btn-secondary {
        padding: 5px 24px 5px;
        width: 100%;
    }

    .extra-wizard-wrap {
        padding: 35px 0px;
    }

    .extra-wizard-wrap .process-dtc .wrap {
        padding: 0px 20px
    }

    .extra-wizard-wrap #quiz-form {
        height: auto;
        background-size: cover;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .extra-wizard {
        position: relative;
        height: auto;
    }

    #WizardForm .stepDetails {
        width: auto;
    }

    .extra-wizard-wrap .process-dtc .wrap .form-group,
    .extra-wizard-wrap .process-dtc .wrap .form-group fieldset {
        margin-top: 1rem;
    }

    .extra-wizard-wrap .process-dtc .wrap .control-label {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

    .extra-wizard-wrap .process-dtc .wrap label {
        font-size: 1.3rem;
    }

    .extra-wizard-wrap .process-dtc [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 1.3rem;
    }

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
        right: 0px;
        width: 100%;
        margin: -20px 0px;
    }

    /*Team*/
    .team-banner-wrap p {
        margin-bottom: 0px;
        padding: 0 0px;
    }
}


@media only screen and (max-width: 414px) {

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
    }

}

@media only screen and (max-width: 375px) {
    .thank-box {
        height: 216px;
    }

    .box-signup {
        height: 290px;
        margin-left: 0px;
    }

    .box-request {
        height: 410px;
    }

    
    .thank-page-title h1,
    .request-page-title h1,
    .login-page-title h1 {
        font-size: 2.6rem;
        line-height: 3.5rem;
        width: 100%;
    }

    /*--------Request-demo page--------*/
    .request-page-title h3 {
        padding: 0px 0px;
    }

    .request-demo h2 {
        font-size: 2rem;
    }

    /*------------process-------------*/
    .process-title h2 {
        font-size: 2.4rem;
        padding-top: 60px;
        padding-left: 45px;
        padding-right: 45px;
        line-height: 3.5rem;
    }

    .process-title h3 {
        font-size: 1.78rem;
        text-align: left;
        margin-bottom: 1rem;
    }

    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 25px;
    }

    .dtc-box-bg {
        padding: 10px 10px;
    }

    .dtc-box-bg h1 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .dtc-box-bg h3 {
        font-size: 1.5rem;
    }

    .dtc-btn {
        text-align: center;
    }

    .dtc-box-bg .dtc-btn .btn {
        padding: 5px 30px;
        font-size: 1.5rem;
        width: 50%;
        margin-bottom: 1.2rem;
    }

    .dtc-view-btn {
        width: 100%;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    /*-------error page-----*/
    .textarea-size textarea {
        margin-bottom: 1rem;
    }



    /*------------website Template------------*/
    .website-template-page {
        margin-top: 124px;
    }

    .website-template-page p {
        width: auto;
    }

    .website-template-page p:last-child {
        margin-top: 15px;
    }

    .website-template-page h1 {
        font-size: 3rem;
    }

    .webiste-headline h2 {

        width: auto;
        font-size: 2rem;
        padding-bottom: 30px;
        line-height: 3rem;
    }

    /*------------Wizard Page---------------*/
    .extra-wizard-wrap .process-dtc-bg {
        min-height: 670px;
        width: 100%;
        background-size: cover;
    }

    .extra-wizard-wrap .title-jumpstart {
        font-size: 2rem;
        width: auto;
    }

    .extra-wizard-wrap .sub-title {
        letter-spacing: 0px;
        width: auto;
    }

    .extra-wizard-wrap #quiz .btn-secondary {
        padding: 5px 24px 5px;
        width: 100%;
    }

    .extra-wizard-wrap {
        padding: 35px 0px;
    }

    .extra-wizard-wrap .process-dtc .wrap {
        padding: 0px 20px
    }

    #WizardForm .stepDetails {
        width: auto;
    }

    .extra-wizard-wrap #quiz-form {
        height: auto;
        background-size: cover;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .extra-wizard-wrap .process-dtc .wrap .form-group,
    .extra-wizard-wrap .process-dtc .wrap .form-group fieldset {
        margin-top: 1rem;
    }

    .extra-wizard-wrap .process-dtc .wrap .control-label {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

    .extra-wizard-wrap .process-dtc .wrap label {
        font-size: 1.3rem;
    }

    .extra-wizard-wrap .process-dtc [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 1.3rem;
    }

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

}


@media only screen and (max-width: 320px) {
    .thank-box {
        height: 216px;
    }

    .box-signup {
        height: 290px;
        margin-left: 0px;
    }

    .box-request {
        height: 410px;
    }

    .thank-page-title h1,
    .request-page-title h1,
    .login-page-title h1 {
        font-size: 2.6rem;
        line-height: 3.5rem;
        width: 100%;
    }

    /*--------Request-demo page--------*/
    .request-page-title h3 {
        padding: 0px 0px;
    }

    .request-demo h2 {
        font-size: 2rem;
    }

    /*------------process-------------*/
    .process-title h2 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .process-title h3 {
        font-size: 1.6rem;
    }

    /*------Dtc Advisor Results-------*/
    .dtc-advisor-result-bg {
        padding: 35px 25px;
    }

    .dtc-box-bg {
        padding: 10px 10px;
    }

    .dtc-box-bg h1 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    .dtc-box-bg h3 {
        font-size: 1.5rem;
    }

    .dtc-btn {
        text-align: center;
    }

    .dtc-box-bg .dtc-btn .btn {
        padding: 5px 30px;
        font-size: 1.5rem;
        width: 50%;
        margin-bottom: 1.2rem;
    }

    .dtc-view-btn {
        width: 100%;
    }

    .dtc-box-bg .back .back-page::before {
        top: 2px;
    }

    /*-------error page-----*/
    .contact-form .submit,
    .error-form .submit {
        margin-top: 1rem;
    }

    /*------------Process Page---------------*/
    .process-banner {
        margin-top: 66px;
    }

    /*------------Wizard Page---------------*/
    .extra-wizard-wrap .process-dtc-bg {
        min-height: 690px;
        width: 100%;
        background-size: cover;
    }

    .extra-wizard-wrap .title-jumpstart {
        font-size: 2rem;
        width: auto;
    }

    .extra-wizard-wrap .sub-title {
        letter-spacing: 0px;
        width: auto;
    }

    .extra-wizard-wrap #quiz .btn-secondary {
        padding: 5px 24px 5px;
        width: 100%;
    }

    .extra-wizard-wrap {
        padding: 35px 0px;
    }

    .extra-wizard-wrap .process-dtc .wrap {
        padding: 0px 15px
    }

    .extra-wizard-wrap #quiz-form {
        height: auto;
        background-size: cover;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
    }

    .extra-wizard {
        position: relative;
        height: auto;
    }

    .extra-wizard-wrap .process-dtc .wrap .form-group,
    .extra-wizard-wrap .process-dtc .wrap .form-group fieldset {
        margin-top: 1rem;
    }

    .extra-wizard-wrap .process-dtc .wrap .control-label {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }

    .extra-wizard-wrap .process-dtc .wrap label {
        font-size: 1.3rem;
    }

    .extra-wizard-wrap .process-dtc [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        padding-left: 30px;
        font-size: 1.3rem;
    }

    .wizard-wrap .process-dtc .next {
        z-index: 1;
    }

    .wizard-wrap .process-dtc .submit {
        z-index: 0;
        right: 0px;
        width: 100%;
        margin: -20px 0px;
    }
}