@media only screen and (max-width: 1170px) {
    .container-boxed {
        width: 100%;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.waste-sensor-bin-full-alert img.one-by-one:nth-child(2) {
        top:5px !important;
    }

    div#crellyslider-12.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.waste-sensor-bin-full-alert .one-by-one p{
        line-height: 21px !important;
        letter-spacing: 0px !important;
        font-size: 17px !important;
    }

    div#crellyslider-12.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.center-me h2.text-intro-paragraph{
        font-size: 22px !important;
        line-height: 26px !important;
        padding-bottom: 22px !important;
    }

    div#crellyslider-12.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.center-me h1.text-headline{
        font-size:36px !important;
        line-height: 40px !important;
        padding-bottom:22px !important;
    }

    div.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline {
        font-size:36px !important;
        line-height: 40px !important;
        padding-bottom:22px !important;
    }

    div.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph {
        font-size: 22px !important;
        line-height: 26px !important;
        padding-bottom: 22px !important;
    }

    div.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-bodycopy {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    .elements-packages-menu nav,
    .connectors-ypod-menu nav,
    .connectors-ypod-menu nav,
    .about-us-menu nav,
    .place-match-menu nav{
        width:100% !important;
    }

}

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

    .about-us-image img.img-responsive{
        max-width:550px !important;
        margin:0px auto !important;
    }

    .features-main-cont{
        width:90%;
        margin-left:5%;
    }

    footer .area1, footer .area2 {
        width: auto !important;
    }

    .about-us-tabs li img {
        width: 43px;
        margin-top: 0px;
    }

    #purpose-economy, #creative-economy, #energy-economy {
        padding: 60px 15% 300px 15%;
    }

    .row-eq-height {
        display: block;
    }

    .row-eq-height .well {
        display: block;
        width: 100%;
    }

    .about-us-cont .about-us-image img {
        margin-top: 20px;
    }

    .slider-circle-big {
        background-color: white;
        border-radius: 100%;
        padding: 50px;
        text-align: center;
        width: 300px;
        height: 300px;
    }

    .slider-circle {
        background-color: white;
        border-radius: 100%;
        padding: 50px;
        text-align: center;
        width: 280px;
        height: 280px;
    }

    .page-template-elements-waste-sensors .bg-light-gray img.img-svg,
    .page-template-elements-waste-sensors .bg-white img.img-svg,
    .bg-gray-special img.img-svg {
        max-width: 450px !important;
        width:100% !important;
    }
}

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

    #section-5 .content img.solutions-image{
        width:100% !important;
    }


    div#crellyslider-25.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-45.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-46.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-47.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-54.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    div#crellyslider-36.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-sub-head-1,
    div#crellyslider-45.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-intro-paragraph {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    div#crellyslider-25.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-bodycopy {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .bespoke-text-box div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .col-md-3ths.feature-item-cont{
        width:33.3%;
        float:left;
    }

    .menu-elements-menu-container ul li {
        width: 70px;
    }

    .elements-menu-cont ul li.menu-item a {
        width: 70px;
    }

    .menu-elements-menu-container ul li a {
        font-size: 15px !important;
    }

    .page-template-connectors section:nth-of-type(2) .col-sm-2 {
        width: 33%;
    }

    .page-template-ypod_overview section:nth-of-type(2) .row {
        width: 100%;
    }

    .page-template-ypod_overview section:nth-of-type(3) .row {
        width: 100%;
    }

    .enviro-box {
        margin-top: 20px;
    }

    .page-template-ypod_modular section:nth-of-type(2) .col-md-2,
    .page-template-ypod_modular section:nth-of-type(5) .col-md-2 {
        float: left;
        width: 33%;
    }

    .page-slug-compact .site-main section:first-of-type {
        padding: 30px;
    }

    .page-slug-compact .site-main section:first-of-type .feature-content {
        width: calc(2 * 264px + 4 * 15px)
    }

    .ypod-modular-ypod-builder-graph {
        padding-bottom: 50px;
    }

    .text-center-mobile {
        text-align: center;
    }

    .text-center-mobile ul {
        text-align: left;
    }

    .ypod-box {
        padding-bottom: 50px;
    }

    .bg-white-special-toolbox,
    .bg-white-special-waste,
    .bg-white-special-huge,
    .bg-gray-dark-special-huge,
    .bg-gray-light-special-huge,
    .bg-white-special-medium,
    .bg-gray-light-special-medium,
    .bg-gray-special-middle,
    .bg-white-special-middle,
    .bg-white-special-middle,
    .bg-gray-special,
    .bg-gray-light-special,
    .bg-gray-light-special.big-padding,
    .bg-white-special,
    .bg-white-special-maintain,
    .bg-white-special-toolbox,
    .bg-white-special-waste,
    .bg-white-special-huge,
    .bg-gray-dark-special-huge,
    .bg-gray-light-special-huge,
    .bg-white-special-medium,
    .bg-gray-light-special-medium,
    .bg-gray-special-middle,
    .bg-white-special-middle,
    .top-bottom-padding-default,
    .about-us-team .about-us-team-content,
    .col-text-place-match-section-2,
    .step-1-about-us{
        padding-top: 80px;
        padding-bottom: 80px;
    }

}

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

    .area1 .container .col-first {
        padding-bottom: 0px !important;
    }

    .area1 .container .col-last {
        width: 100%;
        float: left;
        text-align: center;
    }

    .area1 .container .col-single {
        display: block;
        width: 25% !important;
        float: left;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .area1 .take-me-up .textwidget a {
        width: 100%;
        display: block;
        margin: 0px auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .area1 .container .menu-footer-menu-connectors-container,
    .area1 .container .menu-footer-menu-elements-packages-container,
    .area1 .container .menu-footer-menu-elements-container,
    .area1 .container .menu-footer-menu-placematch-container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .area1 .take-me-up {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .area1 .take-me-up .textwidget {
        width: 80%;
        display: block;
        margin: 0px auto;
        text-align: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .col-image-right-connectors-ysit-section-2 {
        margin-right: 10%;
        margin-top: 40px;
    }

    footer .area1 .container div {
        padding: 40px;
    }

    footer .area1 .container div:first-child br {
        display: none !important;
    }

    footer .area1,
    footer .area1 .container {
        padding: 0 !important;
        font-family: "Univers 57 Condensed";
    }

    .ypod-box {
        margin: 0 auto;
        width: 50%;
    }

}

@media only screen and (min-width: 992px) {

    .about-us-team .team-member {
        text-align: left;
    }

    .addons-section .addons-box {
        width: 100%;
    }

    .box-place-match-section-4 {
        margin-bottom: 0;
        margin-top: 0;
    }

    .col-image-left {
        margin-bottom: 0;
    }

    .col-image-left-connectors-ysit-section-1 {
        padding-top: 65px;
    }

    .col-image-left-elements-waste-sensing-section-3 {
        padding-top: 60px;
    }

    .col-image-left-elements-waste-sensors-section-3 {
        padding-top: 50px;
    }

    .col-image-right {
        margin-top: 0;
    }

    .col-text-left-waste-sensors-section-2 {
        padding-top: 60px;
    }

    .col-text-right-elements-enviro-sensors-section-bottom {
        padding-top: 115px;
    }

    .col-text-right-elements-maintain-section-bottom {
        padding-top: 50px;
    }

    .col-text-right-elements-maintenance-section-3 {
        padding-top: 50px;
    }

    .col-text-right-elements-micro-donations-section-2 {
        padding-top: 175px;
    }

    .col-text-right-elements-waste-sensing-section-1 {
        padding-top: 50px;
    }

    .col-text-right-elements-waste-sensing-section-2 {
        padding-top: 60px;
    }

    .col-text-right-elements-wayfi-section-3 {
        padding-top: 200px;
    }

    .connectors-ypod-modular-section-3 {

    }

    .connectors-ypod-modular-section-3 .col-image-left-last {
        margin-top: 0;
    }

    .connectors-ypod-modular-section-3 .text-sub-head-1 {
        margin-top: 50px;
    }

    .connectors-ypole-solar-sense-section-4 .col-image-right img.img-responsive {
        height: 440px;
    }

    .our-people-team .our-people-team-content {
        padding: 50px 0;
    }

    .row-equal-height.row-md-equal-height [class*="col-md-"] {
        display: table-cell;
        float: none;
        height: 100%;
        vertical-align: top;
    }

    .step-1-about-us .border-box {
        margin-bottom: 0;
    }

    .ypole-box {
        padding-bottom: 0;
        text-align: left;
    }

}

@media only screen and (max-width: 900px) {
    .page-template-connectors section:nth-of-type(2) .col-sm-2 {
        padding: 0 5px;
    }
}

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

    .home-page-connectors-ypole,
    .home-page-connectors-yhealth,
    .home-page-connectors-ycover,
    .home-page-connectors-ysit,
    .home-page-connectors-ypod{
        width:100% !important;
    }

    #section-7 div.content{
        width:100% !important;
    }

    #section-7 .home-page-connectors-ycover:before{
        margin-left:auto !important;
    }

    .about-us-tabs li {
        width: 100%;

    }

    .border-box-cont .col-md-4 {
        width: 100%;
    }

    .border-box-cont {
        display: block;
    }

    .step-2-about-us {
        padding: 50px 15% 50px 15%;
    }

    .about-us-tabs li {
        width: 100%;

    }

    .border-box-cont .col-md-4 {
        width: 100%;
    }

    .border-box-cont {
        display: block;
    }

    .step-2-about-us {
        padding: 50px 15% 50px 15%;
    }

    .multiple-items {
        display: block;
    }

    .image-float-left {
        width: 100%;
        margin-bottom: 20px;
        padding: 0px !important;
    }

    .special-box-ypod-modular {
        margin-right: 0px;
        margin-left: 0px;
    }

}

