/* SMALL SCREENS */
@media only screen and (min-width: 1367px) {

    .more{
        position: relative;
        margin-top: -165px; 
        padding-bottom: 80px;
    }

    
    
}



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

/*    #logo {
        width: 8%!important;
    }*/
    
    .nav-middle {
/*        width: 72%;*/
    }
    
    /*.landing-search: 10%!important;*/
    
    .create-banner-outer {
        padding-top: 137px!important;
    }
    
    .create-banner-copy {
        font-size: 39px;
        line-height: 51px;
    }
}



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

/*    .index-form-search-events {
        width: 31%;
    }
    
    .index-form-search-location{
        width: 31%;
    }*/
    
    #page-content { min-width: 940px; }
    .wrapper { width: 940px; }
    .main-content { width: 640px; }
    aside {	width: 240px; }

    .blog-content { width: 550px; }
    #blog-grid .masonry-item { width: 286px; }

    .one-half  { width: 450px; }
    .one-third { width: 286px; }
    .two-third { width: 612px; }
    .one-fourth { width: 205px; }
    .two-fourth { width: 450px; }
    .three-fourth { width: 695px; }
    .one-fifth { width: 156px; }
    .two-fifth { width: 356px; }
    .three-fifth { width: 554px; }
    .four-fifth { width: 752px; }

    .main-content .one-half  { width: 300px; }
    .main-content .one-third { width: 186px; }
    .main-content .two-third { width: 412px; }
    .main-content .one-fourth { width: 130px; }
    .main-content .two-fourth { width: 300px; }
    .main-content .three-fourth { width: 470px; }
    .main-content .one-fifth { width: 98px; }
    .main-content .two-fifth { width: 236px; }
    .main-content .three-fifth { width: 334px; }
    .main-content .four-fifth { width: 472px; }

    .one-half .iconbox-content { width: 400px; }
    .one-third .iconbox-content { width: 236px; }
    .one-fourth .iconbox-content { width: 155px; }
    .more{
        position: relative;
        margin-top: -85px; 
        padding-bottom: 10px;
    }

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

    .lower-off-set-owl-wrapper {
        margin-left: 0px;
        width: 100%;
        padding: 0px;
    }
    
    .owl-nav {
        display: none;
    }
    
    #partners-slider-carousel > .owl-nav {
        display: block!important;
    }
    
    .eb-tag {
        padding: 1px 7px;
    }
    
    .lower-off-set-owl-label {
        display: none;
    }
    
    .people-connect-mobile {
        display: block!important;
    }
    
    .app-wrap {
        display: none!important;
    }
    
    .hm-apple {
        display: none!important;
    }
    .hm-google {
        display: none!important;
    }
    
    .create-banner-outer {
        border: 1px solid pink!important;
    }
    
    #how-to-list-mobile {
        display: block!important;
    }
    
    #how-to-list-desktop {
        display: none!important;
    }
    
    .appstore {
        width: 146px;
        position: absolute;
        right: 24px;
        top: 83px;
        z-index: 9999;
    }
    
    .create-banner-outer {
        display: none!important;
    }
    
    .mob-only-create-title {
        margin-bottom: 10px!important;
    }
    
    
    .create-banner-content-mobile {
        display: block!important;
        padding:  50px 10px 10px 50px;
    }
    
    .list-event-banner {
        display: none!important;
    }
    
    .create-ptop {
        padding-top: 20px;
    }
    
    .list-on-er-title {
        margin-top: 0px!important;
    }
    
    .create-banner-mobile {
        display: block!important;
        margin-top: 60px;
    }
    
    nav#main-nav ul li { 
        display: none!important;
    }
    
    .open-responsive-nav { 
        display: block;
        float: right; 
        margin-right: 20px;
    }
    
    .landing-search {
        display: none!important;
    }
    
    #logo {
        width: 8%;
    }
    
    #page-content { min-width: 940px; }
    .wrapper { width: 940px; }
    .main-content { width: 640px; }
    aside {	width: 240px; }

    .blog-content { width: 550px; }
    #blog-grid .masonry-item { width: 286px; }

    .one-half  { width: 450px; }
    .one-third { width: 286px; }
    .two-third { width: 612px; }
    .one-fourth { width: 205px; }
    .two-fourth { width: 450px; }
    .three-fourth { width: 695px; }
    .one-fifth { width: 156px; }
    .two-fifth { width: 356px; }
    .three-fifth { width: 554px; }
    .four-fifth { width: 752px; }

    .main-content .one-half  { width: 300px; }
    .main-content .one-third { width: 100%; }
    .main-content .two-third { width: 412px; }
    .main-content .one-fourth { width: 130px; }
    .main-content .two-fourth { width: 300px; }
    .main-content .three-fourth { width: 470px; }
    .main-content .one-fifth { width: 98px; }
    .main-content .two-fifth { width: 236px; }
    .main-content .three-fifth { width: 334px; }
    .main-content .four-fifth { width: 472px; }

    .one-half .iconbox-content { width: 400px; }
    .one-third .iconbox-content { width: 236px; }
    .one-fourth .iconbox-content { width: 155px; }
    .more{
        position: relative;
        margin-top: -85px; 
        padding-bottom: 10px;
    }
    .menu{
        width: 90%!important;
        
    }
}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1023px) {	

    h1 { font-size: 80px; line-height: 100px; }
    h2 { font-size: 36px; line-height: 54px; }
    h3 { font-size: 28px; line-height: 42px; }
    h4 { font-size: 20px; line-height: 30px; }
    h5 { font-size: 18px; line-height: 26px; }
    h6 { font-size: 16px; line-height: 22px; }
    
    .hero-mobile-only {
        display: block;
        width: 100%;
        background-image: url(../../main/images/discover-mobile-bg.png);
        float: left;
        padding: 0px 23px 45px 23px;
        box-sizing: border-box;
        background-size: 100% 964px;
        margin-top: 59px;
        min-height: 643px;
    }
    
    .mo-er-logo {
        background-image: url(../../main/images/er-mo-logo.png);
        width: 155px;
        height: 23px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 60px;
    }
    .top-bg {
        display: none;
    }
    .mo-er-title {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 34px;
        font-weight: 600;
        margin-top: 45px;
        line-height: 43px;
        padding: 10px 0px;
        box-sizing: border-box;
        
    }
    
    .mo-dropdown {
        width: 100%;
        padding: 20px;
        border-top: 1px solid #bbb;
        background-color: #fff;
        box-sizing: border-box;
        position: absolute;
        display: none;
        border-radius: 4px;
        z-index: 99;
    }
    
    .mo-dropdown-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .mo-dropdown-category {
        background-color: #eff5f8;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 13px;
        font-size: 13px;
    }
    
    .mo-dropdown-category {
        background-color: #eff5f8;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 13px;
        font-size: 13px;
    }
    
    .mo-er-search-wrapper {
        border: 1px solid #fff;
        background: #fff;
        border-radius: 4px;
    }
    
    .mo-er-search-wrapper table {
        width: 100%;
    }
    
    .mo-er-search-icon {
        display: block;
        float: none;
        background-image: url(../../main/images/search.png);
        width: 25px;
        height: 25px;
        background-size: contain;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .mo-er-p {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;
        padding: 10px 0px 60px 10px;
        box-sizing: border-box;
    }
    
    .mo-er-search {
        border: none!important;
        width: 100%;
        box-sizing: border-box;
        padding: 17px 10px 17px 10px!important;
        color: #363636!important;
        font-size: 16px!important;
        line-height: 20px!important;
    }
    
    .mo-header-padding {
        padding: 25px 0px 175px 0px;
        position: relative;
    }
    
    .app-half-left {
        padding: 7%;
    }
    
    .map-half-left {
        padding: 7%;
    }
    
    .index-form-search-location {
            width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    height: 60px!important;
    }
    
    .index-form-search-events {
            width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
    height: 60px!important;
    }
    
    .discover-button {
        float: right;
    }
    
    .find-location {
        display: none;
    }
    
    .app-wrap {
        display: none!important;
    }
    
    .hm-apple {
        display: none!important;
    }
    .hm-google {
        display: none!important;
    }
    
    #page-content { min-width: 740px; }
    .wrapper { width: 740px; }
    .main-content { width: 100%; float:none; }
    aside {	width: 100%; float: none; margin-top: 100px; }

    header #logo { padding: 10px 0; height: 40px; max-width: 69px; }
    
    .nav-middle {
        
    }
    
    nav#main-nav > ul > li > a:first-child { line-height: 40px; padding: 10px 0; }
    nav#menu-controls > ul > li { height: 40px; padding: 10px 0; }	
    nav#main-nav > ul > li > .sub-menu { top: 60px; }

    nav#main-nav { display: none; }
    .open-responsive-nav { display:block; float: right; margin-right: 20px;}
    
    .landing-search { display: none!important;}

    #portfolio-single aside { margin-top: 0px; }

    .blog-content { width: 650px; }
    #blog-grid .masonry-item { width: 220px; }

    .one-half  { width: 350px; }
    .one-third { width: 220px; }
    .two-third { width: 480px; }
    .one-fourth { width: 155px; }
    .two-fourth { width: 350px; }
    .three-fourth { width: 545px; }
    .one-fifth { width: 116px; }
    .two-fifth { width: 272px; }
    .three-fifth { width: 428px; }
    .four-fifth { width: 584px; }

    .one-half .iconbox-content { width: 300px; }
    .one-third .iconbox-content { width: 170px; }
    .one-fourth .iconbox-content { width: 105px; }

    .pricing-table { padding: 15px; }
    .pricing-accent { padding: 35px 15px; }
    .one-fourth .pricing-table {	padding-left: 5px;	padding-right: 5px; }
    .price-amount { font-size: 60px; line-height: 60px; }
    .one-fourth .price-amount { font-size: 40px; line-height: 40px; }
    .menu{
        padding-right: 20px;
    }
    
    
    .etchrockIndexH1 {
        text-align: center;
        font-size: 31px!important;
        line-height: 44px!important;
    }
    
    .index-form-1, .index-form-2, .index-form-3, .index-form-4 {
        width: 100%;
    }
    
    .hero-tagline {
        float: left;
        color: #363636;
        line-height: 29px;
        margin-top: 10px;
        text-align: center;
        font-size: 17px;
    }
    
    .map-toolbar {
        border: 1px solid red;
        float: none;
        width: max-content;
        margin-left: 25%;
    }
    
    .mob-txt {
        color: #363636!important;
    }
    
    .etchrockIndexH1 {
        font-size: 45px;
        line-height: 55px;
    }
    
    .hero-tagline {
        float: left;
        color: #363636;
        font-size: 19px;
        line-height: 29px;
        margin-top: 25px;
        margin-bottom: 45px;
    }
    
    .index-form-select-event {
        width: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 3px solid #ebebeb!important;
        margin-bottom: 5px;
    }
    
    .index-form-search-events {
        width: 100%!important;
        border-top-right-radius: 4px!important;
        border-bottom-right-radius: 4px!important;
        border-top-left-radius: 4px!important;
        border-bottom-left-radius: 4px!important;
        border-right: 3px solid #ebebeb!important;
        display: block;
        box-sizing: border-box;
        height: 63px!important;
        margin-left: 0px!important;
        margin-bottom: 30px
    }
    
    .index-form-search-location {
/*        width: 80%!important;*/
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: 3px solid #ebebeb!important;
        display: block;
        box-sizing: border-box;
        height: 60px!important;
        margin-left: 0px!important;
        margin-bottom: 15px;
        margin-top: 1px!important;
    }
    
    .index-form-select-distance {
        width: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 3px solid #ebebeb!important;
        margin-bottom: 5px;
        border-top-left-radius: 4px!important;
        border-bottom-left-radius: 4px!important;
        margin-left: 0px!important;
    }
    
    .discover-button {
        width: 100%;
    box-sizing: border-box;
    margin-left: 0px;
    text-align: center;
    float: none!important;
    margin-bottom: 9px;
    border-radius: 11px;
    }
    
    .partners-half, .partners-half-right, .elites-half, .app-half-left, .map-half-left, .app-half-right {
        width: 100%;
        height: auto;
        padding: 10%;
        text-align: center;
    }
    
    #partners-slider-carousel {
        border: 1px solid red;
        display: none;
    }
    
    .partners-for-mobile {
        display: block;
        width: 100%;
        float: left;
        padding: 0px;
        margin-bottom: 50px;
    }
    
    .partners-for-mobile-inner {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .partner-img-purple, .partner-img-purple-ra {
        max-width: 177px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 17px;
    }
    
    .map-copy-wrap {
        max-width: 100%;
    width: 100%;
    margin: 10px 10px;
    }
    
    .map-section-new {
        background-image: none;
    }
    
    .wearables-illustration, .elites-illustration {
        float: none!important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: -51px;
    }
    
    .index-form-outer {
        margin-top: 80px!important;
        clear: left;
    }
    
    .ql-title {
    font-size: 18px;
    font-weight: 600;
    margin-top: 49px;
}

.ql-table {
    font-size: 17px;
    margin-top: 2px;
    margin-left: 11px;
    border-collapse: separate;
    border-spacing: 0 13px;
}
    
    .partners-logos-lower {
        width: 100%;
        padding: 54px;
        box-sizing: border-box;
        margin-top: 85px;
        max-width: 1239px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: rgba(214, 228, 237, 1) 0px 10px 36px;
        border-radius: 10px;
        background-color: #fff;
    }
    
    .nh-footer-left {
        width: 100%;
        border-right: none;
        float: left;
    }
    
    .nh-footer-right {
    float: left;
    width: 100%;
    padding-top: 0;
    padding-left: 0px;
    box-sizing: border-box;
    margin-top: 38px;
}
    
    .lower-off-set-owl-label {
        display: none;
    }
    
    .top-bg {
        background-size: auto;
    }

    .partners-copy-wrap {
            margin-top: 0px;
    margin-right: 0px;
    text-align: center;
    }
    
    .wearables-section {
        padding-bottom: 27px;
    }
    
    .nh-icon {
        display: none!important;
    }
    
    .nh-title {
            text-align: center;
    line-height: 47px;
    }
    .hero-tagline {
        float: left;
        color: #363636;
        line-height: 29px;
        margin-top: 10px;
        text-align: center;
        font-size: 17px;
        margin-top: 25px;
        margin-bottom: 45px;
        width: 100%;
    }
    .partners-copy-wrap {
            margin-top: 0px;
    margin-right: 0px;
    text-align: center;
    max-width: 100%;
    }
    
    .partner-img-purple-ra {
        max-width: 110px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    
    
    .more{
        position: relative;
        margin-top: -105px; 
        padding-bottom: 10px;
    }
    
    #charity-desktop {
        display: none!important;
    }
    
    .hm-apple {
        display: none!important;
    }
    .hm-google {
        display: none!important;
    }
    
    .app-wrap {
        display: none!important;
    }
    .learn-more{
        display: none;
    }
    .mobile_sublogo{
        display: none;
    }
    .search-container{
        display: none;
    }
    .menu{
        padding-right: 0px!important;
    }
    
    
    
    
}

/* Smartphones*/
@media only screen and (max-width: 760px) {

    h1 { font-size: 64px; line-height: 74px; }
    h2 { font-size: 32px; line-height: 44px; }
    h3 { font-size: 26px; line-height: 36px; }
    h4 { font-size: 18px!important; line-height: 28px; }
    h5 { font-size: 18px; line-height: 26px; }
    h6 { font-size: 16px; line-height: 22px; }

    .fundraising-regulator-logo {
        margin-top: 20px;
        margin-right: 10px;
    }

    .aaih-logo {
        max-width: 140px;
        margin-top: 20px;
        margin-right: 10px;
    }
    
    .top-bg {
        display: none;
    }
    
    .hero-mobile-only {
        display: block;
        width: 100%;
        background-image: url(../../main/images/discover-mobile-bg.png);
        float: left;
        padding: 0px 23px 45px 23px;
        box-sizing: border-box;
        background-size: 100% 964px;
        margin-top: 59px;
        min-height: 643px;
    }
    
    .mo-er-logo {
        background-image: url(../../main/images/er-mo-logo.png);
        width: 155px;
        height: 23px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 60px;
    }
    
    .mo-er-title {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 34px;
        font-weight: 600;
        margin-top: 45px;
        line-height: 43px;
        padding: 10px 0px;
        box-sizing: border-box;
        
    }
    
    .mo-er-search-wrapper {
        border: 1px solid #fff;
        background: #fff;
        border-radius: 4px;
    }
    
    .mo-er-search-wrapper table {
        width: 100%;
    }
    
    .mo-er-search-icon {
        display: block;
        float: none;
        background-image: url(../../main/images/search.png);
        width: 25px;
        height: 25px;
        background-size: contain;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .mo-er-p {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        line-height: 24px;
        padding: 10px 0px 60px 10px;
        box-sizing: border-box;
    }
    
    .mo-er-search {
        border: none!important;
        width: 100%;
        box-sizing: border-box;
        padding: 17px 10px 17px 10px!important;
        color: #363636!important;
        font-size: 16px!important;
        line-height: 20px!important;
    }
    
    .mo-header-padding {
        padding: 25px 0px 175px 0px;
        position: relative;
    }
    
    .etchrockIndexH1 {
        text-align: center;
        font-size: 31px!important;
        line-height: 44px!important;
    }
    
    .social-footer-icon {
        padding: 10px 10px;
        margin-right: 14px;
        border-radius: 100px;
        width: 22px;
        display: block;
        float: left;
        height: 22px;
        background-color: #eef6f9;
        text-align: center;
        color: #bbb;
        font-size: 19px;
        margin-top: 23px;
        float: left;
    }
    
    .icons-footer {
        width: 224px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: left;
    }
    .fullw-mob {
        width: 100%;
    }
    
    .nh-footer-lower {
        text-align: center;
        padding: 15px;
    }
    
    .hero-tagline {
        float: left;
        color: #363636;
        line-height: 29px;
        margin-top: 10px;
        text-align: center;
        font-size: 17px;
        margin-top: 25px;
        margin-bottom: 45px;
    }
    
    .map-toolbar {
        border: 1px solid red;
        float: none;
        width: max-content;
        margin-left: 25%;
    }
    
    .mob-txt {
        color: #363636!important;
    }
    
    .etchrockIndexH1 {
        font-size: 45px;
        line-height: 55px;
    }
    
    .partner-img-purple-ra {
        max-width: 110px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        display: block;
    }
    
    .index-form-select-event {
        width: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 3px solid #ebebeb!important;
        margin-bottom: 5px;
    }
    
    .index-form-search-events {
        width: 100%!important;
        border-top-right-radius: 4px!important;
        border-bottom-right-radius: 4px!important;
        border-top-left-radius: 4px!important;
        border-bottom-left-radius: 4px!important;
        border-right: 3px solid #ebebeb!important;
        display: block;
        box-sizing: border-box;
        height: 63px!important;
        margin-left: 0px!important;
        margin-bottom: 30px
    }
    
    .index-form-search-location {
/*        width: 80%!important;*/
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: 3px solid #ebebeb!important;
        display: block;
        box-sizing: border-box;
        height: 60px!important;
        margin-left: 0px!important;
        margin-bottom: 15px;
        margin-top: 1px!important;
    }
    
    .index-form-select-distance {
        width: 100%;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 3px solid #ebebeb!important;
        margin-bottom: 5px;
        border-top-left-radius: 4px!important;
        border-bottom-left-radius: 4px!important;
        margin-left: 0px!important;
    }
    
    .discover-button {
        width: 100%;
    box-sizing: border-box;
    margin-left: 0px;
    text-align: center;
    float: none!important;
    margin-bottom: 9px;
    border-radius: 11px;
    }
    
    .partners-half {
        width: 100%;
        height: auto;
    }
    
    .nh-footer {
       background-size: cover;
    background-color: #ff5b34;
    }
    
    
    .map-search-icon {
    bottom: 11px;
    right: 10px;
}
    
    .partners-logos-outer {
        padding: 25px 0px 50px 0px;
        float: left;;
    }
    
    .mo-dropdown-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 25px;
    }
    
    .mo-dropdown-category {
        background-color: #eff5f8;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 13px;
        font-size: 13px;
    }
    
    .hero-wrapper {
        padding: 10px 25px;
    }
    
    .index-form-outer {
        margin-top: 5px!important;
        clear: left;
        width: 100%;
        box-sizing: border-box;
    }
    
    .column-50 {
        width: 100%!important;
    }
    
    #charity-desktop {
        display: none!important;
    }
    
    .larger-wrapper {
        width: 100%!important;
    }
    
    #train {
        padding-bottom: 472px!important;
    }
    
    .hm-apple {
        display: none!important;
    }
    .hm-google {
        display: none!important;
    }
    
    .app-wrap {
        display: none!important;
    }
    
    .hubspot-widget-wrapper {
        margin-top: 100px!important;
    }
    
    
    
    .event-organisers-button {
        width: 100%;
    }
    
    .apple-icon {
        display:none!important;
    }
    
    .col-90 {
        width: 100%!important;
        float: left!important;
        clear: left!important;
    }
    .col-10 {
        width: 100%!important;
        float: left!important;
        clear: left!important;
    }
    .col-50 {
        width: 100%!important;
        float: left!important;
        clear: left!important;
        margin-bottom: 25px!important;
    }
    
    .cookie-compliance p {
        padding: 15px 20px!important;
        color: #ffffff!important;
        font-size: 12px!important;
        text-align: center!important;
        padding-bottom: 0px!important;
    }
    
    .etchrockh1 {
        margin-top: 50px!important;
    }
    
    .etchrockIndexH2 {
        text-align: center;
        margin-top: 14px!important;
        margin-bottom: 25px;
        font-size: 28px;
    }
    
    .indexDiscoverBtn {
        margin-top: 0px;
        padding: 10px 35px!important;
    }
    
    .event-organisers-section {
        padding: 0px 35px;
    }
    
    .index-form-search-events {
        margin-bottom: 15px;
    }
    
    .landing-banner-padding {
        padding-top: 35px;
    }
    
    .event-organisers-copy {
        margin-top: 26px;
        display: block;
        text-align: center;
    }
    
    .login-button-v2 {
        padding: 1px 15px 17px 35px!important;
        border: none;
        background: none;
        margin-left: 0px!important;
        text-align: left!important;
        margin-bottom: 0px!important;
    }
    .login-button-v2:hover {
       padding: 1px 15px 17px 35px!important;
        border: none;
        background: none;
        margin-left: 0px!important;
        text-align: left!important;
        margin-bottom: 0px!important;
        color: #ff5b35!important;
    }
    
    .signup-button-v2 {
        padding: 1px 15px 17px 35px!important;
        border: none;
        background: none;
        margin-left: 0px!important;
        text-align: left!important;
        margin-bottom: 0px!important;
    }
    .signup-button-v2:hover {
       padding: 1px 15px 17px 35px!important;
        border: none;
        background: none;
        margin-left: 0px!important;
            text-align: left!important;
            margin-bottom: 0px!important;
            color: #ff5b35!important;
    }
    nav#new-top-login ul {
    }
    
    .learn-more-about-us {
        display: none;
    }
    
    .etchrockIndexH4 {
        text-align: center;
    }
    
    .etchrock-header-logo {
        max-width: 300px;
    }
    
    .elitesBannerCopy {
        top: 0px!important;
        margin-top: -482px!important;
    }
    
	.landing-page-logo {
		width: 50%!important;
	}
	
	.main-nav-landing {
		width: 80%!important;
                
	}
	
	.landing-search {
		display: none;	
	}

    #page-content { min-width: 300px; }
    .wrapper { width: 370px; }
    .main-content { width: 100%; float:none; }
    aside {	width: 100%; float: none; margin-top: 60px; padding-top: 60px; border-top: 1px solid #d9d9d9; }

    #portfolio-single aside { border:none; padding-top:0; }

    .blog-date { width: 50px; }
    .blog-date .date-day { font-size: 40px; line-height: 30px;}
    .blog-date .date-month {font-size: 10px; letter-spacing: 0.03em; }
    .blog-content { width: 240px; float: right; }
    #blog-grid .masonry-item { width: 300px; }

    .column { margin: 60px 0 0 0; }
    div .column:first-child { margin: 0; }
    .one-half  { width: 100%; }
    .one-third { width: 100%; }
    .two-third { width: 100%; }
    .one-fourth { width: 100%; }
    .two-fourth { width: 100%; }
    .three-fourth { width: 100%; }
    .one-fifth { width: 100%; }
    .two-fifth { width: 100%; }
    .three-fifth { width: 100%; }
    .four-fifth { width: 100%; }

    .one-half .iconbox-content { width: 250px; }
    .one-third .iconbox-content { width: 250px; }
    .one-fourth .iconbox-content { width: 250px; }

    .pricing-table { padding: 30px !important; }
    .pricing-accent { padding: 50px 30px !important; }
    .price-amount { font-size: 80px !important;; line-height: 80px !important;; }

    /* Spacings */
    .section-title { margin-top: -7px; margin-bottom: 60px; }
    .section-inner { padding-top: 60px; }
    .horizontalsection .horizontalinner { padding: 60px 0; }
    #portfolio-single {  padding-top: 60px; }
    .ajax-section #portfolio-single {  padding-bottom: 60px; }
    #portfolio-single .portfolio-media { margin-top: 40px; }
    #portfolio-single .portfolio-content { margin-top:0; padding-top: 40px; }
    .ajax-section { padding-bottom: 60px; }
    #ajax-loader .loader-icon { top: 20px!important; }
    .close-project { bottom: 70px; }
    #blog-grid { margin-bottom: 20px; }
    .spacer.spacer-mini { height: 15px; }
    .spacer.spacer-small { height: 30px; }
    .spacer.spacer-medium { height: 45px; }
    .spacer.spacer-big { height: 60px; }
    .mobile_form {}
    .button{width: 250px;}
    /*.text-button a{width: 170px}*/
    .menu{
        padding-right: 0px;
    }

    .hidden-on-mob {
        display: none!important;
    }
    
    .off-set-owl-wrapper {
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding: 0px!important;
    }
    .lower-off-set-owl-wrapper {
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding: 0px!important;
        float: left;
        
    }
    
    .ql-app-upper {
        margin-left: auto;
        margin-right: auto;
    }
    
    .upper-slider-mob {
        margin-top: -150px;
    }
    
    .mo-dropdown {
        width: 100%;
        padding: 20px;
        border-top: 1px solid #bbb;
        background-color: #fff;
        box-sizing: border-box;
        position: absolute;
        display: none;
        border-radius: 4px;
        z-index: 99;
    }
    
    .people-section {
        padding-bottom: 64px;
    }
    
    .map-copy-wrap {
        float: none;
        max-width: 100%;
        color: #363636;
        margin-right: 0px;
        margin-left: 0px;
        text-align: center;
        padding: 10%;
        width: auto;
    }
    
    .meet-the-elites-img-wrap {
        background-size: cover;
        width: 126%;
        height: auto;
        position: relative;
        z-index: 999;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
            top: auto;
    left: auto;
    }
    
    .app-screens-holder {
        position: relative;
        width: 100%;
        right: auto;
        top: -75px;
    }
    
    .ready-challenge-title {
        color: #363636;
        font-size: 25px;
        font-weight: 600;
        text-align: center;
        letter-spacing: -0.5px;
        line-height: 44px;
    }
    
    .fw-mob {
        width: 50%;
        padding: 0px;
    }
    
    .ql-title {
        font-size: 13px;
        font-weight: 600;
        margin-top: 30px;
    }

    .ql-table {
        font-size: 13px;
        margin-top: 2px;
        margin-left: 0px;
        border-collapse: separate;
        border-spacing: 0 7px;
    }
    
    .partners-logos-lower {
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
        margin-top: 85px;
        max-width: 1239px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: none;
        background-color: transparent;
        clear: left;
        border: none!important;
    }
    
    .nh-footer-left {
        width: 100%;
        border-right: none;
        margin-top: 45px;
        float: left;
    }
    
    .nh-footer-outer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hidden-mob {
        display: none!important;
    }
    .final-col {
        clear: left;
    width: 50%;
    border-top: 1px solid #fff;
    margin-top: 20px;
    }
    
    .clear-none {
        clear: none;
    }
    
    .mob-only-app-store {
        display: block!important;
    }
    .input-footer {
        width: -webkit-fill-available!important;
    }
    .headerSearchBtn {
        margin-right: 10px!important;
    }
    
    .nh-footer-right {
    float: left;
    width: 100%;
    padding-top: 0;
    padding-left: 0px;
    box-sizing: border-box;
    margin-top: 38px;
    border-top: 1px solid #fff;
}
    
    .lower-off-set-owl-label {
        display: none;
    }
    
    .top-bg {
        background-size: auto;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .partners-copy-wrap {
            margin-top: 0px;
    margin-right: 0px;
    text-align: center;
    }
    
    .wearables-section {
        padding-bottom: 27px;
    }
    
    .nh-icon {
        display: none!important;
    }
    
    .nh-title {
            text-align: center;
    line-height: 28px;
    }
    
    .panel-footer {
        padding: 10px 0px!important;
    }

    .ios-prompt {
        display: block;
    }

    .er-mob-header-logo {
        display: block;
        height: 61px;
        background-image: url(../../frontend/img/widget-etchrock.jpg);
        background-size: 55px;
        background-position: center;
        background-repeat: no-repeat;
    }

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

    .pull-right-on-mobile {
        float: right!important;
    }

}

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

    #charity-desktop {
        display: none!important;
    }
    
    .column { 
/*        margin: 0px;*/
    }
    .mobile_form{
        width:100%;
    }
    .mobile_logo img{
        margin-top: 100px;
    }
    input#login.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#signup.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#sned.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#reset.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_signup{
        width: 100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_login{
        width: 100%;
    }
    .more{
        position: relative;
        margin-top: -20px; 
        padding-bottom: 10px;
    }
    /*    .learn-more{
            display: none;
        }*/
    /*    .mobile_sublogo{
            display: none;
        }*/

    /*    .i-accept{
            margin: 0px;
        }*/
    /*    #register_form .column-section .column .form-row{
            margin-top: 5px; 
        }*/
    .menu{
        padding-right: 0px;
    }

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

    .column { 
        margin: 0px;
    }
    .mobile_form{
        width:100%;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        margin-top: 33px!important;
    }
    
    
    .forgot_password {
        font-size: 12px!important;
        font-weight: 500!important;
    }
    
    label[for=remember] {
        font-size: 12px!important;
        font-weight: 500!important;
    }

    .mobile_logo img{
        margin-top: 100px;
    }
    input#login.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#signup.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#sned.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#reset.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_signup{
        width: 100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_login{
        width: 100%;
    }
    .more{
        position: relative;
        margin-top: -15px; 
        padding-bottom: 10px;
    }
    .learn-more{
        display: block;
    }
    /*    .mobile_sublogo{
            display: none;
        }*/

    /*    .i-accept{
            margin: 0px;
        }*/
    /*    #register_form .column-section .column .form-row{
            margin-top: 5px; 
        }*/

}
@media only screen and (max-width: 380px) {
    .wrapper { width: 350px; }
    
    
    
    .column { 
        margin: 0px;
    }
    .mobile_form{
        width:100%;
    }
    .mobile_logo img{
        margin-top: 50px;
    }
    input#login.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#signup.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#sned.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#reset.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_signup{
        width: 100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_login{
        width: 100%;
    }
    .more{
        position: relative;
        margin-top: -10px; 
        padding-bottom: 10px;
    }
    .learn-more{
        display: none;
    }
    /*    .mobile_sublogo{
            display: none;
        }*/

    /*    .i-accept{
            margin: 0px;
        }*/
    /*    #register_form .column-section .column .form-row{
            margin-top: 5px; 
        }*/
}

@media only screen and (max-width: 320px) {
    
    
    
    .wrapper { width: 300px; }
    .column { 
        margin: 0px;
    }
    .mobile_form{
        width:84%;
    }
    .mobile_logo img{
        margin-top: 0px;
    }
    input#login.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#signup.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#sned.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    input#reset.sr-button.sr-button5.medium-button.button{
        width:100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_signup{
        width: 100%;
    }
    a.sr-button.sr-button3.medium-button.button.switch_to_login{
        width: 100%;
    }
    .learn-more{
        display: none;
    }
    .mobile_sublogo{
        display: none;
    }
    .more{
        position: relative;
        margin-top: -55px; 
        padding-bottom: 10px;
    }
    .i-accept{
        margin: 0px;
    }
    #register_form .column-section .column .form-row{
        margin-top: 5px; 
    }
    .logInForm {
        padding-left: 0px;
        padding-right: 0px;
        }
}