/****************************
min-width: 1500px
****************************************/

@media all and (min-width: 1500px){
    
    .content-inner-stripe#diss-stripe {
        background: url("/image/services/international-school-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 100px;
        background-size: auto;
        background-size: contain;
    }
    
    .line1-text-small p.p-hs{
        font-size: 30vw;
    }
    
    content-inner-stripe-plus{
        display: block;
    }
    
    .content-inner-stripe {
        margin: 0 0 150px 0;
    }
    
    .about-line3-img{
        display: block;
    }
    
    .about-line3-text1{
        display: block;
    }

    .iss-line5 {
        margin: 80px 0 10px 0;
    }
    
    .pcs-line2 {
        margin: 1000px 0 0 0;
    }
    
    .hs-line2 {
        margin: 280px  0 10px 0;
    }

    .hs-line5 {
        margin: 170px 0 10px 0;
    }
    
    .content-inner-map{
        margin-left: 0;
    }
    .content-inner-work-small{
        display: none;
    }
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: 180px;
           /* margin-bottom: 30px;*/
        }
    }
    
}

/****************************
max-width: 1499px) and (min-width: 1250px)
****************************************/


@media all and (max-width: 1499px) and (min-width: 1250px){
    
   .content-inner-stripe-plus{
        display: block;
    }

    #about-stripe .line.line3{
        display: block;
    }
    .iss-line2 {
        margin: 100px 0 10px 0;
    }
    
    .pcs-line2 {
        margin: 800px 0 0 0;
    }
    .hs-line1 {
        margin: 0 0 600px auto;
    }
    .hs-line2 {
        margin: 50px 0 10px 0;
    }
    .hs-line5 {
        margin: 130px 0 10px 0;
    }
    
   .content-inner-map{
        margin-left: 0;
    }
    .content-inner-work-small{
        display: none;
    }
    
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: 120px;
           /* margin-bottom: 30px;*/
        }
    }
}


/****************************
max-width: 1249px) and (min-width: 1025px)
****************************************/


@media all and (max-width: 1249px) and (min-width: 1025px){
   .content-inner-stripe-plus{
        display: none;
    }
    #info-stripe .line.line3{
         display: block;
    }
    
    
    #about-stripe .line.line3{
        display: block;
    }

    .iss-line2 {
        margin: 100px 0 10px 0;
    }
    
    .pcs-line2 {
        margin: 700px 0 0 0;
    }
    
    .hs-line2 {
        margin: 0 0 10px 0;
    }
    .hs-line1 {
        margin: 0 0 500px auto;
    }
    
    .content-inner-map{
        margin-left: 0;
    }
    .content-inner-work-small{
        display: none;
    }
    
   @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: 80px;
           /* margin-bottom: 30px;*/
        }
    }
}


/****************************
max-width: 1024px) and (min-width: 768px)
****************************************/

@media all and (max-width: 1024px) and  (min-width: 768px){
   .content-inner-stripe-plus{
       display: none; 
    }
    #about-stripe .line.line3{
    display: block;
}
    .iss-line1 {
        margin: 0 0 440px auto;
    }

    .iss-line2 {
        margin: 20px 0 10px 0;
    }

    .pcs-line2 {
        margin: 700px 0 0 0;

    }
    .hs-line1 {
        margin: 0 0 4456x auto;
    }
    .hs-line4 {
        margin: 20px 0 80px 0;
    }
    .hs-line5 {
        margin: 30px 0 10px 0;
    }


    .hs-line1-text p, .hs-line2-text p, .hs-line4-text p, .hs-line6-text p {
        font-size: 12vw;
    }

    .box-home-text a.a-home-link {
        font-size: 4.4vw;
        line-height: 0.8em;
    }

    .content-inner {
        position: relative;
        width: calc(100% - 50px);
        height: auto;
        display: block;
        float: left;
        margin: 130px 0 0 50px;
        padding: 0;

    }
    /**********************
    MAP
    ************/
    .content-inner-map{
        margin-left: 0;
    }

    .div-section-map{
        margin: 20px 0 30px 0;
    }

    .content-inner-map{
        margin-bottom: 30px;
    }

    .mapcontainer{   
        width:100%;
        margin: 0;
    }
    
    #map-info{
        position: relative;
        display: block;
        float: left;
        width:100%;
        margin: 0;
    }
    
    .content-inner-work-small{
        display: none;
    }
    
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: 80px;
           /* margin-bottom: 30px;*/
        }
    }
}

