body{
    font-family:'OmnesRegular';
}
.contact-us-wrap{
    padding: 0 10px 0 0;
}

.top-header .nav>li{
    display: inline-block;
}
.main-logo{
    width: 38%;
    position: relative;
    top: -9px;
    text-align: center;
    margin: 0 auto;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    border: 0;
}
.footer-wrapper li {
    display:block;
}
.footer-wrapper img {
    padding: 5px 15px;
}
.banner-text {
    font-size: 18px;
    color: #5e106f;
    line-height: 1;
    font-family: 'OmnesMedium';
    padding: 7px 10px;
    margin: 0;
}
.btn-wrapper .btn {
    border-radius: 0;
    background: #dd2c71;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 6px 8px;
    margin: 2px 0;
}
.btn-wrapper {
    padding-left: 0;
}
.top-header-right-sec{
    float: right;
}
.header-wrapper .navbar-default .navbar-nav>li>a{
       font-size: 11px;
   }
#navbarNavDropdown{clear:both; box-shadow: none;}
#navbarNavDropdown .navbar-nav>li>a{
	font-size: 16px;
    text-transform: capitalize;
	padding:8px 5px;
	text-decoration:none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent!important;
    color: #fff!important;
	text-decoration:none!important;
}
 .navbar-nav>li>.dropdown-menu {
	float:left;
    display: none!important;
}
.navbar-nav .open .dropdown-menu{display:block!important;}
.main-header .navbar-nav li br{display:none;}
.navbar-nav .dropdown-menu>li, .main-header .dropdown-menu {
    float: left!important;
	width:100%!important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
   margin:0 10px;
   padding:8px 10px;
}
.navbar-nav .dropdown-menu>li:last-child a {
       border-bottom: 1px solid #9932CC!important;
}
.navbar-brand{padding:0 10px!important;}
#navbarNavDropdown .navbar-nav{
	display: flex;
    flex-direction: column;
	float:left;
	width:100%;
}

.top-header .navbar-collapse ul {
    display: inline-block;
}
.top-header .navbar-collapse ul:last-child{
    float: right;
}
.navbar-default .navbar-nav>li>a{
    padding: 5px;
}
.float-left{
    float: left;
}
.footer-links li a {
    font-size: 12px;
    padding: 0 8px;
}
.footer-wrapper li {
    display: inline-block;
}
/* mega m,enu*/
.choose-ur-steps li a {
    font-size: 16px;
}
.menu-content-wrapper{
    display: none !important;
}
.hidden-in-small{
    display: none !important;
}
.hidden-in-large{
    display: inline-block;
}
.star-bg:before {
    content: "";
    background: none;
}
.star-bg:after {
    content: "";
    background: none;
}
.left-text-wrapper {
    padding: 0;
}
.one-to-six-step-small {
    position: absolute;
    bottom: -22px;
    right: 0;
    width: 40%;
}
.sec-fifth-title {
    font-size: 21px;
    font-family: 'OmnesSemiBold';
    font-style: italic;
    color: #69007b;
    padding: 55px 50px 80px 65px  !important;
    background: #cce7f7;
    line-height: 1.1;
}
.testimonial-text-wrap {
    font-size: 17px;
    color: #69007b;
    line-height: 1.3;
    padding: 18px 18px 0 58px;
}
.video-wrapper{
    margin-bottom: 14px;
}
.btn-wrapper.lets-get-started button.btn {
    margin: 5px 0 20px;
}
h3.page-sub-title {
    font-size: 24px;
    color: #5e106f;
    margin: 0 0 20px 0;
}
.sec-forth-title:before {
    left: 0;
    top: 20px;
    transform: scale(0.6);
}
.sec-forth-title:after {
    right: 0;
    top: 20px;
    transform: scale(0.6);
}
.home-section-wrapper {
    padding: 10px 0 0 0;
}