@media only screen and (max-width: 800px) {
    .main-slider-container h1 {
        font-size: 32px;
        line-height: 32px !important;
    }

    .main-slider-container h1.text-headline {
        font-size: 36px !important;
        line-height: 40px !important;
        padding-bottom: 22px !important;
    }

    #section-7 div.content {
        min-width: 100% !important;
    }

    .page-slug-bespoke .white-circle {
        border-radius: 110px;
        height: 220px;
        width: 220px;
    }
}

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

    div#crellyslider-12.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .waste-sensor-bin-full-alert{
        display: none !important;
    }

    div#crellyslider-27.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-35.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-36.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-36.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-sub-head-1,
    div#crellyslider-36.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph,
    div#crellyslider-45.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-45.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph,
    div#crellyslider-49.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-49.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide img,
    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph,
    div#crellyslider-56.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-56.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-bodycopy,
    div#crellyslider-39.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline,
    div#crellyslider-39.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph,
    div#crellyslider-32.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .slider-white-box{
        display:none !important;
    }

    .features-main-cont{
        width:50%;
        margin-left:25%;
    }

    .feature-item-inside{
        width:100% !important;
    }

    .col-md-3ths.feature-item-cont {
        width:100%;
    }

    div#crellyslider-16.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-bodycopy {
        display: none !important;
    }

    .dwell-border-box.elements-dwell {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .col-md-special-3 {
        width: 100% !important;
    }

    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide {
        background-size: contain !important;
    }

    div#crellyslider-56.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide canvas,
    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide canvas {
        display: none !important;
    }

    div#crellyslider-56.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.dwell-slider-2-1,
    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.dwell-slide-1-1 {
        top: 0px !important;
        left: auto !important;
        right: auto !important;
    }

    div#crellyslider-56.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.dwell-slider-2-1 .text-headline,
    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.dwell-slide-1-1 .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    div#crellyslider-56.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.dwell-slider-2-1 .text-bodycopy,
    div#crellyslider-55.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.dwell-slide-1-1 .text-intro-paragraph {
        font-size: 15px !important;
        line-height: 16px !important;
        width: 100% !important;
    }

    div#crellyslider-23.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-5-1,
    div#crellyslider-22.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div,
    div#crellyslider-21.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-3-1,
    div#crellyslider-20.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div,
    div#crellyslider-19.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-1-1 {
        width: 75% !important;
        white-space: normal !important;
        right: auto !important;
        left: 20px !important;
        top: 0px !important;
        margin-right: 20px;
        position: relative;
    }

    div#crellyslider-19.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-1-1,
    div#crellyslider-20.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-2-1,
    div#crellyslider-21.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-3-1,
    div#crellyslider-22.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-4-1,
    div#crellyslider-23.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-5-1,
    div#crellyslider-30.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-54.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-52.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-50.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-2-1,
    div#crellyslider-28.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-28.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-2,
    div#crellyslider-48.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-48.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-2,
    div#crellyslider-26.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-26.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-2,
    div#crellyslider-44.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-33.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1,
    div#crellyslider-34.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slide-1-1 {
        display: none !important;
    }

    div#crellyslider-39.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .cs-slide-1-text-1 {
        top: 0 !important;
    }

    div#crellyslider-23.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-5-1 .text-headline,
    div#crellyslider-22.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div .text-headline,
    div#crellyslider-21.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-3-1 .text-headline,
    div#crellyslider-20.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div .text-headline,
    div#crellyslider-19.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-1-1 .text-headline,
    div#crellyslider-26.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-35.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-39.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-41.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-42.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-44.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-45.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-53.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline,
    div#crellyslider-53.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-headline em,
    div#crellyslider-54.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    div#crellyslider-23.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-5-1 .text-intro-paragraph,
    div#crellyslider-22.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div .text-intro-paragraph,
    div#crellyslider-21.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-3-1 .text-intro-paragraph,
    div#crellyslider-20.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div .text-intro-paragraph,
    div#crellyslider-26.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-sub-head-1,
    div#crellyslider-19.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-1-1 .text-bodycopy,
    div#crellyslider-39.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide:first-child .text-bodycopy {
        font-size: 14px !important;
        line-height: 16px !important;
    }

    div#crellyslider-33.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div {
        top: 0px !important;
    }

    div#crellyslider-19.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.stories-slide-1-1 .text-intro-paragraph {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    div#crellyslider-34.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph {
        font-size: 17px !important;
        line-height: 22px !important;
        color: white !important;
    }

    div#crellyslider-34.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    div#crellyslider-33.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    div#crellyslider-33.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-intro-paragraph {
        font-size: 17px !important;
        line-height: 22px !important;
        color: white !important;
    }

    div#crellyslider-32.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slider-white-box .text-intro-paragraph {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    div#crellyslider-32.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slider-white-box .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    div#crellyslider-32.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div.slider-white-box {
        width: 50% !important;
        text-align: center !important;
        left: auto !important;
        right: auto !important;
        margin: 0px auto !important;
        position: relative;
        top: 20px !important;
        bottom: 20px !important;
        height: auto !important;
    }

    div#crellyslider-31.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-white a {
        font-size: 17px !important;
        line-height: 20px !important;
    }

    div#crellyslider-31.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-headline {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    div#crellyslider-31.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide {
        background-size: cover !important;
    }

    .bg-gray-dark-special-huge .col-md-2 .roll-over-message, .bg-gray-light-special-huge .col-md-2 .roll-over-message {
        font-size: 17px !important;
        line-height: 22px !important;
    }

    div#crellyslider-30.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div {
        width: 100% !important;
        text-align: right !important;
        left: auto !important;
        right: auto !important;
        padding-right: 20px !important;
    }

    div#crellyslider-30.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div .text-intro-paragraph {
        font-size: 15px !important;
        line-height: 22px !important;
        color: white !important;
    }

    div#crellyslider-30.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide div .text-slider-head {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    .page-template-connectors-ypod-modular img.ypod-modular-ypod-builder-graph,
    .page-template-connectors-ypod .col-image-left a img {
        max-width: 300px !important;
        margin: 0px auto;
        display: inline-block;
    }

    .bg-white-special-huge,
    .bg-gray-special-huge,
    .bg-gray-light-special-huge,
    .bg-gray-dark-special-huge,
    .bg-gray-special {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    div#crellyslider-38.crellyslider-slider div.crellyslider ul.cs-slides li.cs-slide .text-white {
        width: 100% !important;
        text-align: center !important;
        left: 0px !important;
        right: 0px !important;
        font-size: 22px !important;
        line-height: 22px !important;
        padding-bottom: 22px !important;
    }

    .elements-packages-menu,
    .elements-menu {
        display: none !important;
    }

    .page-template-templatesconnectors-php .row {
        margin: 0px !important;
    }

    .popup-content {
        display: none !important;
    }

    #top h1 {
        float: none;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 45px;
    }

    #top .main-menu > .menu {
        border-top: 1px solid #eaebec;
    }

    #top .main-menu > .menu > .menu-item > a,
    #top .main-menu > .menu > .menu-item > .sub-menu {
        border-bottom: 1px solid #eaebec;
    }

    #top ul.menu .menu-item:first-child a {
        border-top: 1px solid #999ba0;
    }

    #top ul.menu .menu-item a {
        padding: 0 45px;
        height: 50px;
        border-bottom: 1px solid #999ba0;
        line-height: 50px;
    }

    #top ul.sub-menu .menu-item a {
        border-bottom: 0px;
    }

    #top ul.sub-menu .menu-item:first-child a {
        border-top: 0px;
    }

    .visible-xs {
        display: block !important;
    }

    #top .menu-item .menu-item a {
        color: #343741;
    }

    #top .menu-item .menu-item .menu-item a {
        padding-left: 90px;
    }

    .main-slider-container {
        margin-top: -79px;
    }

    .show-on-mobile {
        display: block !important;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .main-slider-container h1 {
        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        text-align: center !important;
        float: left;
        color: #333333;
        padding: 0px 10px;
    }

    #section-2 div.content .home-page-slider .home-page-slider-slide .home-page-slider-slide-description span {
        width: 100%;
        display: inline-block;
    }

    #section-3 div.content .description span {
        width: 100%;
        display: inline-block;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .center-me h1 {
        width: 100%;
        white-space: pre-wrap;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .center-me h2 {
        width: 100%;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .center-me {
        display: none !important;
    }

    .mobile-content {
        display: block !important;
    }

    #section-5 div.content span.text-intro-paragraph {
        width: 100%;
    }

    #section-6 div.content h1 {
        padding-bottom: 50px !important;
    }

    #section-7 div.home-page-connectors-box {
        width: 100%;
        float: left;
        height: auto;
        margin-bottom: 40px;
    }

    #section-7 .home-page-connectors-ypod {
        height: 145px !important;
    }

    #section-7 .home-page-connectors-ysit {
        height: 227px !important;
    }

    #section-7 .home-page-connectors-ycover {
        height: 220px !important;
    }

    #section-7 .home-page-connectors-yhealth {
        height: 226px !important;
    }

    #section-7 .home-page-connectors-ypole {

    }

    #section-7 .home-page-connectors-ycover:before {
        margin-left: auto !important;
    }

    #section-6 div.content,
    #section-5 div.content,
    footer .area1,
    footer .area2 {
        width: 100% !important;
        min-width: 100% !important;
    }

    footer .area1 ul li a{
        font-size:15px !important;
    }

    #section-4 {
        height: 100vh !important;
    }

    #section-4 #crellyslider-12 {
        height: 100vh !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider {
        height: 100vh !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide {
        height: 100% !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .center-me h1.text-headline {
        font-size: 36px !important;
        line-height: 40px !important;
        padding-bottom: 22px !important;
        white-space: normal !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .slide_2_header {
        white-space: normal !important;
        line-height: 32px !important;
        width: 100% !important;
        position: relative !important;
        font-size: 32px !important;
        text-align: center !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div:first-child {
        width: 100% !important;
        left: auto !important;
        top: 30px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.main-image {
        position: relative !important;
        left: 0px !important;
        right: 0px !important;
        margin: 0px auto !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.img_waste_sensor,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.img_route_mapping,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.img_workplace_maintain {
        left: 0px !important;
        right: 0px !important;
        margin: 0px auto !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.waste_sensor,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.route_mapping,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide img.workplace_maintain {
        display: none !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.waste_sensor,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.route_mapping,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.workplace_maintain {
        width: 100% !important;
        position: relative !important;
        font-size: 22px !important;
        text-align: center !important;
        left: 0px !important;
        right: 0px !important;
        top: 150px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.waste_sensor {
        top: 150px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.waste_sensor p:first-child,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.route_mapping p:first-child,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.workplace_maintain p:first-child {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.waste_sensor p:nth-child(2),
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.route_mapping p:nth-child(2),
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.workplace_maintain p:nth-child(2) {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.slide_2_learn_more {
        left: 0px !important;
        right: 0px !important;
        width: 100% !important;
        position: relative !important;
        font-size: 22px !important;
        text-align: center !important;
        margin: 0px auto !important;
        display: block !important;
        top: 170px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide p.slide_2_learn_more {
        display: block !important;
        margin: 0px auto !important;
        width: 120px !important;
        float: none !important;
        left: auto !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .center-me h2.text-intro-paragraph {
        font-size: 18px !important;
        line-height: 24px !important;
        white-space: normal !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .center-me a span {
        font-size: 18px !important;
        line-height: 25px !important;
        white-space: normal !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .one-by-one {
        display: none !important;
    }

    .builder-button {
        margin: 0px auto !important;
        display: block;
        float: none !important;
        text-align: center !important;
        padding-top: 30px;
    }

    #section-2 {
        padding-top: 100px;
    }

    #section-3,
    #section-5,
    #section-6,
    #section-7 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    #section-6 .col-md-3ths {
        margin-bottom: 90px;
    }

    #section-5 div.content img.solutions-image {
        width: 100%;
    }

    .navbar-secondary {
        display: none;
    }

    #crellyslider-11 li:first-child .slider1_text1,
    #crellyslider-11 li:first-child .slider1_text2,
    #crellyslider-11 li:first-child .slider1_text3,
    #crellyslider-10 .slider1_text,
    #crellyslider-13 li:first-child div:first-child,
    #crellyslider-6 li:first-child .slajd4,
    #crellyslider-6 li:first-child img,
    footer .area2 {
        display: none !important;
    }

    /*	footer .area1 .container div:last-child {
            background-color: white;
        }*/

    .crellyslider-slider .cs-navigation,
    .crellyslider-slider .cs-controls {
        display: none !important;
    }

    /******************************************************************************
     * Page templates                                                             *
     ******************************************************************************/
    .page-template-add-ons_waste-sensors section {
        padding: 5%;
    }

    .page-template-add-ons_waste-sensors .crellyslider-slider {
        display: none !important;
    }

    .page-template-add-ons_waste-sensors .section .img-responsive {
        max-width: 80%;
        margin: 10% auto 5%;
    }

    .slider-circle-big {
        background-color: white;
        border-radius: 100%;
        padding: 50px;
        text-align: center;
        width: 210px;
        height: 210px;
    }

    .slider-circle {
        background-color: white;
        border-radius: 100%;
        padding: 50px;
        text-align: center;
        width: 190px;
        height: 190px;
    }

    .slider-circle-small {
        background-color: white;
        border-radius: 100%;
        padding: 30px;
        text-align: center;
        width: 130px;
        height: 130px;
    }

    .container-boxed {
        width: 100%;
    }

    .connectors-menu {
        display: none;
    }

    .connectors-ypod-menu {
        display: none;
    }

    .col-sm-4.connectors-slider-white-box {
        width: 90% !important;
        float: none !important;
        margin: 0px auto !important;
    }

    .page-template-connectors section:first-of-type {
        padding: 100px 0px !important;
    }

    .page-template-ypod_overview section:first-of-type .row {
        padding-top: 0px;
    }

    .page-template-ypod_overview section:nth-of-type(2) .row {
        width: 100%;
    }

    .page-template-ypod_overview section:nth-of-type(3) .text-builder {
        padding-left: 0px;
    }

    .page-template-ypod_modular .crellyslider-slider-ypod_modular {
        margin-top: 0px;
    }

    .addons-top-margin {
        margin-top: 0px;
    }

    .page-template-ypod_modular section:nth-of-type(2) .col-md-2,
    .page-template-ypod_modular section:nth-of-type(5) .col-md-2 {
        float: left;
        width: 50%;
    }

    .page-template-ypod_modular section:nth-of-type(4) img {
        float: none;
        margin: 0 auto;
    }

    .page-slug-bespoke .site-main {
        margin-top: 0px;
    }

    .page-slug-bespoke .site-main section:first-of-type {
        padding: 30px;
    }

    .page-slug-bespoke .site-main section:nth-of-type(3) {
        padding: 30px;
    }

    .page-slug-bespoke .site-main section:nth-of-type(3) .text-headline {
        padding-bottom: 30px;
    }

    .page-slug-bespoke .site-main section:nth-of-type(3) .img-ystop-build-process {
        height: 200px;
    }

    .page-slug-compact .crellyslider-slider-ypod_compact {
        margin-top: 0px;
    }

    .page-slug-compact .site-main section:first-of-type .feature-content {
        width: calc(1 * 264px + 2 * 15px)
    }

    .page-slug-compact .site-main section:first-of-type .feature-item {
        margin: 15px 0;
    }

    .page-slug-compact .site-main section:nth-of-type(2) {
        padding: 30px;
    }

    .menu-mobile-nav {
        display: block !important;
        z-index: 999;
    }

    .menu-top-nav {
        display: none !important;
    }

    #section-2 .text-intro-paragraph,
    #section-2 h1,
    #section-3 .text-intro-paragraph,
    #section-3 h1 {
        padding-left:15px;
        padding-right:15px;
    }

    .vertical-center-child{
        position:relative;
        top:auto !important;
        transform: none !important;
        margin-top:60px !important;
    }


    /*

        White space fixes

    */

    .bg-white-special-toolbox,
    .bg-white-special-waste,
    .bg-white-special-huge,
    .bg-gray-dark-special-huge,
    .bg-gray-light-special-huge,
    .bg-white-special-medium,
    .bg-gray-light-special-medium,
    .bg-gray-special-middle,
    .bg-white-special-middle,
    .bg-white-special-middle,
    .bg-gray-special,
    .bg-gray-light-special,
    .bg-gray-light-special.big-padding,
    .bg-white-special,
    .bg-white-special-maintain,
    .bg-white-special-toolbox,
    .bg-white-special-waste,
    .bg-white-special-huge,
    .bg-gray-dark-special-huge,
    .bg-gray-light-special-huge,
    .bg-white-special-medium,
    .bg-gray-light-special-medium,
    .bg-gray-special-middle,
    .bg-white-special-middle,
    .top-bottom-padding-default,
    .about-us-team .about-us-team-content,
    .col-text-place-match-section-2,
    .step-1-about-us{
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

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

    .area1 .container .col-single{
        padding-left: 40px !important;
    }

    .features-main-cont{
        width:90%;
        margin-left:5%;
    }
    .feature-item-inside{
        width:100% !important;
    }
    .col-md-3ths.feature-item-cont {
        width:100%;
    }

    .page-template-ypod_modular section:nth-of-type(1) {
        padding: 50px 30px;
    }

    .page-template-ypod_modular section:nth-of-type(2) .col-md-2 {
        float: none;
        width: 264px;
        margin: 0 auto;
    }

    .page-template-ypod_modular section:nth-of-type(5) .col-md-2 {
        float: none;
        width: 100%;
    }

    .ypod-box {
        margin: 0 auto;
        width: 75%;
    }
}

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

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .center-me h1 {
        width: 100%;
        white-space: pre-wrap;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .center-me h2 {
        width: 100%;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .center-me {
        display: none !important;
    }

    #crellyslider-29 {
        height: 100vh !important;
    }

    body .container #crellyslider-29 .crellyslider {
        height: 100vh !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide {
        height: 100% !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .slider1_text1.slide_2_header {
        font-size: 22px !important;
        line-height: 40px !important;
        padding-bottom: 22px !important;
        white-space: normal !important;
        top:-22px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .slide_2_header {
        white-space: normal !important;
        line-height: 32px !important;
        width: 100% !important;
        position: relative !important;
        font-size: 32px !important;
        text-align: center !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div:first-child {
        width: 100% !important;
        left: auto !important;
        top: 30px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.main-image {
        position: relative !important;
        left: 0px !important;
        right: 0px !important;
        margin: 0px auto !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.img_waste_sensor,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.img_route_mapping,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.img_workplace_maintain {
        left: 0px !important;
        right: 0px !important;
        margin: 0px auto !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.waste_sensor,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.route_mapping,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img.workplace_maintain {
        display: none !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.waste_sensor,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.route_mapping,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.workplace_maintain {
        width: 100% !important;
        position: relative !important;
        font-size: 22px !important;
        text-align: center !important;
        left: 0px !important;
        right: 0px !important;
        top: 210px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.waste_sensor {
        top: 210px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide img {
        margin: 0px auto !important;
        left: 0px !important;
        right: 0px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.waste_sensor p:first-child,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.route_mapping p:first-child,
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.workplace_maintain p:first-child {
        font-size: 22px !important;
        line-height: 22px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.waste_sensor p:nth-child(2),
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.route_mapping p:nth-child(2),
    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.workplace_maintain p:nth-child(2) {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide div.slide_2_learn_more {
        left: 0px !important;
        right: 0px !important;
        width: 100% !important;
        position: relative !important;
        font-size: 22px !important;
        text-align: center !important;
        margin: 0px auto !important;
        display: block !important;
        top: 170px !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide p.slide_2_learn_more {
        display: block !important;
        margin: 0px auto !important;
        width: 120px !important;
        float: none !important;
        left: auto !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .center-me h2.text-intro-paragraph {
        font-size: 18px !important;
        line-height: 24px !important;
        white-space: normal !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .center-me a span {
        font-size: 18px !important;
        line-height: 25px !important;
        white-space: normal !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .slider1_text3 {
        display:none !important;
    }

    body .container #crellyslider-29 .crellyslider .cs-slides .cs-slide .one-by-one {
        display: none !important;
    }

    .page-template-ypod_overview section:nth-of-type(2) .row {
        padding-top: 0px;
    }

    .page-template-ypod_overview section:nth-of-type(2) .ypod-box-type {
        float: none;
        width: 100%;
        padding: 30px;
    }

    .page-template-ypod_overview section:nth-of-type(3) .button-builder {
        float: none;
        width: 100%;
        padding-right: 30px;
        padding-bottom: 20px;
    }

    .page-template-ypod_overview section:nth-of-type(3) .text-builder {
        float: none;
        width: 100%;
        padding-left: 30px;
    }

    .page-slug-bespoke .white-circle {
        border-radius: 75px;
        height: 120px;
        width: 120px;
    }

    .feature-item.col-md-3ths {
        width: 100% !important;
        margin: 15px 0px !important;
    }

    .feature-item.col-md-3ths img {
        width: 100%;
    }

}

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

    .area1 .container .col-single{
        width:50% !important;
        padding-left: 40px !important;
        padding-bottom:50px !important;
    }

    .block-under-slider {
        padding: 20px;
    }

    #top h1 {
        margin-left: 20px;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div:first-child {
        top: 10px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide .slide_2_header {
        font-size: 24px !important;
        line-height: 24px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.waste_sensor,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.route_mapping,
    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide div.workplace_maintain {
        top: 90px !important;
    }

    body .container #section-4 #crellyslider-12 .crellyslider .cs-slides .cs-slide p.slide_2_learn_more {
        display: none !important;
    }

    .slider-circle-big {
        background-color: white;
        border-radius: 100%;
        padding: 50px;
        text-align: center;
        width: 130px;
        height: 130px;
    }

    .slider-circle {
        background-color: white;
        border-radius: 100%;
        padding: 50px;
        text-align: center;
        width: 105px;
        height: 105px;
    }

    .slider-circle-small {
        background-color: white;
        border-radius: 100%;
        padding: 30px;
        text-align: center;
        width: 80px;
        height: 80px;
    }

    .page-slug-bespoke .white-circle {
        border-radius: 50%;
        height: 100px;
        width: 100px;
    }

    .text-top-indent {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bg-gray-special.stories-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bg-gray-special.mobile-bottom {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mobile-margin-top {
        margin-top: 30px;
    }

    .mobile-margin-bottom {
        margin-bottom: 30px;
    }

    .mobile-padding-top {
        margin-top: 30px;
    }

    .mobile-padding-bottom {
        margin-bottom: 30px;
    }

    .bg-white-special-waste.stories-box {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .bg-gray-light-special.big-padding {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .box-no-padding-right {
        padding-right: 15px !important;
    }

    .bg-white-special-toolbox {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ypod-box {
        margin: 0 auto;
        width: 100%;
    }
}


@media only screen and (max-height: 670px) {
    .popup-content{
        top:-150vh;
    }

    .popup-content.popup-content-visible .popup-menu{

        top:5px;
        transform: none;
    }

}

/*

    ------------- Browser fixes -------------

*/

header.is-mac-os-chrome .popup-menu-trigger a:before{
    line-height: 45px !important;
}

@-moz-document url-prefix() {
    .popup-menu-trigger a:before {
        content: '\2261';
        line-height: 51px !important;
        font-size: 67px;
        color: #fff;
    }
    .popup-menu-trigger a {
        width: 86px !important;
        height: 60px;
        text-align: center;
        text-decoration: none;
        display: none;

    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .popup-menu-trigger a:before {
        content: '\2261';
        line-height: 63px !important;
        font-size: 67px;
        color: #fff;
    }
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .popup-menu-trigger a:before {
        content: '\2261';
        line-height: 63px !important;
        font-size: 67px;
        color: #fff;
    }
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {
    @media {
        .popup-menu-trigger a:before {
            line-height: 43px
        }
    }
}