/****************************
max-width: 768px) and (min-width: 640px)
****************************************/

@media all and (max-width: 768px) and  (min-width: 640px){
    .content-inner {
        position: relative;
        width: calc(100% - 50px);
        height: auto;
        display: block;
        float: left;
        margin: 130px 0 0 50px;
        padding: 0;
    }

    .content-inner-stripe-plus {
        display: none;
    }
    
    #about-stripe .line.line3{
        display: block;
    }
    
    .content-inner-stripe#pcs-stripe {
        background: url("/image/services/private-client-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 100px;
            background-size: auto;
        background-size: contain;
    }

    #diss-stripe .line.iss-line1 {
        background-color: red;
    }
    
    .iss-line1 {
        margin: 0 0 400px auto;
    }
    
    .iss-line3 {
        margin: 0 0 10px 0;
    }
    
    .iss-line5 {
        margin: 0;
    }
    
    .iss-line5-img img {
        margin-top: 0px;
    }
    
    .pcs-line2 {
        margin: 400px 0 0 0;
    }
    
    .hs-line1 {
        margin: 0 0 380px auto;
    }
    
    .hs-line4 {
        margin: 20px 0 20px 0;
    }
    
    .hs-line5 {
        margin: 40px 0 10px 0;
    }

    .hs-line6 {
        margin: 20px 0 0 0;
    }
    
    .hs-line1-text p, .hs-line2-text p, .hs-line4-text p, .hs-line6-text p {
        font-size: 12vw;
        line-height: 0.7em;
    }
    
    #pcs-stripe-small .line.line1, #hs-stripe-small .line.line1 {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #pcs-stripe-small .line.line1 .line1-text-small, #hs-stripe-small .line.line1 .line1-text-small {
        margin: 98% 0 0 auto;

    }
    
    .line1-text p.p-hs{
        font-size: 14vw;
    }
    .box-home-text a.a-home-link {
        font-size: 4.8vw;
        line-height: 0.8em;
    }
    
    /**********************
    MAP
    ************/
    .content-inner-map{
        margin-left: 0;
    }
    
    .div-section-map{
        margin: 20px 0 30px 0;
    }
    .content-inner-map{ 
        margin-bottom: 30px;
    }
    .mapcontainer{    
        width:100%;
        margin: 0;
    }
    #map-info{
        position: relative;
        display: block;
        float: left;
        width:100%;
        margin: 0;
    }
    
    .content-inner-work-small{
        display: none;
    }
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: 80px;
           /* margin-bottom: 30px;*/
        }
    }
}