h3.page-sub-title {
    font-size: 20px;
}
p.desc-text {
    font-size: 14px;
}
.section-3-title {
    font-size: 23px;
    padding-top: 20px;
}
.product-title {
    font-size: 18px;
}
.product-description {
    font-size: 14px;
}
.product-wrapper {
    padding-top: 10px;
}
.product-page .banner-wrapper .btn-wrapper{
	padding-top:3px;
}
.btn-wrapper.lets-get-started button.btn:before {
        left: -52px;
    top: -8px;
    transform: scale(0.4);
}
.btn-wrapper.lets-get-started button.btn:after {
        right: -52px;
    top: -8px;
    transform: scale(0.4);
}
.searchbtn{
    position: absolute;
    top: 12px;
    left: 10px;
	z-index:4;
}
.navbar-brand-wrapper{
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: scale(0.8);
    top: -8px;
	z-index:3;
}
.navbar-toggle{
    z-index: 2;
}
.banner-wrapper{
    /*z-index: -1;*/
}
.navbar-toggle{
    display: none;
}
/*mobile menu css starts*/
.dl-menuwrapper {
    display: block;
    width: 100%;
    float: right;
    text-align: right;
    position: relative;
    top: 8px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 2;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button, .navbar-toggler  {
	float:right;
    background: transparent;
    border: none;
    width: 40px;
    height: 32px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 1px solid #fff;
    border-radius: 5px;
	margin-top:8px;
}
.navbar-toggler span{
content: '';
    position: absolute;
    width: 68%;
    height: 2px;
    background: #888;
    top: 8px;
    left: 16%;
    box-shadow: 0 6px 0 #888, 0 12px 0 #888;
}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: transparent;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 2px;
    background: #888;
    top: 8px;
    left: 16%;
    box-shadow: 0 6px 0 #888, 0 12px 0 #888;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 0 5px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-align: left;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
    text-transform: uppercase;
    /*padding-top: 15px;
    padding-bottom: 15px;*/
}

.dl-menuwrapper li > a:not(:only-child):after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 7px;
    right: 0;
    line-height: 50px;
    content: " ";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: relative;
    width: 100%;
    /*opacity: 0;*/
    display: none;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    /*opacity: 1;*/
    display: block;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 37px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}
@-webkit-keyframes MenuAnimOut1 {
    from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
    from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}
