
@media (min-width: 1600px) {
    body .header-logo a {
        width: 300px;
    }

    body .header-main .container {
        flex-wrap: inherit;
    }

    body .enumenu_ul > li {
        margin-right: 15px;
    }
}

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

  .menu-icon {
    display: block;
  }

  .header-main.header-main-inner .header-logo img {
    width: 180px;
  }
  .header-logo {
    position: relative;
    z-index: 2;
  }
  .header-logo a {
    width: 290px;
  }
  .stickyHeader .header-logo a {
    width: 290px;
  }
  .stickyHeader .header-main {
    padding: 10px 0;
    background: url(../images/heade-rmobile-bg.jpg) no-repeat center;
    background-size: cover;
  }
  .header-main {
    padding: 10px 0px;
    background-color: #e8e8e8;
  }
  .navigation-dropdown-wrap {
    width: auto;
  }
  .country-dropdown {
    display: none;
  }
  body.menu-open:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 3;
    transition: all 0.5s ease-in-out;
  }
  .enumenu_ul {
    display: none;
  }
  .menu-block {
    height: auto;
  }
  .menu-icon {
    display: block;
  }
  .enumenu_ul > li:before {
    display: none;
  }
  .enumenu_ul > li:after {
    display: none;
  }
  .enumenu_ul > li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-top: 2px solid #57aa50;
  }
  .enumenu_ul > li > a {
    display: block;
    text-align: left;
    font-size: 21px;
    text-transform: inherit;
    padding: 19px 20px 19px 57px;
    color: #fff;
  }
  #menu-home-menu.enumenu_ul > li a:hover {
    color: #ff8543;
  }
  #menu-home-menu.enumenu_ul > li a {
    display: block;
    text-align: left;
    font-size: 21px;
    text-transform: inherit;
    padding: 19px 20px 19px 57px;
    color: #fff;
  }
  .enumenu_ul > li.menu-item-has-children > a {
    text-align: left;
    font-size: 21px;
    text-transform: inherit;
    padding: 19px 20px 19px 57px;
  }
  .enumenu_ul > li.menu-item-has-children > a:after {
    display: none;
  }
  .enumenu_ul {
    width: 100%;
  }
  .enumenu_ul > li ul {
    background: #5fba58;
    padding-top: 0;
    padding-bottom: 18px;
    margin-top: -12px;
  }
  .enumenu_ul > li ul a {
    text-align: left;
    display: block;
    color: #000;
    padding: 8px 20px 8px 58px;
    font-weight: 400;
    text-transform: inherit;
    font-size: 21px;
  }
  .enumenu_ul ul li:hover a {
    background: #5fba58;
  }
  .enumenu_ul .arrow {
    position: absolute;
    left: 22px;
    top: 20px;
    width: 30px;
    height: 18px;
    background: url(../images/icon_dropdown_white.png) no-repeat center;
    cursor: pointer;
    z-index: 99;
    background-size: contain;
    transition: all 0.5s ease-in-out;
  }
  .enumenu_ul .arrow.up {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }

  #menu-home-menu.enumenu_ul > li.login a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.login a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.login a {
    background: transparent;
  }
  #menu-home-menu.enumenu_ul > li.stories a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.stories a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.stories a {
    background: transparent;
  }
  #menu-home-menu.enumenu_ul > li.participate a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.participate a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.participate a {
    background: transparent;
  }
  #menu-home-menu.enumenu_ul > li.about-us a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.about-us a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.about-us a {
    background: transparent;
  }
  .logout-btn {
    display: none;
  }
  
/* Push Menu */
  body.menuslide_push {
    position: relative;
  }
  body.menuslide_push.slidemenuLeft {
    left: 0;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
  }
  body.menuslide_push.slidemenuRight {
    right: 0;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
  }
  body.slidemenuRight .enumenu_ul {
    right: -85%;
  }
  body.slidemenuRight.menu-open .enumenu_ul {
    right: 0;
  }
  body.slidemenuLeft .enumenu_ul {
    left: -85%;
  }
  body.slidemenuLeft.menu-open .enumenu_ul {
    left: 0;
  }
  body.menuslide_push.slidemenuLeft.menu-open {
    left: 85%;
  }
  body.menuslide_push.slidemenuRight.menu-open {
    right: 85%;
  }
  body.menuslide_push .enumenu_ul,
  body.menuOverlap .enumenu_ul {
    background: #5fba58 none repeat scroll 0 0;
    display: block;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    position: fixed;
    transition: all 0.5s ease 0s;
    max-width: 85%;
    top: 0;
    padding-top: 126px;
  }
}