/****************************
max-width: 639px) and (min-width: 440px)
****************************************/
@media all and (max-width: 639px) and (min-width: 440px){

    .header{
       left: 30px;
       right: 30px;
       width: calc(100vw - 60px);
    }

    #nav-mob-icon {
        display: block;
    }   

    .nav{
        display: none;
    }

    .content#pHome {
        overflow: auto;
    }

    .content-inner {
        width: calc(100% - 60px);
        margin: 130px 30px 20px;
        padding: 0;
    }
    
    #diss-stripe .line.line1 {
        margin: 0 0 200px auto;
    }
    
    #diss-stripe-small .iss-line1{
        margin: 0 0 0 auto;
    }

    #diss-stripe-small .iss-line2{
         margin: 400px auto 0;
    }

    #diss-stripe-small .iss-line3{
         margin:0 auto;
    }

    #pcs-stripe-small .pcs-line1{
        margin: 0 auto 0;
    }

    #pcs-stripe-small .pcs-line2{
        margin: 620px auto 0;
    }

    .hs-line1-text p, .hs-line2-text p, .hs-line4-text p, .hs-line6-text p {
        font-size: 14vw;
        line-height: 0.7em;
    }
    .hs-line1 {
        margin: 0 0 450px auto;
    }

    .footer {
        position: relative;
        margin-top: 380px;
        clear: both;
    }

    .content-inner-text {
        width: 100%;
    }
    
    .content-inner-stripe {
        display: none;
    }
    .content-inner-stripe-small{
        display: block;
        margin: 0 0 50px 0;
    }
    .content-inner-stripe-plus {
        display: none;
    }
    #about-stripe-small .about-line2-text1{
        margin-top: 0px;
    }
    
    #about-stripe-small .about-line3-text2{
        margin-top: -50px;
    }
    .about-line1-text p, .about-line2-text1 p, .about-line3-text1 p, .about-line3-text2 p, .about-line3-text1-plus p, .about-line3-text2-plus p {
        font-size: 14vw;
        line-height: 0.7em;
    }
    

    .center {
        position: relative;
        display: block;
        margin: 150px auto;
        top:0;
        left: 0;
        transform: none;
        background-color: transparent;
        width: 80vw;
        height: 100%;
    }


    .center-inner {
        width: calc(100% - 60px);
        margin: 0 30px;
        display: block;
        height: 100%;
        background-color: transparent;
    }

    .box-home {
        width: 80%;
        margin: 0 10%;
    }

    .box-home#box-home-1{
        height:380px;
        margin-top: 0;
    }
    
    #box-home-text-1 {
        top: 70px;
        left: -20%;
        width: 100px;
    }

    .box-home#box-home-2{
        height:380px;
        margin-left: 10%;
        margin-top: 50px;
    }
    
    #box-home-text-2 {
        top: 0px;
        left: 80%;
        width: 100px;
    }


    .box-home#box-home-3{
        height:380px;
        margin-left: 10%;
        margin-top: 90px;
        background-color: transparent;
    }

    #box-home-text-3 {
        top: 30px;
        left: 80%;
        width: 100px;
    }

    .box-home-text a.a-home-link {
        font-size: 8.2vw;
        line-height: 0.9em;
    }
    /*********************


    *******************************/
    #info-stripe-small .line.line1{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #info-stripe-small .line.line1 .line1-text-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 80%;
        top: 0;
        right: 0;
        color: #c6c7c8;
        float: right;
    }
    
    #info-stripe-small .line.line1 .line1-img-small{
        background-color: transparent;
        max-width: 80%;
        min-width: 150px;
    }
    
    #info-stripe-small .line.line1 .line1-img-small img{
        width: 90%;
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
    }

    #info-stripe-small .line.line2{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }
    #info-stripe-small .line.line3{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 46px 0 0 0;
    }
    
    #info-stripe-small .line.line2 .line2-text1-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 80%;
        top: 0;
        right: 0;
        color: #c6c7c8;
        margin: 0 0 0 auto;
        float: right;
    }
    
    #info-stripe-small .line.line2 .line2-img-small, #info-stripe-small .line.line3 .line3-img-small  {
        position: relative;
        display: block;
        z-index: 1;
        width: 94%;
        margin: -30px 10px 30px 30px;
        float: left;
        min-height: 50px;
        background-color: transparent;
    }

    #info-stripe-small .line.line2 .line2-img-small #img1,  #info-stripe-small .line.line3 .line3-img-small #img1{
        width: 50%;
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        position: relative;
    }

    #info-stripe-small .line.line2 .line2-img-small #img2, #info-stripe-small .line.line3 .line3-img-small #img2{
        width: 40%;
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        position: relative;
        top: 50px;
    }
    
    #info-stripe-small .line.line2 .line2-text2-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 90%;
        color: #c6c7c8;
        margin: 0;
        float: right;
    }
    #info-stripe-small p{
        color: #c6c7c8;
        font-size: 15vw;
    }

    /********************
    Info page
    **************************/
    .line1-img {
        max-width: 320px;
        min-width: 150px;
        margin: 80px 0 0 20px;
    }

    #info-stripe-small .line.line2 .line2-img-small #img1 {
        width: 50%;
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        position: relative;
        margin-top: 50px;
    }

    #info-stripe-small .line.line2 .line2-text2-small {
        position: relative;
        display: block;
        z-index: 0;
        max-width: 90%;
        color: #c6c7c8;
        margin: 0;
        margin-top: 0px;
        float: right;
        margin-top: 25px;
    }
    
    /*************************
    SERVICES
    *******************/
    #diss-stripe-small .line.line1 {

        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }
    .content-inner-stripe-small#diss-stripe-small {
        background: url("/image/services/international-school-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 160px;
        background-size: auto;
        background-size: contain;
    }

    #diss-stripe-small .line.line1{
        margin: 0 0 300px auto;
    }

    #diss-stripe-small .line.line1.line1-2 {
        margin: 0 0 20px auto;
    }

    #diss-stripe-small p, #pcs-stripe-small p {
        font-size: 15vw;
    }

    .content-inner-stripe-small#pcs-stripe-small {
        background: url("/image/services/private-client-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 160px;
        background-size: auto;
        background-size: contain;
    }

    #pcs-stripe-small .line.line1, #hs-stripe-small .line.line1 {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #pcs-stripe-small .line.line1 .line1-text-small {
        margin: 98% 0 0 auto;
    }

    .content-inner-stripe-small#hs-stripe-small{
       background: url("/image/services/honorary-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 120px;
       background-size: auto;
       background-size: contain;
    }
    
    #hs-stripe-small .line.line1 .line1-text-small {
        margin: 80% 0 0 auto;
    }
    
    #hs-stripe-small .hs-line5 {
       margin: 60px 0 10px 0;
    }

    .line1-text-small p.p-hs{
        font-size: 22vw;
    }

    /**********************
    MAP
    ************/
    
    .content-inner-map{
        margin-left: -8000px;
    }
    
    .div-section-map{
        margin: 20px 0 30px 0;
    }
    
    .content-inner-map{  
        margin-bottom: 30px;
    }
    
    .mapcontainer{   
        width:100%;
        margin: 0;
    }
    #map-info{
        position: relative;
        display: block;
        float: left;
        width:100%;
        margin: 0;
    }
    
    .content-inner-work-small{
        display: block;
    }
    
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: calc(100% + 80px);
           /* margin-bottom: 30px;*/
        }
    }
}

