

.mobile-footer-contact{display: none}

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

.assessment-header{display: none}

.assessment-header-mobile{display: block;}

.main-header { position: absolute; top: -10px;}

.assessment-header-mobile {
    background-color: rgba(0, 0, 0, 1);
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    height: 40px;
    font-family: sofia-pro, "Proxima Nova", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
}



.main-header.main-header-inverse.discount {
    position: absolute;
    top: 25px;
}

.text-container-video-cover.mobile-discount{
top: 25px;
}

.assessment-header-mobile span {
    color: red;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0 10px;
}



.main-header .navbar-toggler {
    top: 20px;
    right: 30px;
}

.main-button-index{display: none}
.central-button{display: none}
a#play-button{
    left: -25px;
    position: relative;
    display: none
}
}

section.hero_img_wrap #text-container {
	bottom:130px;
}

.mobile-footer-contact{
	width: 100%;
	height: 100px;
	background:#ffffff;
	position: fixed;
	bottom: 0;
	z-index: 9;
	padding: 20px 20px;
}

.assessment-button-footer{
	width: 100%;
	height: 60px;
	background:#ff0000;
	text-align: center;
	line-height: 54px;
	border-radius: 3px;
	font-family: sofia-pro,"Proxima Nova", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #ffffff;
	font-size: 17px;
}

.list-mobile-method{
    display: none;
}


@media only screen and (max-width: 1300px){
    span.video-button-text {
        display: none;
    }
}

@media only screen and (max-width: 420px){
    .video-button-text {
        display: inline-block;
    }
}

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

    span.video-button-text {
        display: none;
    }
}

/*Sam Grindle changes*/

.sm-only {
    display: none;
}

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

    .sm-only {
        display: inline-block;
    }

    .main-header-inverse .logo-new {
        background: url(../img/logo.svg) no-repeat;
    }
    .main-header-inverse .navbar-toggler:before,
    .main-header-inverse .navbar-toggler:after {
        background-color: #0f1f5c;
    }

    .mobile-footer-contact {
        display: inline-block;
        background-color: #ffffff;
        border-top: 1px solid #eaeaea;
    }

    section.hero_img_wrap {
        background-color: #ffffff;
        background-image: none!important;
        height: auto;
        padding: 120px 0 0;
    }
    section.hero_img_wrap #text-container {
        position: relative;
        bottom: auto;
    }

    section.hero_img_wrap .hero-video-overlay {
        display: none;
    }

    section.hero_img_wrap .text-container-video-cover h1 {
        color: #051226;
        font-size: 40px;
        margin: 0 0 50px;
    }

    section.hero_img_wrap .text-container-video-cover .text-center h1 {
        text-align: left;
    }






    section.onetoone.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/index-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.assessment.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/assessment-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.teacher.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers.jpg");
        background-size: cover;
        position: relative;
    }

    section.pattern.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/pattern-background.jpg");
        background-size: cover;
        position: relative;
    }

    section.method.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/method-mobile@2x.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-1.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/beginners-1/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-2.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/beginners-2/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-3.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/beginners-3/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-4.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/beginners-4/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-5.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/intermediate-1/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-6.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/intermediate-2/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-7.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/intermediate-3/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-8.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/intermediate-4/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-9.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/advanced-1/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-10.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/advanced-2/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-11.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/advanced-3/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.courses-hero-12.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/courses/advanced-4/courses-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.alexandra.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/alexandra.jpg");
        background-size: cover;
        position: relative;
    }

    section.celia.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/celia.jpg");
        background-size: cover;
        position: relative;
    }

    section.hugo.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/hugo.jpg");
        background-size: cover;
        position: relative;
    }

    section.alexandra-3.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/alexandra-3.jpg");
        background-size: cover;
        position: relative;
    }

    section.imene.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/imene.jpg");
        background-size: cover;
        position: relative;
    }

    section.lea.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/lea.jpg");
        background-size: cover;
        position: relative;
    }

    section.naima.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/naima.jpg");
        background-size: cover;
        position: relative;
    }

    section.sandrine.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/sandrine.jpg");
        background-size: cover;
        position: relative;
    }

    section.marie.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/marie.jpg");
        background-size: cover;
        position: relative;
    }

    section.marina.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/marina.jpg");
        background-size: cover;
        position: relative;
    }

    section.maud.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/maud.jpg");
        background-size: cover;
        position: relative;
    }



    section.sabrine.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/sabrine.jpg");
        background-size: cover;
        position: relative;
    }

    section.pauline.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/pauline.jpg");
        background-size: cover;
        position: relative;
    }

    section.vanina.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/vanina.jpg");
        background-size: cover;
        position: relative;
    }

    section.emma.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/vanina.jpg");
        background-size: cover;
        position: relative;
    }

    section.amelia.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/amelia.jpg");
        background-size: cover;
        position: relative;
    }

    section.marion.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/marion.jpg");
        background-size: cover;
        position: relative;
    }

    section.marie-anne.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/marie-anne.jpg");
        background-size: cover;
        position: relative;
    }

    section.margot.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/margot.jpg");
        background-size: cover;
        position: relative;
    }

    section.lilianne.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/lilianne.jpg");
        background-size: cover;
        position: relative;
    }

    section.audrey.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/audrey.jpg");
        background-size: cover;
        position: relative;
    }

    section.appoline.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/appoline.jpg");
        background-size: cover;
        position: relative;
    }

    section.anais.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/teachers/anais.jpg");
        background-size: cover;
        position: relative;
    }

    section.testimonials.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/testimonials-mobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.about.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/anais-aboutmobile.jpg");
        background-size: cover;
        position: relative;
    }

    section.classes.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/classes/classes-mobile@2x.jpg");
        background-size: cover;
        position: relative;
    }

    section.classes_beginners_1.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/classes/beginners-thumbnail-1.jpg");
        background-size: cover;
        position: relative;
    }

    section.classes_beginners_2.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/classes/beginners-thumbnail-2.jpg");
        background-size: cover;
        position: relative;
    }

    section.classes_conversation.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/classes/classes-conversation-mobile@2x.jpg");
        background-size: cover;
        position: relative;
    }

    section.classes_alt.hero_img_wrap .text-container-video-cover .video {
        width: 100%;
        display: block;
        height: 400px;
        background-image: url("../img/classes/classes-mobile-alt@2x.jpg");
        background-size: cover;
        position: relative;
    }



    



    section.method{background-image: none!important;}




    section.hero_img_wrap .text-container-video-cover .video .play {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .48);

    }
    section.hero_img_wrap .text-container-video-cover .video .play .button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%);
        height: 50px;
        width: 50px;
        border: 2px solid #FFF;
        background-image: url("../img/play.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 8px 14px;
        border-radius: 50%;
    }
    section.hero_img_wrap .text-container-video-cover .video video {
        max-width: 100%;
    }
    section.hero_img_wrap .text-container-video-cover .container {
        padding: 0 30px;
    }

    section {
    padding: 100px 0;
    }

    section.books {
    padding: 100px 0 100px;
}

#stickynav {
    z-index: 9;
    padding: 0!important;
    top: 0px!important;
}
}