@media (min-width: 1367px) {
  .author .ambassadors-hero-sec {
    height: 768px;
  }
  section.ambassadors-hero-sec > .container {
    margin-bottom: 92px;
  }
  section.ambassadors-hero-sec:after {
    content: "";
    background-color: #ff8444;
    height: 79px;
    display: block;
    position: relative;
    top: -171px;
    z-index: -1;
  }
}
@media (max-width: 1366px) and (min-width: 1311px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -83px;
  }
  section.ambassadors-hero-sec:after {
    height: 83px;
  }
}
@media (max-width: 1310px) and (min-width: 1271px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -79px;
  }
  .ambassadors-hero-sec:after {
    height: 79px;
  }
}
@media (max-width: 1270px) and (min-width: 1240px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -77px;
  }
  .ambassadors-hero-sec:after {
    height: 77px;
  }
}
@media (max-width: 1239px) and (min-width: 1201px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -75px;
  }
  .ambassadors-hero-sec:after {
    height: 75px;
  }
}
@media (max-width: 1200px) and (min-width: 1160px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -58px;
  }
  .ambassadors-hero-sec:after {
    height: 73px;
  }
}
@media (max-width: 1159px) and (min-width: 1130px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -55px;
  }
  .ambassadors-hero-sec:after {
    height: 70px;
  }
}
@media (max-width: 1129px) and (min-width: 1100px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -53px;
  }
  .ambassadors-hero-sec:after {
    height: 68px;
  }
}
@media (max-width: 1099px) and (min-width: 1025px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -50px;
  }
  .ambassadors-hero-sec:after {
    height: 65px;
  }
}
@media (max-width: 1024px) and (min-width: 992px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -34px;
  }
  .ambassadors-hero-sec:after {
    height: 49px;
  }
}
@media (max-width: 991px) and (min-width: 625px) {
  section.ambassadors-hero-sec > .container {
    margin-bottom: -72px;
  }
  .ambassadors-hero-sec:after {
    height: 87px;
  }
}
@media (max-width: 600px) {
  section.ambassadors-hero-sec .container {
    padding: 0;
  }
  body .ambassadors-name-dtl,
  body .ambassadors-contact {
    padding: 0 20px;
  }
}
@media (min-width: 1921px) {
  .methods-heading h2 {
    bottom: -15px;
  }
  .our-methods-sec.white-bg-shape {
    margin-top: -260px;
    padding-top: 275px;
  }
  .inspire-right--content .inspire--content {
    padding: 139px 126px 108px;
  }
  .our-methods-sec {
    padding: 255px 0 96px;
  }
  .our-methods-title {
    height: 665px;
  }
  .our-ambassadors-outline {
    left: -250px;
  }
  .our-ambassadors-filter:before {
    border-width: 140px 0 0 3801px;
  }
  .story-title:after {
    width: 100%;
  }
  .story-title-inner {
    top: -30px;
  }
  .in-brief-block {
    right: -22%;
  }
  .housing-salvation-wrap {
    right: -22%;
  }
  .single-logo {
    right: -120px;
    top: -143px;
  }
  .methods-heading:before {
    top: 10px;
    transform: rotate(-1.1deg);
    -webkit-transform: rotate(-1.1deg);
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.border-bottom:before {
    bottom: -1.5px;
    width: 333.4vw;
  }
}

@media (max-width: 1508px) {
  .story-banner-sec {
    height: 870px;
    background-position: center center;
  }
  .stroy-detials-sec {
    margin-top: -276px;
  }

  .our-methods-sec .container-fluid {
    padding-left: 6.9%;
  }
  .our-methods-title {
    width: 6.2%;
    height: 503px;
    margin-top: -11px;
  }
  .our-methods-title h2 {
    font-size: 48px;
    margin: 382px 0 0 -1px;
  }
  .our-methods-slider .slick-arrow {
    top: -126px;
    right: 36px;
  }
  .small-ideas-sec {
    padding: 91px 0 138px;
  }
  .our-methods-sec {
    padding: 154px 0 70px;
  }
  .our-methods-slider {
    width: 92.3%;
  }
  .methods-page-details .container {
    width: 1190px;
  }
  .social-media {
    left: 8.6%;
  }
  .methods-heading {
    width: 33.2%;
  }
  .methods-heading-inner {
    max-width: 520px;
    text-align: center;
    padding: 18px 0 11px;
  }
  .methods-heading:before {
    transform: rotate(-1.6deg);
    -webkit-transform: rotate(-1.6deg);
    top: 9px;
  }
  .methods-title-image {
    width: 34%;
  }
  .methods-content-dtl {
    width: 50%;
    margin-right: auto;
    margin-left: 0;
    padding-left: 68px;
  }
  .methods--details {
    margin-left: 19.1%;
  }
  .methods-single-image {
    width: 34%;
  }
  .methods--content {
    padding-right: 0;
    width: 50%;
    margin-right: auto;
    padding-left: 68px;
    margin-left: 0;
  }
  .methods--content h4 {
    margin-bottom: 8px;
  }
  .methods-single-image.right + .methods--content {
    padding-left: 16%;
    margin-left: auto;
  }
  .methods-page-details:before {
    right: 16%;
  }
  .methods-page-details:after {
    right: 16%;
  }
  .basic-rules-customers {
    right: 127px;
    top: 73px;
    max-width: 380px;
    min-width: 380px;
  }
  .our-methods-sec.white-bg-shape {
    margin-top: -188px;
  }

  .inspire--image {
    width: 50.8%;
  }
  .inspire-right--content .inspire--content {
    padding: 49px 126px 43px;
  }
  .successful-methods-content {
    padding: 50px 114px 52px 137px;
  }
  .stroy-detials-sec:after {
    right: 17%;
  }
  .stroy-detials-sec:before {
    right: 17%;
  }
  .in-brief-block {
    right: 3px;
    top: -183px;
  }
  .story-title {
    width: 37%;
  }
  .story-title-wrap {
    max-width: 74%;
  }
  .story-title:before {
    right: -15px;
    top: 5px;
  }
  .story-title:after {
    top: -6px;
  }
  .housing-salvation-wrap {
    right: 3px;
    top: 352px;
  }
  .stroy-detials-wrap .social-media {
    top: 320px;
    left: 1.7%;
  }
  .stroy-detials-wrap {
    max-width: 505px;
    margin-left: 20.7%;
  }
  .demy-garcia-wrap {
    margin-left: 14%;
    max-width: 620px;
  }
  .demy-garcia .container {
    padding: 0;
  }
  .rate-story {
    max-width: 505px;
    margin-left: 14%;
  }
  .message.success {
    max-width: 505px;
    margin-left: 14%;
  }
  .rating-form.mr-shortcode {
    max-width: 550px;
    margin-left: 14%;
  }
  .our-ambassadors-filter:before {
    content: "";
    position: absolute;
    left: -1050px;
    right: 0;
    top: -70px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 0 3801px;
    border-color: transparent transparent transparent #000;
    transform: rotate(-3.6deg);
  }
  .our-ambassadors-outline {
    position: absolute;
    left: -24%;
    right: 0;
    border-bottom: 3px solid #fff;
    top: -50px;
    -webkit-transform: rotate(-1.2deg);
    transform: rotate(-6.2deg);
    z-index: 1;
    width: 150vw;
  }
  .invert--logo {
    left: 0;
  }
  .methods--image img {
    width: 475px;
  }
  .our-methods-block .thumbs-up {
    left: -136px;
    bottom: -256px;
  }
  .methods-content--inner {
    padding: 105px 12% 43px 14px;
  }
  .methods--image.left-image + .methods-content-block .methods-content--inner {
    padding-left: 20.6%;
  }

  .search-categorie-sec {
    padding-bottom: 80px;
  }
  .last-added-artical .slick-track {
    padding: 25px 0 90px;
  }
  .last-added-artical .next {
    top: 91%;
    left: auto;
    right: 25px;
    z-index: 2;
  }
  .last-added-artical .prev {
    top: 91%;
    left: 25px;
    right: 0;
    z-index: 2;
  }
  .footer-top-wrap {
    padding-left: 42px;
  }
  .successfully-image {
    right: -416px;
  }
  .successfully-image figure img {
    width: 420px;
  }
  .registration-form.story--form .story-banner-bg {
    right: -337px;
    top: -13px;
  }
  .registration-form.story--form .story-banner-bg img {
    width: 420px;
  }
}

@media (max-width: 1366px) {
  .container {
    max-width: 100%;
    width: 100%;
    padding: 0 20px;
  }
  .prefer-hand-book {
    top: 23%;
    bottom: auto;
  }
  .right-content-inner {
    right: 15px;
  }
  .ggd-training-parent .training--image-block {
    right: 0;
    margin-right: 0;
  }
  .ggd-training-sec
    .ggd-training-parent:nth-child(even)
    .training--image-block {
    left: 0;
    margin-left: 0;
  }
  .welcome-hand {
    margin: -100px auto -228px 30%;
  }
  .welcome-hand figure img {
    width: 620px;
  }
  .add-story {
    right: 20px;
  }
  .single-slider-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .basic-rules-customers {
    right: 20px;
  }
  .methods-page-details:after {
    right: 12.5%;
  }
  .methods-page-details:before {
    right: 12.5%;
  }
  .methods-heading {
    width: 45%;
  }
  /********* story form code start here **********/
  .stroy-detials-wrap {
    max-width: 505px;
    margin-left: 14%;
  }
  .this-story {
    max-width: 505px;
    margin-left: 14%;
  }
  .story-title {
    width: 48%;
  }
  .in-brief-block {
    right: 30px;
    top: -73px;
  }
  .housing-salvation-wrap {
    right: 30px;
    top: 450px;
  }
  .story-title-wrap {
    max-width: 85%;
  }
  .story-title-inner ul {
    width: 59.1%;
  }

  .registration-form.story--form {
    padding: 24px 101px 100px 160px;
    max-width: 790px;
  }
  .successfully-your-story {
    left: 140px;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-title {
    left: 160px;
  }
  .registration-form.story--form .custome-position {
    right: -280px !important;
  }
  .registration-form.story--form .gform_page_footer {
    right: -370px;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-hand {
    right: -319px;
    top: -35px;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-hand
    img {
    width: 300px;
  }
  .registration-form.story--form .stroy-image-upload {
    right: -336px;
    bottom: auto;
    top: 2264px;
  }
  .registration-form.story--form .stroy-image-upload img {
    width: 700px;
  }
  .registration-form.story--form .stroy-subtitlle-img {
    right: -336px;
    top: 1191px;
  }
  .registration-form.story--form .stroy-subtitlle-img img {
    width: 420px;
  }
  .registration-form.story--form .stroy-title-img {
    right: -336px;
    top: 11px;
  }
  .registration-form.story--form .stroy-title-img img {
    width: 420px;
  }
  /********* story form code end here **********/
  .methods-title-image {
    width: 38%;
  }
  .methods-title-image figure img {
    width: 300px;
  }
  .methods-content-dtl {
    width: 48%;
    padding-left: 50px;
  }
  .methods-details-wrap:nth-child(even)
    .methods-content-block
    .methods-content--inner {
    padding: 71px 0 50px 12%;
  }
}

@media (max-width: 1200px) {
  .header-logo a {
    width: 300px;
  }
  .stickyHeader .header-logo a {
    width: 280px;
  }
  .banner-caption {
    margin-left: 160px;
  }
  #menu-home-menu.enumenu_ul > li.stories a:after {
    background-size: contain;
  }

  /********* home page code start here **********/
  .out-team-details {
    width: 24%;
    margin-right: 1.3%;
  }
  .out-team-details figure {
    min-height: 162px;
  }
  .out-team-details figure img {
    width: 165px;
  }
  .story--content {
    padding: 25px 15px 19px;
  }
  .image--bg {
    height: 140px;
  }
  .lake-stories-wrap h2 {
    right: 60px;
    bottom: 140px;
    font-size: 26px;
    width: 140px;
  }

  .story--content h5 {
    font-size: 20px;
  }

  .tabs-content-block {
    width: 30%;
  }
  .ambassador-image img {
    width: 481px;
  }
  .right-content-wrap {
    width: 70%;
  }
  .ambassador-image {
    width: 38%;
    margin-left: 0;
  }
  .right-content-wrap:before {
    border-width: 55px 0 0px 55px;
  }

  .widget_subscription {
    width: 72%;
    padding: 90px 2.5% 40px 2.5%;
  }
  .subscribe-newsletter-block input[type="text"] {
    padding: 30px 50px !important;
  }
  .subscribe-newsletter-block {
    text-align: center;
  }
  .subscribe-newsletter-block .gform_wrapper .gform_body {
    width: 55% !important;
  }
  .subscribe-newsletter-block input[type="submit"] {
    font-size: 13px !important;
    padding: 13px 45px 13px 10px;
  }
  .subscribe-newsletter-block input[type="text"] {
    background-size: contain;
    font-size: 18px !important;
  }
  .subscribe-newsletter-block figure {
    left: 0;
    z-index: 2;
    top: -50px;
    right: 0;
    margin: 0 auto;
  }
  /********* home page code end here **********/

  /********* ambassadors page code start here **********/
  .ambassadors-our-text {
    text-align: center;
    width: 100%;
    margin-bottom: 35px;
  }
  .filter-wrap {
    width: 33%;
  }
  .filter-wrap figure img {
    width: 70px;
  }
  .sbSelector {
    width: calc(100% - 50px);
  }
  .sbOptions {
    width: 91% !important;
  }
  .our-ambassadors-filter {
    padding: 60px 0 114px;
  }
  /********* ambassadors page code end here **********/

  /********* Contact page code start here **********/
  .visual-hand-contact {
    background-size: contain;
    width: 495px;
    bottom: -95px;
  }
  .get-in-touch-block {
    padding: 0 0 0 5%;
  }
  .send-message-form {
    width: 45%;
    padding: 65px 5px 90px 65px;
  }
  /********* Contact page code end here **********/
  .welcome-hand figure img {
    width: 550px;
  }
  .welcome-hand {
    margin: -80px auto -180px 270px;
  }
  #ambassador-login {
    margin: 85px 0 0 20px;
  }
  #ambassador-login .btn-site {
    right: -180px;
  }
  #ambassador-login .gform_footer.top_label {
    right: -180px !important;
  }
  .our-methods-content {
    padding-left: 20px;
    padding-right: 0;
  }
  .our-methods-block .thumbs-up {
    left: -180px;
    bottom: -225px;
  }
  .our-methods-block .our-methods-title {
    margin-left: 0;
    text-align: center;
    width: 475px;
    height: 80px;
    background-size: contain;
  }
  .our-methods-block .our-methods-title h2 {
    font-size: 40px;
    padding: 13px 0 0 0;
  }
  .article-search-block {
    max-width: 620px;
  }

  .zorg-kan--content {
    padding: 35px 45px 35px;
  }
  .inspire-right--content .inspire--content {
    padding: 35px 45px 35px;
  }
  .successful-methods-content {
    padding: 35px 40px;
  }
  .inspire-right--content .inspire--content h3 br {
    display: none;
  }
  .yutube---video {
    width: 30%;
    padding: 35px 35px;
  }
  .inspire-image--content {
    width: 89.4%;
  }
  .successful-methods-wrap {
    width: 55.4%;
  }
  .out-team-details .linkdin {
    right: 10px;
    top: 0;
  }
  .tell-your--child {
    padding: 0 10px;
  }
  .footer-top-wrap {
    padding-left: 0;
  }
  .ambassador-signup {
    padding-bottom: 150px;
  }
  .arm-left img {
    width: 250px;
  }
  .arm-right img {
    width: 250px;
  }
  .page-404-sec .banner-caption {
    max-width: 55%;
  }
  .page-404-sec .banner-caption h4 {
    font-size: 20px;
  }
  .ambassadors-hero-sec.ambassadors-user {
    min-height: inherit;
  }
  .ambassadors-hero-sec {
    height: auto;
  }
  .ambassadors-image {
    margin-bottom: -15px;
  }
  .ambassadors-image {
    margin-bottom: -15px;
  }
  .ambassadors-hero-sec.ambassadors-user .ambassadors-image {
    bottom: 0;
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(even) figure:after {
    height: 165px;
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(odd) figure:after {
    height: 170px;
  }

  .social-media {
    left: 20px;
  }
  .basic-rules-customers {
    max-width: 350px;
    min-width: 320px;
  }
  .methods--details {
    max-width: 500px;
    margin-left: 7%;
  }
  .methods-single-image.right + .methods--content {
    padding-left: 4%;
  }
  .methods--content {
    padding-left: 25px;
  }
  .order-form-wrap {
    margin-left: 0;
  }
  .order-details {
    padding-right: 0;
  }
  .order-form-wrap {
    width: 650px;
  }
  .order-details {
    width: 240px;
  }
  .terms-and-conditions .faq-banner-caption {
    max-width: 530px;
    margin-left: 0;
  }
  .terms-conditions-sec .visual_hands_question figure {
    width: 311px;
  }

  /********* story form code start here **********/
  .stroy-detials-wrap {
    max-width: 490px;
    margin-left: 14%;
  }
  .demy-garcia-wrap {
    margin-left: 13.6%;
  }
  .rate-story {
    margin-left: 13.6%;
  }
  .rating-form.mr-shortcode {
    margin-left: 13.6%;
  }
  .form-total {
    margin-left: 13.6%;
  }
  .btn.btn-default.save-rating {
    margin-right: 0;
  }

  .successfully-image {
    right: -256px;
    top: -99px;
  }
  .successfully-image figure img {
    width: 260px;
  }
  .successfully-your-story {
    top: -140px;
    left: 0;
  }
  .successfully-content-dtl {
    padding-top: 25px;
  }
  .article-search-block figure {
    right: 0;
  }
  .registration-form.story--form {
    padding: 24px 20px 80px 20px;
    z-index: 1;
    max-width: 75%;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-hand {
    right: -255px;
    top: 24px;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-hand
    img {
    width: 300px;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-title {
    left: 20px;
  }
  .registration-form.story--form .custome-position {
    right: 0 !important;
    position: relative !important;
    bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .registration-form.story--form .gform_page_footer {
    right: 0;
    bottom: 0;
    position: relative;
    text-align: left;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.border-bottom:after {
    right: 0px;
  }
  .registration-form.story--form .gform_wrapper {
    max-width: 87.5%;
  }

  .registration-form.story--form .gform_wrapper .large-textarea textarea {
    height: 400px !important;
    width: 100%;
  }
  .registration-form.story--form .stroy-image-upload {
    right: -216px;
    bottom: auto;
    top: 2840px;
  }
  .registration-form.story--form .stroy-image-upload img {
    width: 470px;
  }
  .registration-form.story--form .stroy-subtitlle-img {
    right: -216px;
    top: 1090px;
  }
  .registration-form.story--form .stroy-subtitlle-img img {
    width: 300px;
  }
  .registration-form.story--form .stroy-title-img {
    right: -216px;
    top: 50px;
  }
  .registration-form.story--form .stroy-title-img img {
    width: 300px;
  }
  .registration-form.story--form .story-banner-bg {
    right: -237px;
    top: -5px;
  }
  .registration-form.story--form .story-banner-bg img {
    width: 350px !important;
  }
  .gpnf-nested-entries-container.ginput_container {
    max-width: 90.3%;
    display: block;
  }
  .gpnf-nested-entries-container .gpnf-nested-entries {
    min-width: 100%;
    padding-bottom: 30px;
  }
  .gpnf-nested-form .gpnf-dialog .gform_wrapper {
    max-width: 100%;
  }
  /********* story form code end here **********/
}

@media (max-width: 1024px) {
  .single-logo {
    top: -80px;
  }
  .single-logo img {
    width: 80px;
    max-height: 65px;
  }
  div#wpadminbar {
    display: none;
  }
  .user-profile h6 {
    padding-top: 2px;
  }
  .lake-stories-wrap h2 {
    width: 150px;
    right: 60px;
    bottom: 134px;
  }
  .ambassadors-hero-sec {
    height: auto;
  }
  .ambassadors-image {
    width: 35%;
  }
  .ambassadors-contact {
    width: 30%;
    padding-left: 15px;
  }
  .ambassadors-name-dtl {
    width: 30%;
  }
  .ambassadors-name-dtl p {
    margin: 20px 0;
  }
  .customer--child figure {
    width: 150px;
  }
  .enumenu_ul li a {
    padding: 9px 18px;
  }
  .logout {
    padding: 9px 21px 9px 19px;
  }
  .header-main.header-main-inner .container {
    flex-wrap: nowrap;
  }
  .stickyHeader .user-profile {
    margin-top: 0;
  }
  .header-main.header-main-inner .main-navigation {
    margin-top: 0;
  }
  body.stickyHeader .logout-btn {
    margin-top: 0;
  }
  .logout-btn {
    margin-top: 0;
  }
  .user-profile {
    margin-top: 0;
  }
  .blockquote-parent {
    padding-left: 2.5%;
  }
  .our-ambassadors-filter.ambassadors-overview {
    padding-top: 164px;
  }
  .our-ambassadors-dtl {
    width: 21.2%;
    margin-right: 4%;
  }
  .our-ambassadors-dtl figure {
    min-height: 195px;
  }
  .sort-review-filter {
    width: 24%;
  }
  .our-methods-sec .container-fluid {
    padding-left: 3.5%;
  }
  .our-methods-slider {
    width: 90%;
  }
  .our-methods-title {
    height: 465px;
    width: 8%;
  }
  .our-methods-title h2 {
    font-size: 41px;
    margin: 342px 0 0 -1px;
  }
  .our-methods-slider .slick-arrow {
    top: -116px;
  }
  .article-search-block input {
    padding: 0 30px 8px 0 !important;
  }
  /********* story page code start here **********/
  .stroy-detials-sec .social-media {
    position: relative;
    top: auto;
    left: 0;
    margin: 20px 10px;
    max-width: 550px;
    margin-left: 14%;
  }
  .stroy-detials-sec .social-media ul {
    display: flex;
    align-items: center;
  }
  .stroy-detials-sec .social-media ul li {
    margin-right: 15px;
  }
  .stroy-detials-sec .social-media ul li:last-of-type {
    margin-right: 0;
  }
  .story-title {
    width: 100%;
    right: 17%;
  }
  .totoal-score {
    position: relative;
    left: 0;
    top: auto;
    max-width: 160px;
    margin-right: auto;
    padding: 30px 0 30px 0;
    margin-left: 0;
    text-align: left;
  }
  .score-bg {
    margin-left: -80px;
  }
  .stroy-detials-wrap {
    padding: 50px 0 50px;
  }
  .housing-salvation-wrap {
    right: 0;
    top: auto;
    position: relative;
    max-width: 490px;
    width: auto;
    margin-left: 14%;
  }
  .story-title-inner ul {
    width: auto;
    max-width: 80%;
  }
  .in-brief-block {
    right: 0;
    top: 0;
    position: relative;
    width: 100%;
    margin-bottom: 35px;
  }
  .housing-salvation-wrap {
    right: 0;
    top: auto;
    position: relative;
  }
  .story-title:before {
    right: -15px;
    top: -4px;
  }
  .story-title-inner ul {
    width: 85%;
  }
  .totoal-score .score-list {
    padding-left: 0;
  }
  /********* story page code end here **********/
}

@media (max-width: 991px) {
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 28px;
  }

  .header-logo a {
    width: 200px;
  }
  .user-profile {
    margin-top: 0;
    margin-left: 0;
    background-size: contain;
    width: 109px;
  }
  .user-profile figure {
    width: 25px;
  }
  .stickyHeader .user-profile {
    margin-left: 0;
  }
  .user-profile h6 {
    font-size: 14px;
    white-space: nowrap;
  }
  .stickyHeader .header-logo a {
    width: 200px;
  }
  .enumenu_ul li a {
    font-size: 14px;
    padding: 9px 18px;
  }
  .navigation-dropdown-wrap {
    width: calc(100% - 220px);
  }
  #menu-home-menu.enumenu_ul > li a {
    font-size: 13px;
    padding: 9px 16px 7px;
  }
  .logout {
    font-size: 13px;
    padding: 9px 20px 7px 16px;
  }
  #menu-home-menu.enumenu_ul > li {
    margin-right: 6px;
  }
  .logout-btn {
    padding-left: 6px;
  }
  .logout:before {
    background-size: contain;
    height: 30px;
  }
  .country-dropdown {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.stories a:after {
    background-size: contain;
    top: -3px;
    right: 0;
    height: 36px;
  }
  #menu-home-menu.enumenu_ul > li.stories a {
    background-size: contain;
  }
  #menu-home-menu.enumenu_ul > li.participate a {
    background-size: contain;
  }
  #menu-home-menu.enumenu_ul > li.participate a:after {
    right: 0;
    top: 0px;
    height: 34px;
  }
  #menu-home-menu.enumenu_ul > li.about-us a {
    background-size: contain;
  }
  #menu-home-menu.enumenu_ul > li.about-us a:after {
    left: 5px;
    right: 6px;
    height: 39px;
    top: -5px;
  }
  #menu-home-menu.enumenu_ul > li.login a:after {
    right: 5px;
    height: 34px;
    top: 0px;
  }
  #menu-home-menu.enumenu_ul > li.login a:after {
    right: 6px;
    height: 34px;
    top: -1px;
  }
  /********* home page code start here **********/
  .list-block-sec {
    padding: 6px 0 30px;
  }
  .list-block-sec .row {
    justify-content: space-between;
  }
  .image--bg {
    height: 210px;
  }
  .story--content {
    height: calc(100% - 210px);
    width: 100%;
  }
  .story-block-wrap {
    width: 48%;
    margin-right: 3%;
  }
  .story-block-wrap:nth-child(2n + 2) {
    margin-right: 0;
  }
  .out-team-details {
    width: 32%;
  }
  .out-team-details:nth-child(3n + 3) {
    margin-right: 0;
  }
  .our-methods-slider .slick-list.draggable {
    padding-right: 65px;
  }
  .lake-stories-wrap {
    width: 375px;
    height: 375px;
  }
  .lake-stories-wrap h2 {
    right: 31%;
    bottom: 185px;
    font-size: 30px;
  }

  .tabs-content-block {
    width: 50%;
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 35px;
  }
  .right-content-wrap {
    width: 100%;
  }
  .text-bg {
    margin: 0 auto;
  }
  .tab-content .tab-content-block {
    margin: 0 auto;
    width: 350px;
  }
  .tabs-content-block .tabs {
    justify-content: center;
  }
  .right-content-wrap {
    padding: 60px 0;
  }
  .ambassador-image {
    left: 200px;
    width: 40%;
  }
  .right-content-wrap:after {
    left: -20px;
  }
  .right-content-wrap:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 40px;
    border-color: #fff transparent transparent transparent;
    top: 0;
    background: transparent;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
  }
  .our-methods-sec .container-fluid {
    padding-left: 20px;
  }
  .our-methods-title {
    width: 75px;
    height: 400px;
  }
  .methods-bg {
    padding-bottom: 87%;
    margin-bottom: 122px;
  }
  .our-methods-sec {
    padding: 155px 0 45px;
  }
  .small-ideas-sec {
    padding: 60px 0 130px;
  }
  .readmore-btn {
    font-size: 18px;
  }
  .our-methods-details {
    padding: 30px 20px 30px;
  }
  .our-methods-details h4 {
    font-size: 21px;
    min-height: auto;
  }
  .our-methods-slider {
    width: 89.5%;
  }
  .our-methods-title h2 {
    font-size: 36px;
    margin: 295px 0 0 -1px;
  }

  .footer-main {
    padding: 50px 0 65px;
  }
  .widget_subscription {
    width: 67%;
  }
  .widget_social {
    width: 30%;
  }
  .subscribe-newsletter-block form {
    display: block;
  }
  .subscribe-newsletter-block .gform_wrapper .gform_body {
    width: 62% !important;
    margin: 0 auto 30px;
  }
  .subscribe-newsletter-block input[type="text"] {
    background-size: contain;
    padding: 30px 30px !important;
  }
  .subscribe-newsletter-block
    .gform_wrapper
    li.gfield.gfield_error.gfield_contains_required
    div.gfield_description {
    left: 50%;
    top: auto;
    transform: translateX(-50%);
    text-align: center;
    margin-top: 0;
    padding-top: 0 !important;
  }
  .subscribe-newsletter-block input[type="submit"] {
    font-size: 16px !important;
  }
  .subscribe-newsletter-block {
    text-align: center;
  }
  .subscribe-newsletter-block figure {
    position: absolute;
    left: 0;
    z-index: 2;
    top: -50px;
    right: 0;
    margin: 0 auto;
  }
  .widget_subscription {
    padding: 60px 2.5% 40px 2.5%;
  }
  .subscribe-newsletter-block h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .social-icons li {
    margin-right: 25px;
  }
  .subscribe-newsletter-block figure img {
    width: 120px;
  }
  .subscribe-newsletter-block .gform_wrapper .gform_footer {
    width: 400px !important;
    margin: 0 auto !important;
  }
  .widget_nav_menu .menu li:first-child a {
    font-size: 21px;
  }
  .widget_nav_menu .menu li a {
    font-size: 20px;
  }
  /********* home page code end here **********/

  /********* about page code start here **********/
  .together-you-sec {
    padding: 85px 0;
  }
  .right-content h4 br {
    display: none;
  }
  .customer-logos {
    padding: 0 40px;
  }
  .customer-logos .slick-prev {
    left: 0;
  }
  .customer-logos .slick-next {
    right: 0;
  }
  .out-team-details .linkdin {
    top: 0;
    right: 30px;
  }
  .out-team-sec .row {
    justify-content: inherit;
  }
  .zorg-kan--content {
    width: 60%;
  }
  .yutube---video {
    width: 40%;
  }
  .inspire-image--content {
    width: 100%;
  }
  .inspire-right--content .inspire--content {
    width: 60%;
  }
  .inspire-right--content .inspire-right-image {
    width: 40%;
  }
  .successful-methods-wrap {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .out-team-sec .out-team-content {
    margin: 0 auto 60px;
  }
  .tell-your-verb {
    padding: 60px 0;
  }
  .tell-your-verb .row {
    justify-content: center;
  }
  .tell-your--child {
    width: 50%;
    padding: 0 15px;
    text-align: center;
    display: block;
  }
  .customer--child figure {
    width: 160px;
  }
  .tell-your--child:last-of-type {
    margin-bottom: 0;
  }
  .logo-block {
    padding: 0;
  }
  .out-team-sec {
    padding: 60px 0 25px;
  }
  .out-team-content .team--left-content {
    padding-left: 0;
  }
  .out-team-content .team--left-content h2 {
    margin-bottom: 0;
  }
  .out-team-content p {
    padding-right: 0;
  }
  /********* about page code end here **********/

  /********* ambassador page code start here **********/
  .our-ambassadors-listing {
    justify-content: space-between;
  }
  .our-ambassadors-dtl {
    width: 48%;
    margin-right: 0;
    margin-bottom: 65px;
  }
  .our-ambassadors-dtl:nth-child(2n + 2) {
    margin-right: 0;
  }
  .our-ambassadors-dtl figure:after {
    transform: rotate(0.5deg);
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(even) figure:after {
    height: 165px;
    bottom: 0;
    top: 35px;
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(odd) figure:after {
    height: 165px;
    bottom: 0;
    top: 30px;
  }
  .our-ambassadors-filter {
    padding: 45px 0 104px;
  }
  .our-ambassadors-filter.ambassadors-overview {
    padding-top: 110px;
  }

  .ambassadors-name-dtl {
    width: 48%;
    margin-top: 0;
    text-align: left;
    padding: 20px;
  }
  .ambassadors-image {
    width: 100%;
    padding: 0;
    order: 3;
    text-align: center;
    margin-top: 45px;
    margin-bottom: -15px;
  }
  .ambassadors-hero-sec.ambassadors-user .ambassadors-image {
    bottom: 8px;
  }
  .ambassadors-image .outline-image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
  }
  .ambassadors-image img {
    margin: 0 auto;
  }
  .ambassadors-image .outline-image img {
    margin: 0 auto;
  }
  .ambassadors-contact {
    width: 48%;
    padding-left: 0;
    margin-top: 0;
    margin-left: auto;
  }
  .single-slider-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .single-slider-nav .person-name h4 {
    font-size: 20px;
  }
  .single-slider-nav .person-name.slick-slide.slick-active {
    min-width: 210px;
  }
  .single-slider-nav .slick-slide {
    padding: 20px;
  }
  /********* ambassador page code end here **********/

  /********* Contact page code start here **********/
  .contact-banner {
    padding: 210px 0 162px;
  }
  .visual-hand-contact {
    width: 388px;
    height: 180px;
    bottom: -15px;
  }
  .get-in-touch-block {
    padding-left: 0;
    margin-top: 200px;
  }
  .site-h3 {
    font-size: 28px;
  }
  .send-message-form {
    padding: 45px 5px 90px 30px;
  }
  /********* Contact page code end here **********/

  /********* workshops page code start here **********/
  .workshops-banner {
    padding: 236px 0 57px;
  }
  .workshops-caption {
    max-width: 600px;
    padding-top: 10%;
  }
  .site-h2 {
    font-size: 42px;
  }
  .workshops-caption p {
    padding-left: 0;
  }
  .workshops-caption h3 {
    margin-bottom: 30px;
  }
  .workshops-caption h3 {
    font-size: 28px;
  }
  .you-can-block {
    width: 38%;
  }
  .you-can-content {
    width: 60%;
  }
  .you-can-content h4 br {
    display: none;
  }
  .you-can-expect-sec {
    padding: 60px 0 20px;
  }
  .subjects-wrap .our-methods-title {
    background: url(../images/methods-slider_title-horizontal.png) no-repeat
      center;
    width: 100%;
    text-align: center;
    height: 80px;
    padding: 22px 0;
  }
  .subjects--child figure img {
    width: 120px;
  }
  .subjects--child {
    width: 48%;
    margin-bottom: 35px;
  }
  .subjects-wrap .our-methods-title h2 {
    font-size: 32px;
    margin: 0;
    transform: none;
  }
  .subjects--listing {
    width: 100%;
  }
  .interested-our-services {
    padding: 60px 0 0;
  }
  .send-message-block {
    padding: 45px 5px 90px 30px;
  }
  /********* workshops page code end here **********/

  /********* ambassador singup page code start here **********/
  .welcome-hand {
    margin: -80px auto -110px 250px;
  }
  .welcome-hand figure img {
    width: 450px;
  }
  .invert--logo {
    width: 260px;
  }
  #ambassador-login {
    margin: 85px auto;
  }
  #ambassador-login .gform_footer.top_label {
    position: relative;
    right: auto !important;
  }
  #ambassador-login .btn-site {
    right: 70px;
    bottom: 45px;
    top: auto;
    left: auto;
  }
  #ambassador-login .btn-site:hover,
  #ambassador-login .btn-site:focus {
    border-color: #f58220 !important;
    color: #f58220 !important;
  }
  .our-ambassadors-filter:after {
    top: -70px;
    height: 90px;
  }
  .our-ambassadors-outline {
    top: -33px;
  }
  .our-ambassadors-sec {
    padding: 0 0 105px 0;
  }
  /********* ambassador singup page code end here **********/

  /********* story article search singup code start here **********/
  .categorie-all-filter {
    width: 100%;
  }
  .search-categorie-sec .ambassadors-filter-list {
    align-items: flex-start;
  }
  .categorie-all-filter .filter-wrap {
    width: 48%;
    margin-bottom: 25px;
  }
  .sort-review-filter {
    width: 48%;
    margin-top: 0;
  }
  .article-search-block {
    max-width: 540px;
    margin-left: 0;
  }
  .single-paragraph p br {
    display: none;
  }
  /********* story article search singup code end here **********/

  .faq-banner {
    padding: 150px 0 25px;
  }
  .visual_hands_question figure {
    width: 130px;
  }
  .methods--image.left-image + .methods-content-block .methods-content--inner {
    padding-left: 10%;
  }
  .methods-content--inner {
    padding: 25px 10% 45px 6px;
  }
  .methods-content--inner p {
    margin-bottom: 20px;
  }
  .methods-content--inner h5 {
    margin-bottom: 20px;
  }
  .methods-content--inner .btn-site {
    margin-top: 20px;
  }
  .methods-details-wrap:nth-child(even)
    .methods-content-block
    .methods-content--inner {
    padding-top: 0;
  }
  .our-methods-block .our-methods-title {
    width: 350px;
    height: 75px;
  }
  .our-methods-block .our-methods-title h2 {
    font-size: 31px;
    padding-top: 18px;
  }
  .our-methods-block .thumbs-up {
    left: -160px;
    bottom: -100px;
    width: 481px;
  }
  .our-methods-banner {
    padding: 187px 0 80px;
  }

  /********* sign and registration code start here **********/
  .small-container {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
  }
  .terms-conditions-sec .visual_hands_question figure {
    width: 250px;
  }
  .terms-list-wrap {
    margin-left: 0;
  }
  .faq-banner-caption h2 {
    font-size: 31px;
    margin-bottom: 30px;
  }
  .page-404-sec {
    padding: 250px 0 140px;
  }
  .arm-right img {
    width: 200px;
  }
  .arm-left img {
    width: 200px;
  }
  .frequently-questions-sec {
    background: #fff;
  }
  .terms-conditions-sec .visual_hands_question {
    top: -250px;
  }
  .registration-form .gform_wrapper ul.gform_fields li.gfield.custom-paragraph {
    width: 45% !important;
  }

  .your-email-block {
    padding: 31px 5% 47px 5%;
  }
  .login-social-wrap {
    padding: 50px 30px 58px 30px;
  }
  .ambassador-btn {
    margin: 49px 0 0 20px;
  }
  .become--ambassador-wrap p {
    width: 42%;
    padding: 22px 0 0 20px;
  }
  .become--ambassador-wrap {
    padding: 16px 20px 0 20px;
  }
  .sign-in-banner {
    padding: 4px 0 150px;
  }
  /********* sign and registration code end here **********/

  .methods-page-details .social-media {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 25px;
  }
  .basic-rules-customers {
    max-width: 95.5%;
    min-width: 95.5%;
    position: relative;
    top: 0;
    left: 20px;
    right: auto;
    margin-bottom: 25px;
  }
  .social-media ul {
    display: flex;
    align-items: center;
  }
  .social-media ul li {
    margin-bottom: 0;
    margin-right: 15px;
  }
  .methods-heading {
    width: 70%;
  }
  .methods-heading:before {
    top: 1px;
  }
  .methods-heading-inner {
    padding: 20px 0 12px;
    max-width: 95%;
  }
  .methods-page-details:after {
    right: 0;
  }
  .methods--content {
    width: 66%;
  }
  .methods-page-details:before {
    right: 0;
  }
  .methods--details {
    max-width: 100%;
    margin-left: 0;
  }
  .methods-single-image.right + .methods--content {
    padding-left: 0;
    max-width: 100%;
    margin-left: 0;
  }

  .employees-blockquote {
    padding: 170px 0 100px;
  }
  .blockquote--child figure img {
    width: 160px;
  }
  .blockquote--child blockquote:before {
    height: 45px;
    margin: 0 0 10px 0;
    width: 60px;
    background-size: contain !important;
  }
  .blockquote-parent {
    width: 70%;
    padding-left: 0;
  }
  .blockquote--child blockquote {
    width: calc(100% - 160px);
    padding: 0 30px 0 30px;
  }
  .book-image-block {
    width: 35%;
    position: absolute;
    right: -11px;
    top: 317px;
  }
  .this-story {
    margin-left: 0;
  }
  .order-form-wrap {
    width: 100%;
    max-width: 100%;
  }
  .order-details {
    width: 100%;
    padding-top: 35px;
  }
  .order-details h4 {
    text-align: center;
  }
  .order-details ul {
    margin: 0 auto;
    padding-right: 0;
  }
  .methods--content-block {
    flex-wrap: wrap;
  }
  .page-id-1539 .methods--content-block {
    margin-top: 0;
  }
  .methods-title-image {
    width: 100%;
    text-align: left;
    padding-left: 160px;
    padding-bottom: 10px;
  }
  .methods-title-dtl-top {
    top: 20px;
    width: 170px;
  }
  .methods-title-dtl-bottom {
    width: 170px;
    bottom: 40px;
  }
  .methods-content-dtl {
    width: 100%;
    padding-left: 0;
  }
  .story-banner-sec {
    height: 640px;
  }
  .stroy-detials-sec {
    margin-top: -100px;
  }
  /********* story form code start here **********/
  .story-title {
    width: 100%;
    right: 0;
  }
  .story-title-wrap {
    max-width: 95%;
    text-align: center;
  }

  .totoal-score .score-list {
    padding-left: 0;
  }
  .stroy-detials-sec:before {
    right: 0;
    display: none;
  }
  .stroy-detials-sec:after {
    right: 0;
  }
  .story-title-inner ul {
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .stroy-detials-wrap {
    max-width: 100%;
    margin-left: 0;
  }
  .totoal-score {
    margin-left: 0;
  }
  .housing-salvation-wrap {
    max-width: 100%;
    margin-left: 0;
  }
  .housing-salvation-wrap h5 {
    text-align: center;
  }
  .demy-garcia-wrap {
    margin-left: 0;
  }
  .stroy-detials-sec .social-media {
    margin-left: 0;
    max-width: 100%;
    margin: 30px 0 10px;
  }
  .rate-story {
    margin-left: 0;
    max-width: 100%;
  }
  .message.success {
    max-width: 100%;
    margin-left: 0;
  }
  .form-total {
    margin-left: 0;
  }

  .rating-form.mr-shortcode {
    margin-left: 0;
    max-width: 620px;
  }
  div.rating-form form {
    max-width: 100%;
  }
  .successfully-content-dtl {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .successfully-your-story h2 {
    font-size: 30px;
  }
  .successfully-image {
    display: none;
  }
  .successfully-content-dtl p br {
    display: none;
  }

  .registration-form.story--form {
    max-width: 100%;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-hand {
    display: none;
  }
  .registration-form.story--form:after {
    left: -20px;
    z-index: -1;
  }
  .registration-form.story--form:before {
    display: none;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.border-bottom:after {
    right: -60px;
  }
  .registration-form.story--form .stroy-title-img {
    display: none;
  }
  .registration-form.story--form .stroy-subtitlle-img {
    display: none;
  }
  .registration-form.story--form .stroy-image-upload {
    display: none;
  }
  .registration-form.story--form .story-banner-bg {
    display: none;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.last-child {
    padding-bottom: 70px !important;
  }
  .gpnf-nested-entries td:last-child {
    padding-left: 0;
  }
  .registration-form.story--form .gform_wrapper {
    max-width: 100%;
  }
  .single-logo {
    display: none;
  }
  .gpnf-nested-entries tr {
    margin-top: -1px;
  }
  .gpnf-nested-entries td:last-child {
    border-bottom: 1px solid #ccc !important;
    text-align: left;
    background-color: transparent !important;
  }
  .gpnf-nested-entries tr {
    border-bottom: none !important;
  }
  .gpnf-nested-entries td:before {
    text-align: left;
  }
  .gpnf-nested-entries-container.ginput_container {
    width: 100%;
  }
  .ambassadors-hero-sec .slick-track {
    display: block;
  }
  .ambassadors-slider--item {
    min-height: 365px;
    align-items: flex-start;
  }
  /********* story form code end here **********/

  .post-type-wrap {
    padding: 230px 0 100px;
  }
  .post-type-wrap .row {
    justify-content: space-between;
  }
  .post-type-wrap .post,
  .post-type-wrap .page {
    width: 48%;
  }
  .post-type-wrap .posts-navigation {
    width: 48%;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 43px;
    line-height: 1.06;
  }
  .site-h2 {
    font-size: 36px;
  }
  h2 {
    font-size: 31px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 21px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }
  .header-main.header-main-inner .header-logo img {
    width: 180px;
  }
  .header-main.header-main-inner .header-logo {
    margin-bottom: -20px;
  }
  .header-logo {
    position: relative;
    z-index: 2;
    margin-bottom: -44px;
    padding: 10px 0px;
    top: -15px;
  }
  .header-logo a {
    width: 290px;
  }
  .stickyHeader .header-logo a {
    width: 290px;
  }
  .stickyHeader .header-main {
    padding: 15px 0 0 0;
    background: url(../images/heade-rmobile-bg.jpg) no-repeat center;
    background-size: cover;
  }
  .header-main {
    padding: 15px 0 0 0;
    background: url(../images/heade-rmobile-bg.jpg) no-repeat center;
    background-size: cover;
  }
  .navigation-dropdown-wrap {
    width: auto;
  }
  .country-dropdown {
    display: none;
  }
  body.menu-open:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 3;
    transition: all 0.5s ease-in-out;
  }
  .enumenu_ul {
    display: none;
  }
  .menu-block {
    height: auto;
  }
  .menu-icon {
    display: block;
  }
  .enumenu_ul > li:before {
    display: none;
  }
  .enumenu_ul > li:after {
    display: none;
  }
  .enumenu_ul > li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-top: 2px solid #57aa50;
  }
  .enumenu_ul > li > a {
    display: block;
    text-align: left;
    font-size: 21px;
    text-transform: inherit;
    padding: 19px 20px 19px 57px;
    color: #fff;
  }
  #menu-home-menu.enumenu_ul > li a:hover {
    color: #ff8543;
  }
  #menu-home-menu.enumenu_ul > li a {
    display: block;
    text-align: left;
    font-size: 21px;
    text-transform: inherit;
    padding: 19px 20px 19px 57px;
    color: #fff;
  }
  .enumenu_ul > li.menu-item-has-children > a {
    text-align: left;
    font-size: 21px;
    text-transform: inherit;
    padding: 19px 20px 19px 57px;
  }
  .enumenu_ul > li.menu-item-has-children > a:after {
    display: none;
  }
  .enumenu_ul {
    width: 100%;
  }
  .enumenu_ul > li ul {
    background: #5fba58;
    padding-top: 0;
    padding-bottom: 18px;
    margin-top: -12px;
  }
  .enumenu_ul > li ul a {
    text-align: left;
    display: block;
    color: #000;
    padding: 8px 20px 8px 58px;
    font-weight: 400;
    text-transform: inherit;
    font-size: 21px;
  }
  .enumenu_ul ul li:hover a {
    background: #5fba58;
  }
  .enumenu_ul .arrow {
    position: absolute;
    left: 22px;
    top: 20px;
    width: 30px;
    height: 18px;
    background: url(../images/icon_dropdown_white.png) no-repeat center;
    cursor: pointer;
    z-index: 99;
    background-size: contain;
    transition: all 0.5s ease-in-out;
  }
  .enumenu_ul .arrow.up {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
  }

  #menu-home-menu.enumenu_ul > li.login a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.login a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.login a {
    background: transparent;
  }
  #menu-home-menu.enumenu_ul > li.stories a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.stories a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.stories a {
    background: transparent;
  }
  #menu-home-menu.enumenu_ul > li.participate a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.participate a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.participate a {
    background: transparent;
  }
  #menu-home-menu.enumenu_ul > li.about-us a:after {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.about-us a:before {
    display: none;
  }
  #menu-home-menu.enumenu_ul > li.about-us a {
    background: transparent;
  }
  .logout-btn {
    display: none;
  }

  /* Push Menu */
  body.menuslide_push {
    position: relative;
  }
  body.menuslide_push.slidemenuLeft {
    left: 0;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    -o-transition: left 0.5s;
  }
  body.menuslide_push.slidemenuRight {
    right: 0;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    -ms-transition: right 0.5s;
    -o-transition: right 0.5s;
  }
  body.slidemenuRight .enumenu_ul {
    right: -85%;
  }
  body.slidemenuRight.menu-open .enumenu_ul {
    right: 0;
  }
  body.slidemenuLeft .enumenu_ul {
    left: -85%;
  }
  body.slidemenuLeft.menu-open .enumenu_ul {
    left: 0;
  }
  body.menuslide_push.slidemenuLeft.menu-open {
    left: 85%;
  }
  body.menuslide_push.slidemenuRight.menu-open {
    right: 85%;
  }
  body.menuslide_push .enumenu_ul,
  body.menuOverlap .enumenu_ul {
    background: #5fba58 none repeat scroll 0 0;
    display: block;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow: auto;
    position: fixed;
    transition: all 0.5s ease 0s;
    max-width: 85%;
    top: 0;
    padding-top: 126px;
  }
  /********* home page code start here **********/

  .banner_sec {
    padding: 200px 0 0;
  }
  .banner-caption-inner {
    padding: 22px 29px 20px;
  }
  .banner-caption h3 {
    font-size: 30px;
    font-family: "Source Sans Pro", sans-serif;
    padding: 55px 31px 25px;
  }
  .banner-caption-inner p br {
    display: none;
  }
  .banner-caption-inner p {
    padding-right: 0;
  }
  .banner_sec .container {
    padding: 0;
  }
  .block-ride-year {
    position: absolute;
    left: 40px;
    top: -50px;
  }
  .block-ride-year img {
    width: 50px;
    position: absolute;
    left: 35px;
    top: 22px;
    z-index: 2;
  }
  .block-year-text {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    top: 40px;
    left: -9px;
  }
  .banner-caption .btn-site {
    position: absolute;
    right: 41px;
    bottom: -25px;
    font-size: 0;
    min-width: 40px;
    padding: 11px 14px 11px 10px;
  }
  .banner-caption .btn-site .border-line {
    left: 0;
  }
  .block-year-text b {
    font-size: 24px;
  }
  .block-year-text em {
    font-size: 40px;
    margin-top: -9px;
    margin-left: 6px;
    margin-right: 8px;
  }
  .block-year-text span {
    font-size: 32px;
  }
  .block-ride-year:after {
    height: 52px;
    width: 103px;
    top: 29px;
  }
  .block-ride-year:before {
    height: 52px;
    width: 108px;
    top: 31px;
  }
  .banner-caption {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
  }
  .list-block-sec {
    padding: 53px 0 30px;
  }
  .single-logo {
    display: none;
  }
  .story-block-wrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 44px;
  }
  .story-block-wrap.stories {
    align-items: flex-end;
    padding: 0 0 0 0;
  }
  .image--bg {
    height: auto;
    padding-bottom: 45%;
  }
  .story--content {
    width: 100%;
    height: auto;
    padding: 30px 18px 22px 18px;
  }
  .story-block-wrap:nth-child(even) .border-outline {
    transform: rotate(1deg);
    top: -6px;
    left: 0;
  }
  .story-block-wrap:nth-child(odd) .border-outline {
    transform: rotate(-1.5deg);
    top: -3px;
    left: 0;
  }
  .story-block-wrap .arrow-btn {
    right: 15px;
    bottom: -20px;
  }
  .stories .lake-stories-wrap {
    background: url(../images/icon_bg_more-stories-mob.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    width: 320px;
    height: 94px;
    margin: 0 auto;
    position: relative;
  }
  .lake-stories-wrap h2 {
    position: absolute;
    right: 8%;
    top: 50%;
    margin-top: -4px !important;
    transform: translateY(-50%);
    font-size: 21px;
    line-height: 1;
    width: 85px;
    bottom: auto;
  }
  .story-block-wrap:last-child {
    margin-bottom: 0;
  }
  .story--content h5 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .story--content h5 br {
    display: none;
  }

  .tabs-content-block {
    width: 100%;
    padding-bottom: 54px;
  }
  .tab-content.current {
    padding-bottom: 0;
  }
  .tabs {
    justify-content: center;
  }
  .tab-content .tab-content-block {
    margin: 0 auto;
    width: 100%;
  }
  .tabs .tab-link img {
    width: 61px;
  }
  .tab-content .tab-content-block p {
    margin-top: 21px;
  }
  .tab-content-block h6 {
    font-size: 18px;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif;
  }
  .tabs {
    padding: 28px 0 10px;
  }
  .text-bg {
    margin: 0 auto;
    width: 237px;
    height: 148px;
  }
  .ambassador-image {
    display: none;
  }
  .right-content-inner {
    width: 100%;
    margin-left: 0;
  }
  .right-content-wrap {
    width: 100%;
    padding: 39px 0 61px 20px;
  }
  .right-content-inner p {
    margin-bottom: 31px;
  }
  .right-content-wrap .btn-site {
    min-width: 313px;
    text-align: center;
    background: #fff;
    color: #000;
  }

  .right-content-inner h2 {
    margin-bottom: 25px;
  }
  .right-content-wrap:before {
    display: none;
  }
  .right-content-wrap:after {
    left: -20px;
  }
  .small-ideas-content {
    width: 100%;
  }
  .ideas-right-content {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
  .small-ideas-sec {
    padding: 47px 0 32px;
    z-index: 2;
    position: relative;
    background: transparent;
  }
  .small-ideas-sec .small-ideas-content h1 {
    font-size: 42px;
    letter-spacing: 0.5px;
  }
  .ideas-right-content h4 {
    font-size: 24px;
    margin-bottom: 34px;
  }
  .our-methods-sec {
    margin-top: -39px;
    padding-top: 164px;
    padding-bottom: 125px;
  }

  .tell-your-verb {
    padding: 40px 0;
  }
  .tell-your--child {
    width: 100%;
    margin-bottom: 25px;
    padding: 0;
  }
  .tell-your--child:last-child {
    margin-bottom: 0;
  }
  .tell-your--child p {
    margin-bottom: 25px;
  }

  .footer-main {
    padding: 38px 0 65px;
  }
  .subscribe-newsletter-block figure img {
    width: 110px;
  }
  .widget_subscription {
    width: 100%;
  }
  .widget_subscription {
    padding: 64px 15px 40px 15px;
  }
  .widget_social {
    width: 100%;
    padding-top: 59px;
  }
  .invert-logo {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .widget_nav_menu .menu li {
    margin-bottom: 10px;
  }
  .widget_nav_menu .menu li a {
    font-size: 23px;
    text-transform: inherit;
  }
  .widget_nav_menu .menu li:first-child a {
    font-size: 23px;
  }
  .social-icons li {
    margin-right: 35px;
  }
  .subscribe-newsletter-block input[type="text"] {
    height: 60px;
  }
  .subscribe-newsletter-block .gform_wrapper .gform_body {
    width: 100% !important;
  }
  .subscribe-newsletter-block .gform_wrapper .top_label div.ginput_container {
    text-align: center;
  }
  .subscribe-newsletter-block input[type="text"] {
    width: auto !important;
  }
  .widget_subscription:after {
    transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
  }
  .subscribe-newsletter-block input[type="submit"] {
    font-size: 16px !important;
    padding: 12px 50px 12px 13px;
    margin-bottom: 0 !important;
  }
  .widget_nav_menu {
    width: 100%;
    padding-left: 0;
    padding-bottom: 48px;
  }
  .footer-bottom {
    background: url(http://172.16.2.223/hvo/wp-content/themes/hvo/images/footer-bg.jpg);
    background-size: cover;
    position: relative;
    padding: 35px 0;
  }
  .logo-block li p {
    color: #fff;
  }
  .border-line {
    width: calc(100% - 0px);
    margin: 0 auto;
    border-top: 1px solid #faa169;
  }
  /********* home page code end here **********/

  /********* about page code start here **********/
  .about-banner-sec {
    background-size: contain;
    margin-top: 60px;
    padding: 320px 0 0;
    background-position: center top;
  }
  .zorg-kan--content {
    width: 100%;
  }
  .yutube---video {
    width: 100%;
  }
  .inspire-right--content .inspire--content {
    width: 100%;
    padding: 35px 20px 20px;
  }
  .inspire-right--content .inspire-right-image {
    width: 100%;
    padding-bottom: 85%;
  }
  .inspire-right--content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .successful-methods-content {
    padding: 35px 20px 20px;
  }
  .zorg-kan--content {
    padding: 35px 20px 20px;
  }
  .inspire-right--content .inspire--content h3 {
    margin-bottom: 20px;
  }
  .successful-methods-content p {
    font-size: 18px;
  }
  .out-team-content .team--left-content h2 {
    font-size: 42px;
    margin-bottom: 15px;
  }

  .prefer-book-content {
    width: 100%;
  }
  .prefer-book-sec {
    padding: 150px 0 45px;
  }
  .prefer-hand-book {
    display: none;
  }
  .together-you-sec {
    padding: 45px 0;
  }
  .together-you-content .left-content {
    width: 100%;
  }
  .together-you-content .right-content {
    width: 100%;
  }
  .customer-logos {
    margin-top: 35px;
  }
  .customer-logos {
    padding: 0 60px;
  }
  .blockquote-parent {
    width: 100%;
    padding-left: 0;
  }
  .employees-blockquote {
    padding: 130px 0 100px;
  }
  .book-image-block {
    position: relative;
    width: 100%;
    right: 0;
    top: auto;
  }
  .order-form {
    padding: 30px 45px 25px 45px;
  }
  .order-form .gform_wrapper ul.gform_fields li.gfield.topborder {
    margin-bottom: 20px !important;
    padding: 30px 0 0 0 !important;
    margin-top: 40px !important;
  }
  .order-form-sec {
    margin: -60px 0 60px 0;
  }
  .order-form-title {
    padding: 35px 35px;
  }
  .order-form .gform_wrapper ul.gform_fields li.gfield h3:after {
    left: -67px;
    top: 0;
  }
  .employees-colleagues img {
    width: 100px;
  }
  .employees-colleagues h6 {
    font-size: 18px;
    width: 85%;
    margin-top: -10px;
  }
  .employees-colleagues figure {
    margin-top: -57px;
    margin-left: 20px;
  }
  .employees-colleagues {
    width: 100%;
    align-items: center;
  }
  .blockquote--child figure img {
    width: 120px;
  }
  .blockquote--child blockquote cite {
    font-size: 20px;
  }
  .blockquote--child blockquote {
    width: calc(100% - 120px);
    padding: 0 20px 0 20px;
  }
  .blockquote--child blockquote:before {
    margin: 0 0 10px 0;
    height: 30px;
    width: 45px;
    background-size: contain !important;
  }
  .blockquote--child blockquote p {
    font-size: 18px !important;
    margin-bottom: 15px !important;
  }
  .order-details ul {
    padding-top: 10px;
  }
  .prefer-book-content ul li {
    font-size: 18px;
  }
  .prefer-book-content p {
    font-size: 18px;
  }
  .prefer-book-content p br {
    display: none;
  }
  .prefer-book-content h3 {
    margin-bottom: 20px;
  }
  .prefer-book-content ul {
    padding-bottom: 25px;
  }
  .order-details h2 {
    font-size: 31px;
  }

  .out-team-sec .out-team-content {
    display: block;
  }
  .out-team-sec .out-team-content {
    margin: 0 auto 50px;
  }
  .out-team-content .team--left-content {
    width: 100%;
    padding-left: 0;
    text-align: left;
  }
  .out-team-content .team--left-content h2 {
    text-align: left;
  }
  .out-team-content p {
    padding-right: 0;
    font-size: 18px;
  }
  .out-team-content .team--right-content {
    width: 100%;
  }
  .out-team-sec {
    padding: 40px 0 0;
  }
  .out-team-details {
    width: 48%;
    margin-bottom: 45px;
  }
  .out-team-details:nth-child(2n + 2) {
    margin-right: 0;
  }

  .our-methods-slider {
    width: 100%;
    padding-top: 32px;
  }
  .our-methods-sec .container-fluid {
    padding-left: 5px;
  }
  .our-methods-slider .slick-list.draggable {
    padding-right: 35px;
  }
  .methods-bg {
    padding-bottom: 97%;
    margin-bottom: 108px;
  }
  .our-methods-details {
    padding: 20px 10px 28px 24px;
  }
  .readmore-btn {
    font-size: 16px;
  }
  .our-methods--item.slick-slide {
    margin: 0 9px;
  }
  .our-methods-details h4 {
    font-size: 21px;
    min-height: auto;
  }
  .our-methods-slider .slick-arrow {
    top: auto;
    bottom: -85px;
    width: 140px;
    height: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .our-methods-slider .slick-prev:after {
    width: 40px;
    height: 35px;
    left: 19px;
    margin-top: 0;
  }
  .our-methods-slider .slick-next:after {
    width: 40px;
    height: 35px;
    right: 10px;
    margin-top: 0px;
  }
  .our-methods-title {
    background: url(../images/methods-slider_title-horizontal.png) no-repeat
      center;
    background-size: cover;
    width: 350px;
    height: 64px;
    margin: 0 auto;
    background-position: center center;
  }
  .our-methods-title h2 {
    transform: none;
    margin-top: 0;
    color: #000;
    z-index: 1;
    font-size: 29px;
    text-align: center;
    padding: 13px 0 0 8px;
  }
  .inspire-right--content .inspire--content p {
    font-size: 18px;
  }
  .zorg-kan--content p {
    font-size: 18px;
  }
  /********* about page code end here **********/
  .logo-block {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
  .logo-block li:first-child {
    width: 100%;
    order: -1;
    text-align: center;
  }
  .logo-block li {
    width: 48%;
    margin-bottom: 15px;
    text-align: center;
  }

  /********* ambassadors page code start here **********/
  .ambassador-signup {
    padding-bottom: 75px;
  }
  .filter-wrap {
    width: 49%;
    text-align: center;
    margin-bottom: 35px;
  }
  .our-ambassadors-filter.ambassadors-overview {
    padding-top: 150px;
  }
  .our-ambassadors-filter {
    padding-bottom: 40px;
    padding-top: 10px;
  }
  .our-ambassadors-filter:after {
    height: 80px;
    top: -70px;
  }
  .sbSelector {
    width: calc(100% - 48px);
  }

  .ambassadors-contact {
    width: 100%;
  }
  .ambassadors-name-dtl {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 45px;
  }
  .ambassadors-slider--item {
    min-height: auto;
  }
  .add-story {
    right: 20px;
    left: 0;
    top: 50px;
  }
  .our-ambassadors-outline {
    top: -44px;
  }
  /********* ambassadors page code end here **********/

  /********* Contact page code start here **********/
  .get-in-touch {
    margin-top: 0;
  }
  .get-in-touch-block {
    width: 100%;
    margin-top: 0;
    padding: 40px 0 15px;
  }
  .send-message-form:after {
    left: -30px;
    z-index: -1;
  }
  .send-message-form {
    width: 100%;
    padding: 40px 0 60px 0;
  }
  .gform_wrapper ul.gform_fields li.gfield {
    margin: 0 0 20px 0 !important;
  }
  .send-message-form h4 {
    font-size: 21px;
  }
  .visual-hand-contact {
    bottom: -50px;
    width: 98%;
    height: 100%;
  }
  .gform_wrapper textarea {
    height: 150px !important;
  }
  .site-h3 {
    font-size: 26px;
  }
  .get-in-touch-block p {
    margin-bottom: 30px;
  }
  .get-in-touch-block h3 {
    font-size: 26px;
  }
  /********* Contact page code end here **********/

  /********* workshops page code start here **********/
  .you-can-expect-sec {
    padding: 40px 0 0;
  }
  .you-can-block {
    width: 100%;
  }
  .you-can-content {
    width: 100%;
  }
  .subjects--child .subjects-dtls {
    padding-left: 20px;
  }
  .subjects--child {
    width: 100%;
    margin-bottom: 30px;
  }
  .subjects-wrap .our-methods-title h2 {
    padding-top: 0;
    font-size: 31px;
  }
  .subjects--listing {
    padding-top: 35px;
  }

  .workshops-banner {
    padding: 196px 0 57px;
  }
  .workshops-caption {
    max-width: 100%;
    padding-top: 0;
    padding-right: 0;
  }
  .workshops-caption p {
    font-size: 20px;
    line-height: 1.4;
  }
  .training--dtl-block {
    width: 100%;
    padding: 30px 0 0 0;
  }
  .ggd-training-sec
    .ggd-training-parent:nth-child(even)
    .training--image-block {
    margin-left: 0;
    margin-top: 0;
  }
  .ggd-training-sec .ggd-training-parent:nth-child(even) {
    padding-top: 40px;
  }
  .ggd-training-parent .training--image-block {
    width: 100%;
    order: -1;
  }
  .training--image-block {
    padding-bottom: 92%;
  }
  .training--dtl-block p {
    margin-bottom: 30px;
  }
  blockquote {
    padding: 0 30px 0 45px;
  }
  blockquote p {
    margin-bottom: 15px !important;
  }
  blockquote:before {
    height: 26px;
    width: 28px;
    background-size: contain;
    margin-left: 0;
  }
  .ggd-training-parent {
    padding-bottom: 40px;
  }
  .training--dtl-block p {
    font-size: 18px;
    line-height: 1.5;
    padding-left: 0;
  }
  .interested-our-block {
    width: 100%;
    padding-top: 0;
    padding-bottom: 25px;
  }
  .interested-our-services {
    padding: 40px 0 0;
  }
  .send-message-block {
    width: 100%;
    padding: 35px 0 25px;
    z-index: 1;
  }
  .send-message-block h4 {
    margin-bottom: 25px;
  }
  .send-message-block:after {
    z-index: -1;
    left: -30px;
  }
  .interested-our-block h3 {
    font-size: 26px;
  }
  .interested-our-block p {
    margin-bottom: 20px;
  }
  /********* workshops page code end here **********/

  /********* ambassador signup code start here **********/
  .registration-form-content {
    padding: 35px 35px 20px;
  }
  .registration-form-content h2 {
    margin-bottom: 20px;
  }
  .registration-form-content p {
    margin-bottom: 20px;
  }
  .registration-form {
    padding: 30px 45px 25px 45px;
  }
  .profiel-bewerken-text {
    padding: 30px 45px;
  }
  #ambassador-login {
    max-width: 751px;
    margin: 85px auto;
  }
  .registration-form .gform_wrapper ul.gform_fields li.gfield h3 {
    margin-bottom: 30px;
  }
  .registration-form .gform_wrapper ul.gform_fields li.gfield {
    margin: 0 0 32px 0 !important;
  }
  .registration-form .gform_wrapper ul.gform_fields li.gfield h3:after {
    left: -67px;
    top: 0;
  }
  .registration-form .gfield_consent_label {
    font-size: 18px;
  }
  .invert--logo {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  .invert--logo img {
    width: 250px;
  }
  .welcome-hand {
    margin: 75px auto -110px 0;
    width: 100%;
  }
  .welcome-hand figure img {
    width: 100%;
  }

  .single-slider-nav .person-name.slick-slide.slick-active {
    min-width: auto;
  }
  .single-slider-nav .person-name p {
    display: none;
  }
  .single-slider-nav .person-name h4 {
    display: none;
  }
  .single-slider-nav .person-name.slick-slide.slick-current + .slick-active {
    padding: 0 40px;
  }
  .single-slider-nav .person-name.slick-slide.slick-active {
    padding: 0 40px;
  }
  .single-slider-nav
    .person-name.slick-slide.slick-current
    + .slick-active:after {
    margin-top: 0;
  }
  .single-slider-nav
    .person-name.slick-slide.slick-current
    + .slick-active:before {
    margin-top: 0;
  }
  .single-slider-nav .person-name.slick-slide.slick-active:after {
    margin-top: 0;
  }
  .single-slider-nav .person-name.slick-slide.slick-active:before {
    margin-top: 0;
  }
  .single-slider-nav .slick-track {
    height: 75px;
  }
  /*.ambassadors-hero-sec:after { height: 75px; }*/
  .ambassadors-hero-sec {
    padding-top: 60px;
  }
  .ambassadors-our-text {
    padding-top: 0;
  }
  /********* ambassador signup code end here **********/

  /********* faq signup code start here **********/
  .terms-list-wrap {
    padding-right: 0;
  }
  .accordian-content {
    padding-right: 0;
    padding-bottom: 0;
  }
  .terms-conditions-sec {
    background: #fff;
    padding-top: 0;
  }
  .frequently-questions-sec {
    background: #fff;
    padding-top: 0;
  }
  .terms-list-wrap {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .terms-conditions-sec .visual_hands_question {
    top: -260px;
  }
  .terms-and-conditions {
    padding: 160px 0 35px;
  }
  .faq-banner-caption h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .faq-banner {
    padding: 160px 0 35px;
  }
  .faq-banner-caption h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .accoradin-title {
    padding: 20px 0;
  }
  .accoradin-title h5 {
    font-size: 21px;
  }
  .faq-dtl {
    padding: 40px 0;
  }
  .visual_hands_question {
    position: absolute;
    right: 0;
    top: -250px;
  }
  .visual_hands_question figure {
    width: 110px;
  }
  .faq-banner-caption {
    max-width: 100%;
    padding-right: 200px;
  }
  .faq-banner-caption h6 br {
    display: none;
  }
  /********* faq signup code end here **********/

  .our-methods-block {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
  }
  .our-methods-block .our-methods-title h2 {
    font-size: 29px;
    padding-top: 20px;
  }
  .our-methods-block .our-methods-title {
    margin: 0 auto;
  }
  .our-methods-content {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .our-methods-block .thumbs-up {
    display: none;
  }
  .our-methods-banner {
    margin-bottom: 0;
    padding: 115px 0 25px;
  }
  .methods-content-block {
    width: 100%;
  }
  .methods--image.right-image {
    width: 100%;
    left: 0;
    top: auto;
  }
  .methods-content--inner {
    padding: 40px 0;
  }
  .methods--image.right-image {
    width: 100%;
    order: -1;
    position: relative;
    margin-top: 0;
  }
  .methods-content--inner p {
    margin-bottom: 20px;
    position: relative;
  }
  .methods--image.left-image {
    right: 0;
    width: 100%;
    position: relative;
  }
  .methods-content--inner h5 {
    margin-bottom: 20px;
  }
  .methods--image.left-image + .methods-content-block .methods-content--inner {
    padding-left: 0;
  }
  .methods--image {
    width: 100%;
    order: -1;
    height: auto;
    padding-bottom: 95%;
  }
  .methods-details-sec {
    padding-top: 35px;
  }
  .methods-details-wrap:nth-child(even)
    .methods-content-block
    .methods-content--inner {
    padding: 40px 0 40px 0;
  }
  .methods-details-wrap:last-child {
    padding-bottom: 0;
  }

  /********* story page start code here **********/
  .story-banner-sec {
    background-position: 82% -30px;
    height: 540px;
  }
  .story-gallery-img {
    margin: 30px 0 35px;
  }
  .stroy-detials-sec {
    margin-top: -75px;
    padding-bottom: 100px;
  }
  .stroy-detials-sec:after {
    right: 0;
  }
  .story-title {
    width: 100%;
  }
  .stroy-detials-wrap {
    max-width: 100%;
    margin-left: 0;
    padding-top: 57px;
    padding-bottom: 30px;
  }
  .brief-inner-content {
    padding: 20px 17px 7px;
  }
  .brief-inner-content h3 {
    font-size: 24px;
  }
  .story-title:before {
    width: 113%;
    left: -4px;
    transform: rotate(-2deg);
    -webkit-transform: rotate(-1deg);
    height: 100%;
    top: -6px;
  }
  .story-title-wrap {
    max-width: 96%;
    padding: 22px 0 10px;
  }
  .housing-salvation-video figure img {
    width: 100%;
  }
  .housing-salvation-video figure {
    width: 100%;
  }
  .labels-logo {
    padding: 20px 20px 30px;
  }
  .story-title:after {
    width: 110%;
    left: 0;
    height: 93px;
  }
  .story-title-inner ul li {
    font-size: 14px;
  }
  .in-brief-block {
    left: 0;
    right: 0;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 40px;
    margin-top: 15px;
  }
  .totoal-score {
    padding-top: 0;
    margin-left: 0;
    display: table;
    clear: both;
    width: 100%;
    max-width: 100%;
    padding-bottom: 40px;
  }
  .totoal-score .score-list {
    padding-left: 20px;
    float: left;
  }
  .score-bg {
    margin-left: 0;
    width: 80px;
    float: left;
  }
  .rating-item .radio-option small {
    font-size: 19px;
  }
  .rating-item .radio-option input {
    width: 30px;
    height: 30px;
  }
  .rate-story {
    margin-bottom: 35px;
  }
  .rate-story h6 {
    margin-bottom: 10px;
  }
  .demy-garcia .container {
    padding: 0;
  }
  .rating-form .rating-item {
    padding: 0 0 30px;
  }
  .this-story h4 {
    font-size: 21px;
  }
  .rating-form.mr-shortcode {
    margin-left: 0;
    max-width: 100%;
  }
  .demy-garcia-wrap {
    max-width: 100%;
  }
  .demy-img {
    width: 75px;
  }
  .demy-content {
    display: inline-block;
    width: calc(100% - 60px);
    padding-left: 30px;
  }
  .demy-btm-cont .verhalen {
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    display: table;
    width: 100%;
    position: absolute;
    bottom: -35px;
    top: auto;
  }
  .rate-story h4 {
    font-size: 21px;
  }

  .stroy-detials-wrap .social-media {
    top: 100%;
    position: absolute;
    left: 0;
    width: calc(100% - 40px);
    margin: 0 auto;
    right: 0;
    margin-top: 45px;
  }
  .social-media ul li {
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .social-media ul li:last-child {
    margin-right: 0;
  }
  .stroy-detials-wrap .social-media ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .labels-logo ul {
    justify-content: center;
  }
  .labels-logo ul li figure img {
    width: 50px;
  }
  .single-paragraph {
    margin-bottom: 0;
    text-align: left;
  }
  .single-paragraph p {
    line-height: 1.5;
  }
  .housing-salvation-wrap {
    position: relative;
    top: auto;
    right: 0;
    width: 100%;
    padding: 22px;
    max-width: 100%;
    margin-left: 0;
  }
  .this-story {
    max-width: 100%;
    margin-left: 0;
    padding: 20px 70px 20px 20px;
  }
  .housing-salvation-wrap h5 {
    font-size: 21px;
    padding: 18px 0 0 0;
  }
  .story-title-inner {
    top: -15px;
    text-align: left;
  }
  .story-title-inner ul {
    justify-content: flex-start;
  }
  .story-title-inner h2 {
    font-size: 28px;
    margin-bottom: 6px;
  }
  .hand-in {
    display: none;
  }
  .brief-inner-content ul li {
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 1.6;
    padding: 11px 0;
  }
  .brief-inner-content ul {
    padding-left: 4px;
  }
  .social-media ul li a img {
    width: 38px;
  }
  .methods-heading {
    width: 100%;
  }
  .related-articles h2 {
    margin-bottom: 40px;
  }
  .related-articles {
    padding: 45px 0 75px;
  }
  .methods-heading-inner {
    padding: 18px 15px 15px;
    max-width: 100%;
    white-space: normal;
  }
  .methods--child {
    padding-right: 0;
  }
  .methods-heading:before {
    top: -5px;
    -webkit-transform: rotate(-0.9deg);
    transform: rotate(-0.9deg);
    width: 105vw;
  }
  .single-paragraph p br {
    display: none;
  }
  .methods-single-image {
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
  }
  .methods-single-image.right + .methods--content {
    padding-left: 0;
    max-width: 100%;
    margin-left: 0;
    width: 100%;
  }
  .methods--content {
    width: 100%;
    padding: 0;
    order: 2;
    padding-top: 0;
  }
  .methods-image-wrap {
    margin-bottom: 0;
  }
  .methods-single-image.right {
    text-align: center;
  }
  .methods-single-image {
    text-align: center;
  }
  .basic-rules-customers {
    max-width: 100%;
    min-width: 100%;
    left: 0;
    margin-right: 0;
    padding: 30px 20px;
  }
  .basic-rules-customers h4 {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .basic-rules-customers p {
    font-size: 18px;
    margin-bottom: 0;
  }
  .methods--content h4 {
    font-size: 24px;
  }
  .methods-banner-hero {
    height: auto;
    padding-bottom: 78%;
  }
  .methods-page-details {
    margin-top: 0;
  }
  .methods-title-dtl-bottom {
    bottom: 30px;
  }

  /********* story page start code here **********/

  /********* story article search singup code start here **********/
  .article-search-banner {
    padding: 200px 0 110px;
  }
  .article-search-block figure {
    right: 0;
    bottom: 0;
  }
  .search-categorie-sec {
    padding-bottom: 40px;
  }
  .last-added-artical .next {
    background-size: 60px;
    padding: 0;
    bottom: 0;
    right: 50%;
    z-index: 2;
    height: 60px;
    width: 50px;
    margin-right: -60px;
  }
  .last-added-artical .prev {
    background-size: 60px;
    padding: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    z-index: 2;
    height: 60px;
    width: 50px;
    margin-left: -60px;
  }
  .categorie-all-filter {
    width: 100%;
  }
  .categorie-all-filter .filter-wrap {
    width: 48%;
    margin-bottom: 30px;
  }
  .sort-review-filter {
    width: 48%;
    margin-top: 0;
  }
  .categorie-all-filter .filter-wrap .sbOptions {
    width: 96% !important;
  }
  .sort-review-filter figure img {
    width: 60px;
  }
  .categorie-all-filter .filter-wrap figure img {
    width: 60px;
  }
  .article-search-block {
    max-width: calc(100% - 50px);
  }
  .article-search-block input {
    font-size: 21px !important;
  }
  .last-added-artical .artical-heading h4 {
    font-size: 21px;
  }
  .article-search-block input {
    padding: 0 40px 8px 0 !important;
  }

  .accordian-col {
    padding-right: 0;
  }
  .accordian-col:before {
    left: 0;
    width: 100%;
  }
  .page-404-sec {
    padding: 250px 0 190px;
  }
  .arm-left {
    top: 120px;
  }
  .arm-left img {
    width: 140px;
  }
  .arm-right {
    top: auto;
    bottom: 0;
  }
  .arm-right img {
    width: 140px;
  }
  .page-404-sec .banner-caption h5 {
    font-size: 18px;
  }
  .page-404-sec .banner-caption h3 {
    font-size: 28px;
  }
  .story-gallery-img:after {
    transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }

  /********* story article search singup code end here **********/

  /********* sign and registration code start here **********/
  .user-profile {
    display: none;
  }
  .login-social-block {
    margin: 55px auto 0;
  }
  .login-social-account {
    padding: 35px 20px 13px;
  }
  .e-mail-inner {
    display: none;
  }
  .login-social-account:before {
    display: none;
  }
  .login-social-wrap li {
    text-align: left;
  }
  .login-social-inner h2 {
    font-size: 28px;
  }
  .your-email-block h2 {
    display: block;
    margin-bottom: 35px;
    font-size: 28px;
  }
  .social-login-email {
    overflow: hidden;
  }
  .login-social-inner {
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .login-social-wrap {
    width: 100%;
    padding: 25px 20px;
  }
  .your-email-block {
    width: 100%;
    padding: 25px 20px;
    border-top: 2px solid #ebebeb;
  }
  .social-login-email:after {
    display: none;
  }
  .become--ambassador-wrap {
    height: auto;
    padding: 25px 20px;
  }
  .become--ambassador-wrap p {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .become--ambassador-wrap figure {
    top: auto;
  }
  .ambassador-btn {
    margin: 25px 0 0 0;
  }
  .your-email-block .gchoice_9_3_1 #label_9_3_1 {
    font-size: 18px !important;
  }
  .your-email-block .gf_login_links {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .order-details ul li.total {
    margin-top: 25px;
  }
  #gform_fields_login {
    margin-bottom: 30px !important;
  }
  /********* sign and registration code start here **********/

  /********* story form code start here **********/
  .storyform-step {
    padding: 320px 0 0 0;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-title {
    top: -145px;
    left: 0;
  }
  .registration-form.story--form li.gfield.step-title h2 {
    font-size: 28px;
  }
  .registration-form.story--form {
    padding: 24px 0 45px 0;
  }
  .registration-form.story--form .gform_wrapper ul.gform_fields li.gfield {
    padding-bottom: 20px !important;
    margin-bottom: 25px !important;
  }
  .registration-form.story--form .hvo_select .gfield_label {
    margin-bottom: 20px !important;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.custome-position {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .ambassadors-hero-sec .slick-track {
    display: block;
  }
  .ambassadors-contact {
    padding-bottom: 75px;
  }

  .successfully-content-dtl {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .successfully-your-story {
    width: 100%;
    left: 0;
  }
  .successfully-your-story .container {
    padding: 0;
  }
  .registration-form.story--form .gform_wrapper div.charleft {
    font-size: 10px !important;
  }
  .gpnf-add-entry {
    font-size: 20px !important;
    padding-left: 30px;
  }
  .gpnf-add-entry:before {
    height: 20px !important;
    width: 20px !important;
  }
  .gpnf-nested-entries td:last-child {
    border-bottom: 1px solid #ccc;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.custom-upload {
    padding-bottom: 30px !important;
    margin-top: -20px !important;
  }
  .send-message-form .gform_footer.top_label {
    margin-top: 0 !important;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.custom-upload.custom-design {
    padding: 30px 0 45px 0 !important;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.last-child {
    padding-bottom: 30px !important;
  }
  /********* story form code end here **********/
  .post-type-wrap .page-title {
    font-size: 36px;
  }
  .post-type-wrap {
    padding: 150px 0 60px;
  }
  .post-type-wrap .row {
    justify-content: space-between;
  }
  .post-type-wrap .post,
  .post-type-wrap .page {
    width: 100%;
  }
  .post-type-wrap .posts-navigation {
    width: 100%;
  }
  .hand-tumb {
    width: 65px;
  }
  .form-total h3 {
    font-size: 28px;
  }
  .message.success {
    font-size: 20px;
  }
  .gpnf-dialog.ui-dialog {
    left: 0 !important;
    width: 100% !important;
  }
  .ginput_container_fileupload {
    margin-bottom: 15px !important;
  }
  .no-result {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
  .register-now-popup {
    max-width: 280px;
  }
  .register-now-content {
    padding: 35px 20px;
  }
  .register-now-popup figure {
    margin: 0 auto -70px;
  }
  .register-now-content .btn-site.solid {
    margin-bottom: 25px;
  }
  .register-now-content p {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .register-now-popup h2 {
    padding: 0 50px;
    top: 14px;
    font-size: 20px;
  }

  /********* ambassador page code start here **********/
  .our-ambassadors-dtl {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 65px;
  }
  .our-ambassadors-dtl:nth-child(2n + 2) {
    margin-right: 0;
  }
  .our-ambassadors-dtl figure:after {
    transform: rotate(1deg);
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(even) {
    transform: rotate(0deg);
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(odd) {
    transform: rotate(0deg);
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(odd) figure:after {
    bottom: -6px;
    transform: rotate(-0.1deg);
  }
  .our-ambassadors-dtl figure:after {
    transform: rotate(0deg);
    bottom: -14px;
  }
  .our-ambassadors-sec {
    padding: 0 0 90px 0;
  }
  .our-ambassadors-listing
    .our-ambassadors-dtl:nth-child(odd)
    .ambassadors-name {
    transform: none;
  }
  .our-ambassadors-listing
    .our-ambassadors-dtl:nth-child(even)
    .ambassadors-name {
    transform: none;
  }
  .our-ambassadors-listing .our-ambassadors-dtl:nth-child(even) figure {
    margin-top: -23px;
  }
  .our-ambassadors-dtl figure {
    min-height: 200px;
  }

  .ambassadors-our-text {
    margin-bottom: 30px;
  }
  .sbHolder a {
    font-size: 20px;
  }
  .sbOptions a {
    font-size: 16px;
  }
  .filter-wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
  }
  .sbSelector {
    width: calc(100% - 25px);
  }
  .sbOptions {
    width: 100% !important;
  }

  .about-banner-sec {
    padding: 275px 0 0;
  }
  .our-ambassadors-filter:after {
    height: 120px;
    top: -70px;
  }
  .categorie-all-filter .filter-wrap {
    width: 100%;
    margin-bottom: 30px;
  }
  .sort-review-filter {
    width: 100%;
    margin-top: 0;
  }
  /********* ambassador page code end here **********/

  /********* ambassador singup code start here **********/
  .terms-conditions-sec .visual_hands_question {
    top: -270px;
  }
  .terms-conditions-sec .visual_hands_question figure {
    width: 230px;
  }
  .registration-form
    .gform_wrapper
    ul.gform_fields
    li.gfield.gfield.gf_left_half {
    width: 100% !important;
  }
  .registration-form
    .gform_wrapper
    ul.gform_fields
    li.gfield.gfield.gf_right_half {
    width: 100% !important;
    float: none;
  }
  input[type="text"],
  input[type="email"],
  input[type="search"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  input[type="url"],
  input[type="date"] {
    min-height: inherit !important;
    line-height: normal !important;
  }
  .gform_wrapper .top_label .gfield_label,
  .gform_wrapper legend.gfield_label {
    font-size: 18px;
  }
  .registration-form .gform_wrapper select {
    font-size: 18px;
  }
  .gform_wrapper textarea {
    font-size: 18px !important;
  }
  .registration-form .gform_wrapper ul.gform_fields li.gfield.custom-paragraph {
    width: 100% !important;
    padding-top: 30px !important;
    padding-bottom: 25px !important;
  }
  .registration-form .gform_wrapper .gform_footer {
    bottom: 0;
    right: 0;
    position: relative;
  }
  #ambassador-login .btn-site {
    right: 45px;
    bottom: 58px;
  }
  .send-message--form li.gfield_contains_required:first-child {
    width: 100% !important;
  }
  .send-message--form li.gf_left_half {
    float: none;
    width: 100% !important;
  }
  .send-message--form li.gf_right_half {
    float: none !important;
    width: 100% !important;
  }
  #gform_submit_button_8 {
    width: auto !important;
    margin-bottom: 8px;
  }

  .order-form .gform_wrapper ul.gform_fields li.gfield.gfield.gf_left_half {
    width: 100% !important;
  }
  .order-form .gform_wrapper ul.gform_fields li.gfield.gfield.gf_right_half {
    width: 100% !important;
    float: none;
  }
  .order-form .gform_wrapper ul.gform_fields li.gfield.custom-paragraph {
    width: 100% !important;
  }
  .order-form .gform_wrapper .gform_footer {
    position: relative !important;
    right: auto;
    bottom: -10px;
  }
  .registration-form.story--form .gform_wrapper .large-textarea textarea {
    height: 350px !important;
  }
  .registration-form.story--form .custom-design .gfield_description {
    padding: 14px 0 24px 0;
  }
  /********* ambassador singup code start here **********/
  .visual_hands_question {
    display: none;
  }
  .faq-banner-caption {
    padding-right: 0;
  }
  .terms-and-conditions .faq-banner-caption {
    max-width: 100%;
    margin-left: 0;
    padding-right: 0;
  }
  .terms-conditions-sec .visual_hands_question {
    display: none;
  }
  p.mr label.description {
    width: 100%;
    flex-grow: 1;
  }
  .rating-form .rating-item:after {
    width: 100%;
    background-size: cover;
  }
  .radio-list {
    width: 100%;
  }
  .gform_wrapper textarea {
    padding: 15px 15px 10px !important;
  }
  .subscribe-newsletter-block .gform_ajax_spinner {
    right: 0;
  }
  .registration-form.story--form .gform_page_footer .gform_ajax_spinner {
    right: 0;
    bottom: 28px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 36px;
  }
  .site-h2 {
    font-size: 32px;
  }

  .banner_sec {
    padding: 370px 0 0;
    background-position: 64% center;
  }
  .header-main .header-logo {
    margin-bottom: -20px;
  }
  .header-main.header-main-inner .header-logo {
    margin-bottom: -20px;
  }
  .header-logo a {
    width: 210px;
  }
  .stickyHeader .header-logo a {
    width: 210px;
  }
  .enumenu_ul > li > a {
    font-size: 18px;
    padding: 15px 20px 15px 40px;
  }
  #menu-home-menu.enumenu_ul > li a {
    font-size: 18px;
    padding: 15px 20px 15px 40px;
  }
  .enumenu_ul > li.menu-item-has-children > a {
    padding: 15px 20px 15px 40px;
    font-size: 18px;
  }
  .enumenu_ul > li ul a {
    font-size: 18px;
  }
  .enumenu_ul > li ul {
    padding-bottom: 15px;
    margin-top: 0;
  }
  .enumenu_ul .arrow {
    left: 15px;
    top: 18px;
    width: 22px;
    height: 13px;
  }
  body.slidemenuLeft .enumenu_ul {
    left: -80%;
  }
  body.menuslide_push.slidemenuLeft.menu-open {
    left: 80%;
  }
  body.menuslide_push.slidemenuRight.menu-open {
    right: 80%;
  }
  body.menuslide_push .enumenu_ul,
  body.menuOverlap .enumenu_ul {
    max-width: 80%;
  }
  /********* about page code start here **********/
  .out-team-details figure:after {
    left: 5px;
    width: 95%;
    height: 125px;
  }
  .team-member-dtl {
    width: 100%;
  }
  .out-team-details {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
    padding-left: 0;
  }
  .out-team-details:last-of-type {
    margin-bottom: 0;
  }
  .out-team-sec {
    padding: 40px 0;
  }
  .our-methods-sec {
    padding-top: 125px;
  }
  .our-methods-slider {
    padding-top: 45px;
  }
  .about-banner-sec {
    padding: 180px 0 0;
  }
  .popup-youtube img {
    width: 75px;
  }
  .yutube---video {
    padding: 35px 25px;
  }
  /********* about page code end here **********/
  .subscribe-newsletter-block input[type="text"] {
    width: 100% !important;
  }
  .subscribe-newsletter-block input[type="submit"] {
    background-size: 20px;
    font-size: 12px !important;
    width: 100% !important;
  }
  .subscribe-newsletter-block input[type="submit"]:focus {
    background-size: 20px;
  }
  .subscribe-newsletter-block input[type="submit"]:hover {
    background-size: 20px;
  }
  .subscribe-newsletter-block .gform_wrapper .gform_footer {
    width: 290px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .subscribe-newsletter-block .gform_ajax_spinner {
    right: 0;
    bottom: -25px;
    left: 0;
    margin: 0 auto;
  }
  .subscribe-newsletter-block
    .gform_wrapper
    li.gfield.gfield_error.gfield_contains_required
    div.gfield_description {
    margin-top: 3px;
  }

  .logo-block li {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .logo-block li:last-of-type {
    margin-bottom: 0;
  }
  .terms-conditions-sec .visual_hands_question {
    display: none;
  }

  .contact-banner {
    padding: 180px 0 162px;
  }
  .subjects-wrap .our-methods-title {
    background-size: contain;
  }
  .visual-hand-contact {
    height: 58%;
    top: 50%;
  }
  .subjects-wrap .our-methods-title h2 {
    padding-left: 0;
    font-size: 28px;
  }
  .subjects--child figure img {
    width: 100px;
  }
  .subjects--child .subjects-dtls {
    width: calc(100% - 100px);
    padding-top: 0;
  }
  .training--dtl-block h3 {
    font-size: 24px;
  }
  /********* registration singup code start here **********/
  .registration-form-content {
    padding: 35px 20px 20px;
  }
  .order-form {
    padding: 30px 20px 25px 20px;
  }
  .order-form-title {
    padding: 30px 20px;
  }
  .profiel-bewerken-text {
    padding: 30px 20px;
  }
  .registration-form {
    padding: 30px 20px 25px 20px;
  }
  .registration-form .gform_wrapper ul.gform_fields li.gfield h3:after {
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .order-form .gform_wrapper ul.gform_fields li.gfield h3:after {
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .invert--logo img {
    width: 230px;
  }
  .invert--logo {
    top: 15px;
  }
  .welcome-hand {
    margin: 40px auto -60px 0;
    width: 100%;
  }
  #ambassador-login .registration-form {
    padding: 30px 20px 75px 20px;
  }
  #ambassador-login .btn-site {
    right: auto;
    bottom: 30px;
    top: auto;
    left: auto;
  }
  .visual_hands_question {
    display: none;
  }
  .our-methods-block .our-methods-title {
    width: 100%;
  }
  .our-methods-block .our-methods-title h2 {
    font-size: 26px;
    padding-top: 23px;
  }
  .subscribe-newsletter-block .gform_wrapper li.hidden_label input {
    width: auto !important;
  }
  .article-search-block figure {
    width: 130px;
  }
  .article-search-block input {
    font-size: 16px !important;
  }
  .article-search-block {
    max-width: calc(100% - 20px);
    margin-right: auto;
    margin-left: initial;
  }
  .customer-logos .slick-next {
    right: -5px;
  }
  .customer-logos .slick-prev {
    left: -5px;
  }
  /********* registration singup code start here **********/

  .methods-page-details .social-media {
    margin-bottom: 20px;
  }
  .faq-banner-caption {
    padding-right: 0;
  }
  .page-404-sec {
    padding: 300px 0 210px;
  }
  .page-404-sec .banner-caption {
    max-width: 100%;
  }
  .terms-and-conditions {
    padding: 100px 0 20px;
  }
  .faq-banner {
    padding: 110px 0 20px;
  }
  .accoradin-title h5 {
    font-size: 18px;
  }
  .accoradin-title {
    padding: 15px 0;
  }
  .faq-banner-caption h6 {
    font-size: 18px;
  }
  .login-social-inner h2 {
    font-size: 26px;
  }
  .your-email-block h2 {
    font-size: 26px;
  }
  .methods--content h4 {
    word-break: break-all;
  }
  .our-methods-sec.white-bg-shape {
    margin-top: -226px;
  }
  .methods-banner-hero {
    padding-bottom: 85%;
    margin-top: 45px;
  }
  .blockquote--child blockquote {
    width: 100%;
    padding: 20px 20px 0 0;
  }
  .blockquote--child {
    margin-bottom: 30px;
  }
  .our-ambassadors-filter:after {
    height: 60px;
    top: -37px;
  }
  .our-ambassadors-outline {
    top: -21px;
  }
  .our-ambassadors-filter:before {
    display: none;
  }
  .registration-form.story--form li.gfield.step-title h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .storyform-step {
    padding: 350px 0 0 0;
  }
  .registration-form.story--form
    .gform_wrapper
    ul.gform_fields
    li.gfield.step-title {
    top: -190px;
    left: 0;
  }
  .registration-form.story--form .gform_page_footer .gform_previous_button {
    display: table;
  }
  .registration-form.story--form .gform_page_footer .gform_next_button {
    display: table;
  }
  .methods-title-image {
    padding-left: 0;
    margin-bottom: 15px;
  }
  .methods-title-dtl-top {
    position: relative;
  }
  .methods-title-dtl-bottom {
    position: relative;
    bottom: 0;
  }
  .methods-heading h2 {
    font-size: 26px;
  }
  .successfully-your-story {
    top: -150px;
  }
  .successfully-your-story h2 {
    font-size: 28px;
  }
  .successfully-content-dtl {
    padding-bottom: 30px;
  }
  .housing-salvation-wrap .popup-youtube img {
    width: 65px;
  }
  .registration-form.story--form .ginput_preview {
    white-space: normal;
  }
  .order-details ul li.total {
    margin-top: 20px;
  }
  .prefer-book-sec {
    padding: 140px 0 45px;
  }
  .gpnf-dialog .ui-dialog-content {
    padding: 1.2em;
  }
  .gpnf-nested-form
    .gform_wrapper
    .top_label
    div.ginput_container.ginput_container_textarea {
    margin-top: 30px !important;
  }
  .gpnf-nested-form .ginput_container_textarea {
    margin-bottom: 25px;
  }
  .gpnf-dialog .ui-dialog-titlebar {
    padding: 0 1.2em;
  }
  .ambassadors-our-text {
    padding-top: 20px;
  }
  .in-brief-block {
    margin-top: 0;
  }
  .static-image {
    height: 12px;
  }
  .radio-list {
    padding-bottom: 20px;
  }
  .rating-item .radio-option {
    min-width: 26px;
  }
  .overlay-image {
    height: 12px;
  }
  .rating-item .radio-option input {
    width: 20px;
    height: 20px;
    left: -2px;
  }
  .rating-item .radio-option input:checked + * {
    top: -1px;
  }
  .rating-item .radio-option small {
    font-size: 16px;
  }
}

@media (max-width: 375px) {
  .lake-stories-wrap h2 {
    margin-top: -6px !important;
  }
  .right-content-wrap .btn-site {
    min-width: 260px;
    padding: 14px 15px 13px 17px;
  }
  .right-content-wrap .btn-site .border-line {
    top: 0px;
    transform: rotate(-1.5deg);
    -webkit-transform: rotate(-1.5deg);
  }
  .our-methods-title {
    width: 280px;
    background-size: contain;
  }
  .our-methods-title h2 {
    font-size: 24px;
    padding-top: 18px;
  }
  .subscribe-newsletter-block input[type="text"] {
    width: 100% !important;
  }
  .subjects--child .subjects-dtls {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .subjects-wrap .our-methods-title {
    height: 75px;
  }
  .subjects--child figure img {
    width: 80px;
  }
  .customer-logos {
    padding: 0 20px;
    padding-bottom: 25px;
  }
  .together-you-sec {
    padding: 45px 0 75px;
  }
  .customer-logos .slick-next {
    right: -60px;
    left: 0;
    margin: 0 auto;
    bottom: -75px;
    top: auto;
  }
  .customer-logos .slick-prev {
    right: 0;
    left: -60px;
    margin: 0 auto;
    bottom: -75px;
    top: auto;
  }
  .subscribe-newsletter-block .gform_wrapper li.hidden_label input {
    width: 100% !important;
  }
  .blockquote--child blockquote {
    padding-right: 0;
  }
  .demy-btm-cont h5 {
    font-size: 14px;
  }
  .demy-btm-cont p {
    font-size: 11px;
  }
  .demy-btm-cont .verhalen {
    font-size: 12px;
  }
  .demy-btm-cont .verhalen img {
    width: 20px;
    margin-left: 10px;
  }
  .subjects--child {
    margin-bottom: 20px;
  }
  .subscribe-newsletter-block input[type="submit"] {
    font-size: 10.8px !important;
  }
  .subscribe-newsletter-block .gform_wrapper .gform_footer {
    width: 260px !important;
  }
}