/****************************
max-width: 439px) and (min-width: 321px)
****************************************/
@media all and (max-width: 439px) and (min-width: 321px){
    
    .header{
       left: 30px;
       right: 30px;
       width: calc(100% - 60px);
    }
    
    #nav-mob-icon {
        display: block;
    }   

    .nav{
        display: none;
    }
    
    .footer {
        position: relative;
        margin-top: 120px;
        clear: both;
    }

    .content#pHome {
        overflow: auto;
    }

    .content-inner {
        width: calc(100% - 60px);
        margin: 130px 30px 20px;
        padding: 0;

    }
    
    .content-inner-stripe {
        display: none;
    }
    
    .content-inner-stripe-small{
        display: block;
        margin: 0 0 50px 0;
    } 

    .content-inner-text {
        width: 100%;
    }
    
    .content-inner-stripe-plus {
        display: none;
    }

    .center {
        position: relative;
        display: block;
        margin: 150px auto;
        top:0;
        left: 0;
        transform: none;
        background-color: transparent;
        width: 80%;
        height: 100%;
    }


    .center-inner {
        width: calc(100% - 60px);
        margin: 0 30px;
        display: block;
        height: 100%;
        background-color: transparent;
    }

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

    .box-home#box-home-1{
        height:280px;
        margin-top: 0;

    }
    
    #box-home-text-1 {
        top: 70px;
        left: -10%;
        width: 100px;
    }

    .box-home#box-home-2{
        height:280px;
        margin-left: 10%;
        margin-top: 50px;
    }
    
    #box-home-text-2 {
        top: 0px;
        left: 70%;
        width: 100px;
    }

    .box-home#box-home-3{
        height:280px;
        margin-left: 10%;
        margin-top: 90px;
        background-color: transparent;
    }

    #box-home-text-3 {
        top: 90px;
        left: 80%;
        width: 100px;
    }

    .box-home-text a.a-home-link {
        font-size: 8.2vw;
        line-height: 0.9em;
    }
    /*********************


    *******************************/

    #about-stripe-small .line.line2 {
        margin-top: 20px;
    }
    #about-stripe-small .about-line2-text1{
        margin-top: -20px;
    }

    #about-stripe-small .about-line1-text p,  #about-stripe-small .about-line2-text1 p, #about-stripe-small .about-line3-text1 p, 
    #about-stripe-small .about-line3-text2 p,  #about-stripe-small .about-line3-text1-plus p, #about-stripe-small .about-line3-text2-plus p {
        font-size: 16vw;
        line-height: 0.7em;
        text-align: right;
    }
    
    #about-stripe-small .about-line2-img {
        margin: 10px 0 30px 0;
    }

    #info-stripe-small .line.line1{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #info-stripe-small .line.line1 .line1-text-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 80%;
        top: 0;
        right: 0;
        color: #c6c7c8;
        float: right;
    }
    
    #info-stripe-small .line.line1 .line1-img-small{
        background-color: transparent;
        max-width: 80%;
        min-width: 150px;
    }
    
    
    #info-stripe-small .line.line1 .line1-img-small img{
        width: 90%;
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
    }

    #info-stripe-small .line.line2{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }
    #info-stripe-small .line.line3{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }
    
    #info-stripe-small .line.line2 .line2-text1-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 80%;
        top: 0;
        right: 0;
        color: #c6c7c8;
        margin: 0 0 0 auto;
        float: right;
    }
    
    #info-stripe-small .line.line2 .line2-img-small {
        position: relative;
        display: block;
        z-index: 1;
        width: 94%;
        margin: -50px 10px 10px 30px;
        float: left;
        min-height: 50px;
        background-color: transparent;
    }

    #info-stripe-small .line.line2 .line2-img-small #img1, #info-stripe-small .line.line3 .line3-img-small #img1{
       width: 50%;
       transform: rotate(10deg);
       -webkit-transform: rotate(10deg);
       position: relative;
    }
    
    #info-stripe-small .line.line2 .line2-img-small #img2, #info-stripe-small .line.line3 .line3-img-small #img2{
        width: 40%;
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        position: relative;
        top: 50px;
    }
    
    #info-stripe-small .line.line2 .line2-text2-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 90%;
        color: #c6c7c8;
        margin: 0;
        float: right;
    }
    #info-stripe-small p {
        color: #c6c7c8;
        font-size: 18vw;
    }


    /********************
    Info page
    **************************/
    .line1-img {
        max-width: 320px;
        min-width: 150px;
        margin: 80px 0 0 20px;
    }

    #info-stripe-small .line.line2 .line2-img-small #img1 {
        width: 50%;
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        position: relative;
        margin-top: 50px;
    }

    #info-stripe-small .line.line2 .line2-text2-small {
        position: relative;
        display: block;
        z-index: 0;
        max-width: 90%;
        color: #c6c7c8;
        margin: 0;      
        float: right;
        margin: 50px 0 30px 0;
    }
 
    #info-stripe-small .line.line2 .line2-img-small {
        position: relative;
        display: block;
        z-index: 1;
        width: 94%;
        margin: -50px 10px 20px 30px;
        float: left;
        min-height: 50px;
        background-color: transparent;
    }

    /*************************
    SERVICES
    *******************/
    #diss-stripe .line.line1 {
        margin: 0 0 200px auto;
    }

    #diss-stripe-small .iss-line1{
        margin: 0 0 0 auto;
    }

    #diss-stripe-small .iss-line2{
         margin: 300px auto 0;
    }

    #diss-stripe-small .iss-line3{
         margin:0 auto;
    }
    #diss-stripe-small .iss-line5{
         margin: 0 auto;
    }
    
    #diss-stripe-small .iss-line5-img img {
        width: 90%;
        transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        position: relative;
        margin-top: -20px;
        float: right;
    }

    #diss-stripe-small .line.line1, #pcs-stripe-small .line.line1  {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }
    
    #pcs-stripe-small .pcs-line1{
        margin: 0 auto 0;
    }

    #pcs-stripe-small .pcs-line2{
        margin: 400px auto 0;
    }

    .hs-line1-text p, .hs-line2-text p, .hs-line4-text p, .hs-line6-text p {
        font-size: 14vw;
        line-height: 0.7em;
    }
    .hs-line1 {
        margin: 0 0 280px auto;
    }


    .content-inner-stripe-small#diss-stripe-small {
        background: url("/image/services/international-school-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 100px;
        background-size: auto;
        background-size: contain;
    }

    #diss-stripe-small p, #pcs-stripe-small p, #hs-stripe-small p {
        font-size: 18vw;
    }

    .content-inner-stripe-small#pcs-stripe-small {
        background: url("/image/services/private-client-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 130px;
        background-size: auto;
        background-size: contain;

    }
    
    #pcs-stripe-small .line.line1 .line1-text-small {
        margin: 98% 0 0 auto;
    }

    .content-inner-stripe-small#hs-stripe-small{
       background: url("/image/services/honorary-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 80px;
       background-size: auto;
       background-size: contain;
    }
    
    #hs-stripe-small .line.line1 .line1-text-small {
        margin: 0 0 0 auto;
    }

    .line1-text-small p.p-hs{
        font-size: 22vw;
    }

    /**********************
    MAP
    ************/
    .content-inner-map{
        margin-left: -8000px;
    }

    .div-section-map{
        margin: 20px 0 30px 0;
    }
    
    .content-inner-map{
        margin-bottom: 30px;
    }
    
    .mapcontainer{
        width:100%;
        margin: 0;
    }
    
    #map-info{
        position: relative;
        display: block;
        float: left;
        width:100%;
        margin: 0;
    }
    
    .content-inner-work-small{
        display: block;
    }
    
    
    
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: calc(100% + 80px);
           /* margin-bottom: 30px;*/
        }
    }
    
}

/****************************
max-width: 320px)
****************************************/
@media all and (max-width: 320px){
    
    .header{
       left: 30px;
       right: 30px;
       width: calc(100vw - 60px);
    }
    
    #nav-mob-icon {
        display: block;
    }   

    .nav{
        display: none;
    }
    
    .footer {
        position: relative;
        margin-top: 50px;
        clear: both;
    }

    .content#pHome {
        overflow: auto;
    }
    
    .content-inner {
        width: calc(100% - 60px);
        margin: 130px 30px 20px;
        padding: 0;
    }
    
    .content-inner-stripe {
        display: none;
    }
    
    .content-inner-stripe-small{
        display: block;
        margin: 0 0 50px 0;
    }
    
    .content-inner-text {
        width: 100%;
    }
    .content-inner-stripe-plus {
        display: none;
    }

    .center {
        position: relative;
        display: block;
        margin: 150px auto;
        top:0;
        left: 0;
        transform: none;
        background-color: transparent;
        width: 80vw;
        height: 100%;
    }

    .center-inner {

        width: calc(100% - 60px);
        margin: 0 30px;
        display: block;
        height: 100%;
        background-color: transparent;
    }

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

    .box-home#box-home-1{
        height:280px;
        margin-top: 0;  
    }

    #box-home-text-1 {
        top: 70px;
        left: -10%;
        width: 100px;
    }

    .box-home#box-home-2{
       height:280px;
       margin-left: 10%;
        margin-top: 50px;
    }
    
    #box-home-text-2 {
        top: 0px;
        left: 80%;
        width: 100px;
    }


    .box-home#box-home-3{
        height:280px;
        margin-left: 10%;
        margin-top: 90px;
        background-color: transparent;
    }

    #box-home-text-3 {
        top: 30px;
        left: 80%;
        width: 100px;
    }

    .box-home-text a.a-home-link {
        font-size: 8.2vw;
        line-height: 0.9em;
    }
    /*********************


    *******************************/
    #about-stripe-small .line.line2 {
        margin-top: 20px;
    }
    #about-stripe-small .about-line2-text1{
        margin-top: -20px;
    }
    
    #about-stripe-small .about-line1-text p,  #about-stripe-small .about-line2-text1 p, #about-stripe-small .about-line3-text1 p, 
    #about-stripe-small .about-line3-text2 p,  #about-stripe-small .about-line3-text1-plus p, #about-stripe-small .about-line3-text2-plus p {
        font-size: 16vw;
        line-height: 0.7em;
        text-align: right;
    }

    #about-stripe-small .about-line2-img {
        margin: 10px 0 30px 0;
    }


    #info-stripe-small .line.line1{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }

    #info-stripe-small .line.line1 .line1-text-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 80%;
        top: 0;
        right: 0;
        color: #c6c7c8;
        float: right;
    }
    
    #info-stripe-small .line.line1 .line1-img-small{
        background-color: transparent;
        max-width: 80%;
        min-width: 150px;
    }
    
    #info-stripe-small .line.line1 .line1-img-small img{
        width: 90%;
        transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
    }

    #info-stripe-small .line.line2{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }
    #info-stripe-small .line.line3{
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 14px 0 0 0;
    }

    #info-stripe-small .line.line2 .line2-text1-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 80%;
        top: 0;
        right: 0;
        color: #c6c7c8;
        margin: 0 0 0 auto;
        float: right;
    }

    #info-stripe-small .line.line2 .line2-img-small {
        position: relative;
        display: block;
        z-index: 1;
        width: 94%;
        margin: -50px 10px 10px 30px;
        float: left;
        min-height: 50px;
        background-color: transparent;
    }


    #info-stripe-small .line.line2 .line2-img-small #img1{
       width: 50%;
       transform: rotate(10deg);
       -webkit-transform: rotate(10deg);
       position: relative;
    }
    
    #info-stripe-small .line.line2 .line2-img-small #img2{
        width: 40%;
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        position: relative;
        top: 50px;
    }
    
    #info-stripe-small .line.line2 .line2-text2-small{
        position: relative;
        display: block;
        z-index: 0;
        max-width: 90%;
        color: #c6c7c8;
        margin: 0;
        float: right;
    }
    
    #info-stripe-small p {
        color: #c6c7c8;
        font-size: 18vw;
    }
    #info-stripe-small .line.line3 .line3-img-small #img1{
       width: 50%;
       transform: rotate(10deg);
       -webkit-transform: rotate(10deg);
       position: relative;
    }
    
    #info-stripe-small .line.line3 .line3-img-small #img2{
        width: 40%;
        transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        position: relative;
        top: 50px;
    }

    /****************** new*************/
    #box-home-text-3 {
        opacity: 0;
        top: 20px;
        left: 60%;
        z-index: 10;
        width: 100px;
    }





    /********************
    Info page
    **************************/
    .line1-img {
        max-width: 320px;
        min-width: 150px;
        margin: 80px 0 0 20px;
    }

    #info-stripe-small .line.line2 .line2-img-small #img1 {
        width: 50%;
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        position: relative;
        margin-top: 50px;
    }

    #info-stripe-small .line.line2 .line2-text2-small {
        position: relative;
        display: block;
        z-index: 0;
        max-width: 90%;
        color: #c6c7c8;
        margin: 40px 0 0 0;
        float: right;
    }
 
    #info-stripe-small .line.line2 .line2-img-small {
        position: relative;
        display: block;
        z-index: 1;
        width: 94%;
        margin: -50px 0 20px 20px;
        float: left;
        min-height: 50px;
        background-color: transparent;
    }
    /*************************
    SERVICES
    *******************/
    #diss-stripe-small .line.line1 {

        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;

    }
    
    #diss-stripe-small .iss-line1{
        margin: 0 0 0 auto;
    }

    #diss-stripe-small .iss-line2{
         margin: 230px auto 0;
    }

    #diss-stripe-small .iss-line3{
         margin:0 auto;
    }
    
    #diss-stripe-small .iss-line5{
         margin: 0 auto;
    }
    
    #diss-stripe-small .iss-line5-img img {
        width: 90%;
        transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        position: relative;
        margin-top: -40px;
        float: right;
    }

    #diss-stripe-small .line.line1, #pcs-stripe-small .line.line1  {
        position: relative;
        display: block;
        float: left;
        width: 100%;
        top: 0;
        padding: 0;
        margin: 0;
    }

    .content-inner-stripe-small#diss-stripe-small {
        background: url("/image/services/international-school-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 100px;
        background-size: auto;
        background-size: contain;
    }

    #pcs-stripe-small .pcs-line1{
        margin: 0 auto 0;
    }

    #pcs-stripe-small .pcs-line2{
       margin: 400px auto 0;
    }


    #diss-stripe-small p, #pcs-stripe-small p, #hs-stripe-small p  {
        font-size: 16vw;
    }
    
    .content-inner-stripe-small#pcs-stripe-small {
       background: url("/image/services/private-client-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 130px;
       background-size: auto;
       background-size: contain;
    }
    
    #pcs-stripe-small .line.line1 .line1-text-small {
        margin: 0 0 0 auto;
    }

    .hs-line1-text p, .hs-line2-text p, .hs-line4-text p, .hs-line6-text p {
        font-size: 14vw;
        line-height: 0.7em;
    }
    
    .hs-line1 {
        margin: 0 0 230px auto;
    }
    
    .hs-line5 {
        margin: 0;
    }
    
    .content-inner-stripe-small#hs-stripe-small{
       background: url("/image/services/honorary-services/Dr-Jill-Jenkins-bg.png") no-repeat right 0 top 80px;
       background-size: auto;
       background-size: contain;
    }
    
    #hs-stripe-small .line.line1 .line1-text-small {
        margin: 20px 0 0 auto;
    }

    .hs-line2 {
        margin: 0 0 0 0;
    }
    
    .hs-line3 {
        margin: 0 0 0 0;
    }
    
    .line1-text-small p.p-hs{
        font-size: 22vw;
    }
    /**********************
    MAP
    ************/
    .content-inner-map{
        margin-left: -8000px;
    }

    .div-section-map{
        margin: 20px 0 30px 0;
    }
    
    .content-inner-map{
        margin-bottom: 30px;
    }
    
    .mapcontainer{   
        width:100%;
        margin: 0;
    }
    
    #map-info{
        position: relative;
        display: block;
        float: left;
        width:100%;
        margin: 0;
    }
    
    .content-inner-work-small{
        display: block;
    }
    
    @media  (max-height: 880px){
         .footer {
            position: relative;
            display: block;
            float: right;
            margin-top: calc(100% + 80px);
           /* margin-bottom: 30px;*/
        }
    }
    

}