@-webkit-keyframes MenuAnimIn1 {
    from {
    transform: translate3d(100%, 0, 0);
    opacity:0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
    from {
    transform: translate3d(100%, 0, 0);
    opacity:0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
    from {
    transform: translate3d(100%, 0, 0);
    opacity:0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
    from {
    transform: translate3d(100%, 0, 0);
    opacity:0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
    from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
    from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}


/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}
.demo-1 .dl-menuwrapper button {
    background: #c62860;
}
.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
    background: #9e1847;
}
/*mobile menu css starts*/
#downloadFreeGuide .modal-body{
    padding: 15px;
}
#downloadFreeGuide .modal-content {
    padding: 20px 20px 70px;
    background: url(../images/formStarsTop.png) no-repeat left 4% top 15px, url(../images/formStarsBottom.png) no-repeat right 4% bottom 6%;
    background-color: #fff;
    background-size: 11%, 18%;
}
.modal .close{
    width: 22px;
    height: 22px;
    font-size: 27px;
}
/*------------CSS FOR 6 STEPS LANDING PAGE STARTS------------*/
.steps6-landing-wrapper .desc-text{
    font-size: 14px;
}
.steps6-landing-wrapper .star-bg:before,
.steps6-landing-wrapper .star-bg:after{
    display: none;
}
.steps-landing-wrapper .banner-wrapper .text-container{
    padding-top: 30px;
}
.steps6-landing-wrapper .steps6-container .col-sm-4{
    padding-left: 0;
    padding-right: 0;
}
.steps6-landing-wrapper .stepContainer{
    margin-bottom: 10px;
}
.steps6-landing-wrapper .stepContent{
    width: calc(100% - 20px);
    margin-left: 10px;
}
.steps6-landing-wrapper .voucherValue{
    font-size: 22px;
}
.steps6-landing-wrapper .desc{
    font-size: 28px;
    margin-top: -8px;
}
.steps6-landing-wrapper .voucherContent{
    padding-top: 10px;
}
.steps6-landing-wrapper .voucherContent .voucherBtn{
    bottom: 15px;
}
.steps6-landing-wrapper .desc{
    font-size: 14px;
}
.steps6-landing-wrapper .voucherContent .voucherBtn{
    bottom: 7px;
}
.steps6-landing-wrapper .voucherContent .voucherBtn .btn{
    min-width: 168px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.steps6-landing-wrapper .stepContent .step-title{
    margin-bottom: 10px;
}
.steps6-landing-wrapper .goBtn{
    margin-top: 20px;
}
.steps6-landing-wrapper .stepContent img{
    width: 92px;
    height: auto;
}
.steps6-landing-wrapper h4{
    margin-top: 11px;
}
.steps6-container{
    margin-top: 18px;
}
.steps6-landing-wrapper .voucherBannerImage{
    padding:0;
}
.steps6-landing-wrapper h4{
    font-size: 16px;
}
.steps6-landing-wrapper .stepContent .step-title{
    font-size: 24px;
    line-height: 27px;
}
.next-step-btn button:before{
    background: none;
}
/*------------CSS FOR 6 STEPS LANDING PAGE ENDS------------*/

/*------------CSS FOR STEP 1 PAGE STARTS------------*/
.step-wrap-text {
    font-size: 20px;
    color: #5e106f;
    text-transform: uppercase;
    padding: 0;
    line-height: 1.1;
}
.step-1-wrapper .banner-text {
    padding: 0px 33px 0 0;
}
.step-1-banner-text {
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.1;
}
.circle-wrap {
    margin: 10px auto;
}
.arrow_navigation{
    display: none;
}
.find-out-text:before {
    display: none;
}
.find-out-text:after {
    display: none;
}
.circle-main-wrap {
    margin-top: 0px;
    margin-bottom: 30px;
}
.step-wrap-text {
    font-size: 15px;
    color: #5e106f;
    padding: 0;
}
.step-wrap-text span img{
    width: 15%;
}
.subtitle-underline {
    width: 15px;
    margin-bottom: 5px;
}
.step-1-wrapper .home-section-wrapper {
    padding: 30px 0 0 0;
}
.img-psy-wrap:before,.img-psy-wrap:after,.next-step-btn button:before,.next-step-btn button:after{
    content: "";
    display: none;
}
.btn-wrapper.next-step-btn button.btn {
    margin: 20px 0;
}
.circle-wrap {
    font-size: 19px;
}
.btn-wrapper.sign-submit-btn button.btn{
    font-size: 17px;
}
/*------------ CSS FOR STEP 1 PAGE ENDS ------------*/

/*------------ CSS FOR STEP 2 PAGE STARTS ------------*/
.step-2-wrapper .step-wrap-text{
    padding-top: 10px;
}
.step-2-wrapper .banner-text{
    padding: 10px 0 0;
    line-height: normal;
}
.step-2-wrapper p.desc-text, .step-2-wrapper .desc-text{
    font-size: 14px;
}
.step-2-section3{
    margin-top: 50px;
}
.step-2-section3 .rightContent{
    background: url(../images/step-2/notes-small.png) no-repeat;
    position: static;
    padding: 73px 0 0 40px;
}
.step-2-section3 .rightContent ul li span{
    font-size: 14px;
}
.step-2-section3 .rightContent .downloadBtn:after{
    transform: scale(0.8);
}
.step-2-section3 .rightContent .downloadBtn .btn{
    padding-top: 12px;
    padding-bottom: 12px;
}
.step-2-section3{
    padding-bottom: 60px;
}
.step-2-section4{
    padding-top: 30px;
}
.step-2-section4 .block .icon{
    left: 40px;
}
.step-2-wrapper .prev-step-btn button:before,
.step-2-wrapper .next-step-btn button:after{
    display: none;
}

.step-2-section5 .starsLeft,
.step-2-section5 .starsRight{
    display: none;
}
.step-2-section2 h4{
    font-size: 21px;
}
.top-wrap{
    margin-bottom: 10px;
}
.step-2-section7 .find-out-desc{
    font-size: 17px;
}
.find-out-text{
    font-size: 21px;
}
.step-2-section6 .find-out-desc{
    font-size: 14px;
}
.step-2-wrapper .righContent .desc:before,
.step-2-wrapper .righContent .desc:after,
.img-psy-wrap:before,
.img-psy-wrap:after,
.step-2-section6 .starsBlock:after,
.step-2-section6 .starsBlock:before{
    display: none;
}
.btn-wrapper.next-step-btn button.btn, .btn-wrapper.prev-step-btn button.btn{
    margin: 0;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}
.step-2-section3 .rightContent .downloadBtn{
    right: 32px;
}
.prev-step-btn button:before{
    display: none;
}
.step-2-section2 .desc,
.step-3-wrapper .step-2-section4 .desc-text{
    font-size: 14px;
}
.step-2-section2 .buynowBtn .btn{
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
}
.step-2-wrapper .step-1-left-text-wrapper {
    padding-right: 0;
}
/*------------ CSS FOR STEP 2 PAGE ENDS ------------*/

/*------------ CSS FOR STEP 3 PAGE STARTS ------------*/
.step-3-wrapper .banner-text{
    padding: 10px 0 5px 0px;
}
.step-3-section3 .block{
    margin-bottom: 40px;
}
.step-3-wrapper .home-section-4{
    margin-top: 0;
    padding-bottom: 20px;
}
.step-3-wrapper .step-2-section4 .desc-text{
    margin-top: 20px;
}
.step-3-wrapper .circle-main-wrap{
    margin-top: 0;
    margin-bottom: 0;
}
.step-3-wrapper .step-2-section4{
    padding-bottom: 0;
}
/*------------ CSS FOR STEP 3 PAGE ENDS ------------*/

/*------------ CSS FOR STEP 4 PAGE STARTS ------------*/
.img-psy-wrap:before,.img-psy-wrap:after,.next-step-btn button:before,.next-step-btn button:after{
    content: "";
    background: none;
}
.btn-wrapper.next-step-btn button.btn {
    margin: 20px 0;
}
.circle-wrap {
    font-size: 19px;
}
.circle-wrap span {
    position: relative;
    top: 55px;
}
.step-4-wrapper .banner-text {
    padding: 0;
}
 .step-4-wrapper .step-4-section2 .desc {
    padding-right: 0;
}
 .step-4-wrapper .righContent .desc:before {
    content: "";
    background:none;
}
.video-wrapper .play-btn {
    transform: scale(0.5);
}
.find-out-text {
    font-size: 24px;
}

a.circle-wrap {
    margin: 10px auto;
}
.step-wrap-text {
    margin-top: 10px;
}
.img-psy-wrap {
    margin-bottom: 0;
}
.read-more-text{
    margin-bottom: 10px;
}
.btn-wrapper.next-step-btn button.btn,
.btn-wrapper.prev-step-btn button.btn {
    padding: 8px 10px;
    margin: 30px 0 10px 0;
}
.circle-wrap span {
    position: relative;
    top: 0;
    font-size: 16px;
}
.find-out-desc {
    font-size: 14px;
}
.step-1-wrapper .banner-text {
    padding: 0px 0px 0 0;
}
.home-section-3 .find-out-desc {
    padding-bottom: 0;
}
.sign-of-potty-training .terms-check {
    font-size: 14px;
    line-height: 1;
}
.sign-of-potty-training input[type="checkbox"].custome-checkbox + label:before {
    left: 0;
    top: -8px;
}
.sign-of-potty-training input[type="checkbox"].custome-checkbox:checked + label::after {
    left: 7px;
    top: -5px;
}
/*------------ CSS FOR STEP 4 PAGE ENDS ------------*/

/*------------CSS FOR STEP 5 PAGE STARTS------------*/
.step-5-wrapper .step-1-left-text-wrapper {
    padding:0;
}
.step-5-wrapper .banner-text{
    line-height: normal;
}
.more-link, .less-link{
    font-size: 14px;
}
.step-5-wrapper .step-2-section2.margin-top-35{
    margin-top: 0;
}
.step-5-wrapper .step-2-section2 .desc{
    padding-top: 0px;
    padding-bottom: 5px;
}  
.step-5-wrapper .video-text-wrap{
    padding-bottom: 10px;
}
/*------------CSS FOR STEP 5 PAGE ENDS------------*/

/*------------ CSS FOR STEP 6 PAGE STARTS ------------*/
.find-out-text:after {
    position: relative;
}
.step-6-wrapper .banner-text {
    padding: 0;
}
.step-6-wrapper .step-1-banner-text {
    padding-right: 28px;
}
.center-block-for-mob{
    float: none;
    margin: 0 auto;
}
.step-6-wrapper .step-4-section2 .desc {
    padding: 0;
}
.step-6-wrapper .step-2-section2 h4 {
    padding-top: 0;
}
.footer-wrapper img {
    padding: 5px 0px;
    transform: scale(0.9);
    /* margin: 0 auto; */
}
.step-6-wrapper .step-1-left-text-wrapper {
    padding: 0;
}
.step-6-wrapper .video-text-wrap {
    padding: 0;
}
.step-6-wrapper .keep-motive-text-wrap p {
    font-size: 14px;
}

/*------------ CSS FOR STEP 6 PAGE ENDS ------------*/

/*------------ PRODUCT PAGE CSS STARTS ------------*/
.product-page .banner-text {
    padding: 20px 60px 0px 10px;
	width: 50%;
}
.product-page .pant-section {
    margin-bottom: 20px;
}
.product-page .pant-section .text-holder {
    padding-left: 0px;
    padding-right: 0px;
}
.product-page .video-section-wrapper .video-thumb-details{
    max-width: 100%;
    display: block;
}
.product-page .video-section-wrapper .video-thumb-details a img{
    width: 100%;

}
.product-page .video-section-wrapper {
    margin: 0 -10px;
}
.product-page .size-section-wrapper .sizes-holder .size-holder {
    font-size: 17px;
    font-family: OmnesMedium;
}
.product-page .size-section-wrapper .sizes-holder .verticle-divider {
    width: 1px;
    margin: 0 5px;
    margin-bottom: -18px;
}
.product-page .size-section-wrapper .sizes-holder {
    background: url(../images/product/star_1.png) 0% center no-repeat, url(../images/product/star_2.png) 100% center no-repeat;
    background-size: 30px;
}
/*------------ PRODUCT PAGE CSS ENDS ------------*/


.quiz-wrapper-section .btn-wrapper.next-step-btn button.btn, 
.quiz-wrapper-section .btn-wrapper.prev-step-btn button.btn {
 
    margin: 30px 0 10px 0;
    font-size: 10px;
}
.quiz-wrapper-section .btn-wrapper {
    padding-left: 10px;
}
.product-page .video-section-wrapper .video-thumb-details a img.play-btn {
    width: auto;
transform: scale(1);
}
.product-page .video-section-wrapper {
    margin: 0;
}


.congrats-text:before {
    display:none;
}
.congrats-text:after {
   display:none;
}


.center-block-for-mob{
	float:none;
	margin: 0 auto;
}

.sign-of-potty-training .sign-of-img img {
    margin: 0 auto;
    transform: scale(0.7);
}
.sign-of-potty-training .sign-of-img {
    text-align: center;
    padding-bottom: 0;
}

.show-in-desktop-only{
    display: none;
}
.hide-in-desktop-only{
    display: block;
} 


/*--------------- 2ND PHASE PAGE CSS STARTS ------------------*/
/*---------------- DISNEY PAGE CSS STARTS ----------------*/
.disney-wrapper .video-wrapper .baby{
    transform: scale(0.7);
    transform-origin: bottom center;
}
.disney-wrapper .center-block{
    margin: 0 auto;
    float: none;
}
.disney-wrapper .video-wrapper .baby {
    transform: scale(0.4);
    transform-origin: bottom center;
}
.disney-wrapper .video-wrapper .baby {
    right: -140px;
}
.disney-wrapper .video-thumbnail {
    border: 5px solid #fff;
    box-shadow: 0 0 5px #8c8c8c;
}
.disney-wrapper .video-wrapper{
    margin-bottom: 30px;
}
/*---------------- DISNEY PAGE CSS ENDS ----------------*/

/*---------------- CONGRATS PAGE CSS STARTS ----------------*/
.congrats-section-3{
    margin: 30px 0 20px;
    padding-bottom: 50px;
}
.congrats-section-3 .row:after,
.congrats-section-3 .row:before{
    display: none;
}
.congrats-section-3 .desc{
    font-size: 17px;
    padding-left: 90px;
}
.congrats-section-3 .desc:before{
    transform: scale(0.6);
    transform-origin: top left;
    left: 0;
    top: -40px;
}
/*---------------- CONGRATS PAGE CSS ENDS ----------------*/

/*---------------- SUCCESS STORIES PAGE CSS STARTS ----------------*/
.testimonial-content-text{
    font-size: 14px;
}
.testimonial-left > span:after{
    right: -44px;
    bottom: -11px;
}
.testimonial-awards{
    line-height: 1;
}
.section-pad{
    padding: 60px 70px 67px;
}
.section-pad span:after{
    right: -55px;
    bottom: -11px;

}
.mt-10{
    margin-top: 10px;
}
.section-pad{
    font-size: 21px;
}
.testimonial-left{
    font-size: 21px;
}
.testimonial-text-wrap{
    font-size: 18px
}

.read-blog-btn {
    padding-top: 15px;
}
.read-blog-btn a {
	font-size:18px;
}

/*---------------- SUCCESS STORIES PAGE CSS ENDS ----------------*/

/*---------------- VIDEO PAGE CSS STARTS ----------------*/
.video-text-wrapper .desc-text {
    padding: 0;
    font-size: 14px;
}
.btn-wrapper.select-cateogry button.btn {
    font-size: 18px;
    margin: 0;
    padding: 10px 10px;
    margin-top: 15px;
}
.img-responsive-for-device{
    display: block;
    max-width: 100%;
    height: auto;
}
.video-container .video-wrapper iframe {
    padding: 0;
}
/*---------------- VIDEO PAGE CSS ENDS ----------------*/

/*---------------- REGISTER PAGE CSS STARTS ----------------*/
.registerWrapper .banner-text{
    padding-left: 0;
    padding-top: 20px;
}
.registerWrapper .step-1-banner-text{
    padding-right: 40px;
}
/*---------------- REGISTER PAGE CSS ENDS ----------------*/

/*--------------- 2ND PHASE PAGE CSS ENDS ------------------*/
@media only screen and (max-device-width : 567px){
	.navbar-brand {
     padding: 20px 10px!important; 
}
}

/*--------------- iphone 5 and iphone 5S ------------------*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .homepage .text-container .btn-wrapper .btn{
        font-size: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .homepage .banner-text{
        margin-top: 10px;   
    }
    .step-1-wrapper .step-1-banner-text{
        padding-right: 55px;
    }
    .step-2-wrapper .step-1-banner-text{
        padding-right: 80px;
    }
}
/*--------------- iphone 6 ------------------*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
    .homepage .btn-wrapper .btn{
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .homepage .banner-text{
        margin-top: 15px;   
    }
    .step-2-wrapper .step-1-banner-text{
        padding-right: 120px;
    }
	.product-page .banner-text{
		padding-top:42px;
	}
}
/*--------------- iphone 6 plus ------------------*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { 
    .homepage .btn-wrapper .btn{
        margin-top: 10px;
    }
	.product-page .banner-text{
		padding-top:92px;
	}
}

/*--------------- iphone landscape ------------------*/
@media only screen and (max-device-width : 736px) and (orientation: landscape){
    .step-1-wrapper .step-1-banner-text,
    .step-2-wrapper .step-1-banner-text{
        width: 300px;
    }
    .step-wrap-text span img{
        width: auto;
    }
    .registerWrapper .banner-text{
        padding-top: 90px;
    }
    .registerWrapper .step-1-banner-text{
        padding-right: 140px;
    }
	.product-page .banner-text {
    	padding: 120px 60px 0px 10px;
    	width: 50%;
    	font-size: 24px;
	}
	.product-page .banner-wrapper .btn-wrapper {
    	padding-top: 16px;
	}

}



/*------------------- tools and axtivity changes -----*/

.tools-and-activities-wrapper .banner-text {
   
      padding: 20px 0px 5px 0;
}
.tools-and-activities-wrapper .step-1-banner-text {
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.1;
}
.tools-activites-wrapper.btn-wrapper button.btn {
        font-size: 18px;
    padding: 10px;
}
.tools-activites-wrapper {
       width: 48%;
    height: 50px;
}
.tools-activites-wrapper.btn-wrapper button.btn span.tool-img {
    right: 3px;
    transform: scale(0.7);
}
.tools-activites-wrapper button .triangle {
    position: absolute;
    top: 47px;
}
.tools-activites-container {
    margin-top: 40px;
}
.last-btn-container .btn {
    width: 232px;
    text-align: left;
    font-size: 19px;
    padding-left: 20px;
}
.last-btn-container .btn:after {    
    bottom: 3px;
    right: 3px;
    height: 28px;
    width: 21px;
    background-size: 17px;
}
.tools-activites-wrapper .step-1-banner-text{
	padding-right: 55px;
}

/*------------------- tools and axtivity changes end -----*/

.testimonial-content-text {
   padding: 30px 0px 0px 0px;
 }

.testimonial-content-text .no1 {
    font-size: 57px;
}
	
 .select-wrapper:before {
    display: none
   
}

.select-wrapper:after {
    display: none
}


.select-wrapper select {
    font-size: 12px;

}
.sec-fifth-title span:after{right: -44px;bottom: -26px;}

/*CSS for popup starts here*/
.formSite .submitbtn .btn {width: 210px;}
.formSite .form-group{width:100%}
#downloadFreeGuide .modal-content ul{padding-left:16px;}
.modal .modal-title{font-size:22px;}


/*CSS for recaptcha box starts here*/
div#freeguideCaptcha {transform: scale(0.7);transform-origin: 0 0;}

/*CSS for new sections start here*/
.new-section .new-section-wrapper {padding-left: 0;}
.new-section .product-title-new{font-size:24px}
.new-section .product-description{font-size:15px;}
.new-section ul.list{font-size:14px; margin-botton:20px;}
.new-section .product-img {padding: 40px 0; margin:0 auto;}
.sec-fifth-title.review-section-1{margin-bottom:20px;font-size:21px;}
.sec-fifth-title.review-section-2{font-size:21px;}
.sec-fifth-title.review-section-1 .btn-wrapper, .sec-fifth-title.review-section-2 .btn-wrapper {bottom: 20px;right: 10px;}
.sec-fifth-title.review-section-1 p, .sec-fifth-title.review-section-2 p{left:20px;bottom:-8px;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */