/*=====================================================*/
/*======================== Mobile =====================*/
/*=====================================================*/
.show_mobile{display:none;}
@media only screen and (max-width: 767px){
  /*============= General structure ============*/
  html{font-size:12px;}
  body{overflow-x: hidden;min-width:320px;background:#262626;position:relative;}
  #global{width:100%;overflow:hidden;position:relative;}
  .menu_open_body .menu_mobile{position:relative;}
  .menu_open_body #pageWrapper{position:absolute;top:0;}

  .overlay_nav {background:none;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 100;}
  .overlay_nav_head {background:none;height: 100%;left: 0;position: absolute;top: 0;bottom:0;width: 100%;z-index: 100;}
  #pageWrapper{position:relative;z-index:2;width:100%;min-width:320px;background:#fff;overflow-x: hidden;}
  .show_mobile{display:block;}
  input[type="text"],input[type="password"],textarea{outline:none;-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
  /*page interne*/
  .mainContent .mainWrap{width:100%;padding:0 20px;margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .node-type-page .mainWrap .content, .node-type-blog .mainWrap .content{position:relative;}
  .page-node .mainWrap h1{margin:0;color:red;}
  .node-type-page section.main-container.mainWrap h1, .node-type-blog section.main-container.mainWrap h1{font-size:2.5rem;position:absolute;bottom:50px;top:auto;left:0;width:100%;text-align:center;}
  .node-type-page section.main-container.mainWrap .presentation h2,
  .node-type-blog section.main-container.mainWrap .presentation h2,
  section.main-container.mainWrap .contenPage section h2{font-size:2rem;}
  h2.rtejustify{margin: 10px 0px;}
  li.rtejustify{margin-left: 0px !important;}
  .formWrapper .compulsory{display: inline-block;width: 100%;margin-top: 18px;position: static;}
  .mainWrap h3{font-size:1.66rem;}
  .node-type-page .contenPage section .bodyPage,
  .node-type-blog .contenPage section .bodyPage{width:100%;padding:10px;margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .node-type-page .contenPage section .bodyPage img,
  .node-type-blog .contenPage section .bodyPage img{max-width:100%;}
  .node-type-page .contenPage section .bodyPage p,
  .node-type-blog .contenPage section .bodyPage p{padding:0;margin:0 0 10px;}
  .node-type-page section.main-container.mainWrap .presentation p,
  .node-type-blog section.main-container.mainWrap .presentation p,
  section.main-container.mainWrap .contenPage section p{font-size:1.5rem;}
  .node-type-page .mainWrap .content .presentation,
  .node-type-blog .mainWrap .content .presentation{padding:10px;width:auto;}
  .node-type-page .mainWrap .btn-start, .node-type-blog .mainWrap .btn-start{ font-size: 1.5rem;    padding: 0.83rem 1.66rem;}
  iframe {max-width:100%;}
  /* TABLE RESPONSIVE */
  .tableScrollable{border:1px solid black;width:100%;margin:0 auto;height:auto;overflow:scroll;overflow-x:scroll;-webkit-overflow-scrolling: auto;}
  .tableScrollable table{margin:0;}
  /*----   header   ----*/
  .mainHeader .main-container{width:100%;position:relative;}
  .menuTop,.global-nav-overlay{display:none;}
  .headerTop{left:0;top:10px;margin:0;width:100%;z-index:101;}
  .headerTopRelative{width:100%;padding:0;margin:0;text-align:center;position:relative;}
  .toggle-menu{position:absolute;left:10px;top:15px;background:url(../images/sprite.png) repeat  0 0;height: 26px;width: 30px;z-index:2;}
  .toggle-menu.is-opened{background-position:-31px 0;}
  .mainHeaderLogo{float:none;margin:0;padding:0;}
  .mainHeaderLogo img{max-width:60%;}
  /*menu mobile*/
  .menu_mobile{overflow:hidden;display:inline-block;position:absolute;z-index:2;left:-80%;top:0;width:80%;padding:0;z-index:1;}
  .menu_mobile,.menu_mobile *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .menu_mobile .bgmenu,.menu_mobile .bgmenu:hover{background:none;}
  ul.menu_nav > li {padding:0;border-bottom:3px solid #000;}
  ul.menu_nav > li.dropdown{position:relative;padding-right:6.25%;}
  ul.menu_nav > li.dropdown:after{content:"";display:block;position:absolute;top:26px;right:6.25%;width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #db0000;}
  ul.menu_nav > li.parentActive:after{width: 0; height: 0; border-top:none;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #db0000;}
  ul.menu_nav > li.parentActive{position:relative;}
  ul.menu_nav > li .btn_to_close{display:none;}
  ul.menu_nav > li.parentActive .btn_to_close{display:block;width:30px;height:30px;			position:absolute;right:8px;top:15px;z-index:2;}
  ul.menu_nav  a{ font-family: "Open Sans",sans-serif;color:#fff;text-decoration:none;line-height:1;}
  ul.menu_nav .active > a{color:#db0000;}
  ul.menu_nav > li > a{display:block;padding:20px 6.25%;font-size: 22px;text-transform:uppercase;}
  ul.menu_nav > li > div{width:100%!important;}
  .menu_mobile .tb-megamenu-submenu {display:none;padding:10px 20px;border-bottom:1px solid #fff;}
  ul.menu_nav > li > .tb-megamenu-submenu{border:none;padding:0 6.25% 15px;}
  ul.menu_nav > li > .tb-megamenu-submenu > .mega-dropdown-inner{padding-left:12px;}
  .menu_mobile .tb-megamenu-submenu li{padding-bottom:5px;}
  .menu_mobile .tb-megamenu-submenu li.level-2{padding-bottom:10px;position:relative;padding-left:10px;}
  .menu_mobile .tb-megamenu-submenu li.level-2:before{content:"";width:4px;height:4px;background:#fff;position:absolute;top:6px;left:0;display:inline-block;-webkit-border-radius:100%; -moz-border-radius:100%; border-radius: 100%;}
  .menu_mobile .tb-megamenu-submenu li.level-2 > a{font-size:16px;text-transform:uppercase;}
  .menu_mobile .tb-megamenu-submenu li a{font-size:16px;}
  .menu_mobile .tb-megamenu-submenu	.tb-megamenu-submenu {padding:5px 12px;display:block;}
  .menu_mobile .tb-megamenu-submenu	.tb-megamenu-submenu li:before{content:"-";color:#fff;display:inline-block;padding-right:2px;}
  .menu_mobile .mainHeaderSocial{position:static;padding:20px 0 4px 0;width:100%;overflow:hidden;display: block;}
  .menu_mobile .block-lang-dropdown{display:block;clear:both;padding:0 0 0 10px;}
  .ddsDark .dd-options{bottom:auto;position:static;}
  /*banner top*/
  .hpBannerTop{width:100%;overflow:hidden;}
  .hpBannerTop .block-body{text-align:center;left:0; margin:0;width:100%;text-align:center;padding:0 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

  .front .hpBannerTop .block-body h2,.hpBannerTop .block-body h2{font-size:2.5rem;width:100%;padding:0 0 10px;line-height: 33px}
  .hpBannerTop .block-body p{font-size:1.25rem;width:100%;}
  .landing-page .hpBannerTop .block-body, .page-node-837 .hpBannerTop .block-body, .page-node-11185 .hpBannerTop .block-body{top: 25%;}


  /*----   footer  ----*/
  footer{padding:20px;}
  footer .footerTop{width:100%;padding:0;}
  footer .footerTop section.footerLink{width:100%;padding-bottom:20px;margin-bottom:20px;float:none;border-bottom:1px solid #585858;}
  footer .footerTop .menuCol2 ul.menu, footer .footerTop .menuCol4 ul.menu{ margin-top: 15px;}
  .newsletterSocialMedia .newsletter{width:100%;float:none;clear:both;margin-bottom:30px;}
  .newsletterSocialMedia .newsletter form label{font-size:18px;}
  footer #newsletter .form-item{width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;clear:both;margin:0;}
  footer #newsletter .form-item .form-text{float:none;height:30px;width:98%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .newsletterSocialMedia .newsletter form input.form-submit{
    float:right;margin:-46px -15px 2px;
    position:relative;z-index:10;
    height:30px;width:40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  footer #newsletter div.messages{padding: 10px 10px 10px 32px;}
  .newsletterSocialMedia .footerSocialMedia{width:100%;}
  .newsletterSocialMedia .footerSocialMedia strong{display:block;float:none;}
  .newsletterSocialMedia .footerSocialMedia .links{float:none;}
  .socialMediaNews .ckeditor-backgroundimage-content{
    width:100%;
    font-size: 20px;
  }
  .ckeditor-backgroundimage-content img{
    width:100%;
  }

  .footerBottom{width:100%;max-width:273px;line-height:18px;}
  /*----   contact  ----*/
  .formWrapper {padding: 30px 20px 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .formWrapper h1{font-size:2.33rem;}
  .formWrapper h2,.formWrapper h3{font-size:1.5rem;line-height:1.66rem;width:100%;}

  .formWrapper .formContainer{width:100%;}
  .formWrapper .formLeft,.formWrapper .formRight{width:100%;float:none;margin:0;padding:0;}
  .formWrapper form div.form-item{width:100%;}
  .formWrapper .form-control{width:100%;height:40px;line-height:40px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  #contact-form .selector span{width:100%;height:40px;line-height:40px;padding:0 6px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background:url(../images/bg-select.png) no-repeat scroll right center}
  #contact-form div.selector select{width:100%;height:30px;}
  .formWrapper .form-textarea {height: 159px;width: 96%;}
  .formWrapper form input.form-submit{position:static;font-size: 1.5rem;    padding: 0.83rem 1.66rem;		clear:both;margin:10px 0 0;}
  .formWrapper .form-item-captcha-response .form-text{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: "Open Sans",sans-serif;font-size: 14px;    font-style: italic;		font-weight: 300;		padding: 0 6px;		width:150px;		height: 40px;    line-height: 40px;border: 1px solid #ccc;}
  .formWrapper form div.form-item-newsletter label.option{ font-size: 16px;}
  .formWrapper form div.form-item label.error{line-height:1;    padding: 10px 0 0px 0;position:relative;}
  .formWrapper .captcha #edit-captcha-response-error.error{    position: relative;    padding: 10px 0;}
  /*----   social Media  ----*/
  .socialMediaNews .main-container > .block-drupalone{width:100%;float:none;clear:both;}
  .socialMediaNews .main-container > .block-drupalone > div,.socialMediaNews .main-container > .block-drupalone > .LastNews{width:auto;float:none;padding:20px;}
  .aimeFacebookGlobal{text-align:center;width:280px;margin:0 auto;}
  .aimeFacebookGlobal .aimeFacebook{width:100%;}
  .socialMediaNews .socialMediaInstagram{height:auto;text-align:center;}
  .socialMediaNews .LastNews{width:100%;height:auto;}

  /*================= Home page ================*/
  .learnPrograms .block-block p{font-size:2rem;line-height:2.5rem;}
  .learnPrograms .linkBoutton{font-size:1.5rem;	padding:0.83rem 1.66rem;}

  .getGlimpse{min-height:204px;position:relative;}
  .getGlimpse .block-imageblock .block-image img{height:204px;width:auto;position:absolute;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display:block;}
  .getGlimpse .block-body{left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
  .getGlimpse .block-body a{font-size:2.33rem;white-space: nowrap;    padding: 18px 0px 18px 56px;}

  .homeBadge{width:100%;max-width:520px;margin:0 auto;}
  .homeBadge .main-container{width:100%;}
  .homeBadge .block-imageblock{width:100%;float:none;margin:0 0 30px;clear:both;padding:0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .homeBadge .block-imageblock .block-image{margin:0;}
  .learnInternshipChina{width:100%;max-width:520px;margin:0 auto;}
  .learnInternshipChina .main-container{width:100%;}
  .learnInternshipChina .block-imageblock{width:100%;float:none;margin:0 0 30px;clear:both;padding:0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .learnInternshipChina .block-imageblock:last-child{margin-bottom:0;}
  /** Fix magrin for block learnIntership
  /*.learnInternshipChina .block-imageblock .block-image{margin:0;}*/
  .learnInternshipChina .block-imageblock .block-image{margin:0;}
  .learnInternshipChina .block-imageblock .block-body,
  .learnInternshipChina .block-imageblock:hover .block-body{top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
  .learnInternshipChina .block-imageblock .block-body h3{font-size:2.33rem;}
  .learnInternshipChina .block-imageblock .block-body p{font-size:1.5rem; line-height:1.83rem;padding: 10px 0 0;}
  .learnInternshipChina .block-imageblock .block-body a{font-size: 1.5rem; padding: 0.83rem 1.66rem;}

  .chineseLanguageSchool .main-container{width:auto;padding:0 20px;}
  .chineseLanguageSchool h2{font-size:2.5rem;padding-top:0;}
  .chineseLanguageSchool h3{font-size:1.33rem;}
  .chineseLanguageSchool .block-block{width:100%;clear:both;float:none;margin:0 0 3.33rem;}
  .chineseLanguageSchool .block-block:last-child{margin-bottom:0;}

  .blockTestimonials{padding-bottom:50px;}
  .testimonials .defaultTexte{font-size:1.5rem;position:static;padding-top:50px;}
  .testimonials .linktestimonial{position:static!important;padding:20px 0 0;}
  .blockTestimonials .txtDescription{font-size:2.33rem;}
  #mobiletextInfo .testimonialContent{position:static;padding:50px 0 0;}
  #mobiletextInfo .testimonialContent blockquote{width:100%;margin:0;padding:0 40px;height:auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  #mobiletextInfo .testimonialContent blockquote p{padding:0;font-size:1.5rem;max-height:inherit;height:auto;}
  #mobiletextInfo .testimonialContent blockquote p a,
  #mobiletextInfo .testimonialContent  p.email a{color:#fff;}
  .testimonialContent blockquote:before,.testimonialContent blockquote:after{
    -ms-transform: scale(0.4); /* IE 9 */
    -webkit-transform: scale(0.4); /* Safari */
    transform: scale(0.4);}
  .testimonialContent blockquote:before{left:-20px; top: -20px;}
  .testimonialContent blockquote:after{right:-20px; bottom: 0;}

  section.testimonials ul.testimonial{width:100%;text-align:center;font-size:0;}
  section.testimonials ul.testimonial li.item{width:16.66%;display:inline-block;float:none;height:auto;}
  .testimonials .defaultTexte{/* display:block!important; */font-size:1.5rem;}
  /*.testimonialContent{display:none!important;}*/
  .testimonials a#testimonialsButton{display:inline-block;font-size: 1.5rem;    padding: 0.83rem 1.66rem;}

  .hpBannerMiddel .block-imageblock{width:100%;float:none;}
  .hpBannerMiddel .block-imageblock .block-image{width:100%;overflow:hidden;}
  .hpBannerMiddel .block-imageblock:first-child{margin-bottom:0;}
  .hpBannerMiddel .block-imageblock:first-child img{min-height:270px;}
  .hpBannerMiddel .block-imageblock:first-child .block-body{padding:3.33rem 0 0;}
  .hpBannerMiddel .block-imageblock:first-child .block-body h2{font-size:2rem;width: 90%;margin: 0 auto;line-height: normal;}
  .hpBannerMiddel .block-imageblock:first-child .block-body h3{font-size:1.66rem;}
  .hpBannerMiddel .block-imageblock:first-child .block-body > ul{width:100%;max-width:520px;margin:0 auto;padding:0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .hpBannerMiddel .block-imageblock:first-child .block-body ul li{line-height:1;}
  .hpBannerMiddel .block-imageblock:first-child .block-body ul ul li {line-height:17px;}
  .hpBannerMiddel .block-imageblock:first-child .block-body ul li a{font-size:1.5rem;}
  .hpBannerMiddel .block-imageblock:last-child{width:100%;}
  .hpBannerMiddel .block-imageblock:last-child h3{font-size:2.33rem;}
  .hpBannerMiddel .block-imageblock:last-child .block-body{padding:0; width: 100%;top: 40%;}

  /*================= about us pages ================*/
  .page-testimonials .mainWrap h1 {font-size: 39px;}
  /*About Hutong School*/
  .pageWhyChooseUs .descBlogs img, .bodyPage img {    padding: 0;}

  /*Our people */
  .page-our-people .mainWrap h1{font-size:2.5rem;left:0;width:100%;text-align:center;}
  .page-our-people .mainContent .main-container.mainWrap{margin:0;}
  .page-our-people .mainWrap h2{font-size:2rem;}
  .page-our-people .mainWrap .descOurPeople p{font-size:1.5rem;}
  .page-our-people .view-our-people{width:100%;}
  .page-our-people .mainWrap .filterTitleActive h3{font-size:2rem;}
  .right p.languages{padding:0 0 5px;}
  .node-our-people .right blockquote p{width:auto;padding:0 22px;}
  .page-our-people .view-our-people{    padding-top: 36px;}
  .right p.languages{margin-top: 10px;    text-align: center;}
  .view-filters.fixed {  width: 100%;left: 0%;}
  .mainWrap .views-exposed-form .form-type-bef-link a{padding: 11px 10px;display:inline-block;}
  .mainWrap .views-exposed-form .form-type-bef-link{padding: 0;}
  /*Why shoose us*/
  .pageWhyLearnChinese .page-marge-summary{margin-top:30px;}
  .pageWhyLearnChinese .thumbnailContent{top:0;position:static;}
  .pageWhyLearnChinese .cententimage{height:auto;}
  .pageWhyLearnChinese .thumbnailContent img{max-width:100%;margin-bottom:20px;}
  .pageWhyLearnChinese .contenPage section .bodyPage p{padding-left: 15px;    width: 94%;}
  .pageWhyChooseUs p a img{margin:10px auto; display: block;}

  /*why learn chinese*/
  .node-type-page .joint-content{margin:30px 0;}
  .node-type-page .joint-content .mainWrap,
  .node-type-blog .joint-content .mainWrap{width:100%;padding:0 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
  .joint-content .titre-want{width:100%;font-size:2.5rem;line-height:1;}
  .joint-content p.content-button{width:auto;text-align:center;}
  .joint-content p.content-button .btn-start{width:auto;min-width:200px;float:none!important;display:inline-block;font-size: 1.5rem;    padding: 0.83rem 1.66rem;}
  .bodyPage ul li img{display:block;}


  /*educational cooperation*/
  .node-type-page .contenPage section .bodyPage table{width:100%!important;}
  .node-type-page .contenPage section .bodyPage table img{max-width:130px;height:auto!important;}
  .node-type-page .contenPage section .bodyPage table td{font-size:1.33rem;padding:5px;}
  .node-type-page .contenPage section .bodyPage table td p{font-size:1.33rem;}

  /* blog*/
  .page-blog .view-blogs{    width: 100%;}
  .blogItem .left {float: none;margin: 0 auto;}
  .node-testimonial .right blockquote{padding: 0 32px;}
  .node-testimonial .right blockquote::before{    position: absolute;left: 0;}
  .node-testimonial .right blockquote p {width: 100%;padding:0;}
  .blogItem .right h3 {text-align: center;}

  /* our philosophy */
  section.main-container.mainWrap .contenPage section h2>img{    margin: 17px auto !important;float:none !important;}
  .node-type-page .contenPage section .bodyPage img{float:none !important;    display: block;    margin: 5px auto !important;}

  /* tableau
.node-type-page .contenPage section .bodyPage table{width: 100%;}
  .node-type-page .contenPage section .bodyPage table tr{    display: block;width: 33%;float: left;}
    .node-type-page .contenPage section .bodyPage table tr td{display: block;}*/

  /*================= our program ================*/
  /*Learn chinese in china*/
  .landing-page h2, .page-node-837 .hpBannerTop .block-body h2, .page-node-11185 .hpBannerTop .block-body h2 {text-align: center;padding-top: 5px;}
  .node-type-page .hpBannerTop .block-body p.content-description{width: 100%;line-height: normal;}
  .node-type-page .hpBannerTop .block-body p{width: 100%; margin: 0 auto;}
  .page-node-511 .bottominfos .text-right {width: 100%;}
  .node-type-page .hpBannerTop .block-body .linkBoutton{display: block;width: 29%;margin: 3px auto;float: none;padding: 10px;font-size: 12px;}
  .landing-page h2, .page-node-837 h2, .page-node-11185 h2,.blocWhyChooseHutong h3,.blocWhatWeBelieveIn h3,#carouselContent h2, .ourTeacher h2{    font-size: 38px;}
  .iconWhyChoose { width: 91%;}
  .iconLeft,.iconRight {width: 100%;}
  .blocWhatWeBelieveIn {width: 90%;margin: 0 auto 30px;}
  .blocWhatWeBelieveIn .blocTexte {width: 100%;    padding-bottom: 30px;padding-left: 0;}
  .blocFullyCustomized{height:auto;}
  .blocFullyCustomized .content {width: 100%;margin: 0 auto;}
  .ourTeacher a.askFor{max-width: 95%;width: 95%;font-size: 17px;}
  .content .leftContent {    width: 47%;padding-top: 65px;}
  .blocFullyCustomized .content .textLeft{font-size: 23px;}
  .content .RightContent {width: 45%;padding: 69px 0% 0px;margin-left: 5px}
  .textRight{font-size: 11px;line-height: 20px;}
  .ourTeacher{width:90%;}
  .ourTeacher img{width: 100%;}
  .content .contentLarge {padding-top: 30px;}
  .content .contentLarge p{font-size: 23px;padding: 0 2% 0;}
  .content .contentLarge .askFor{font-size: 20px;margin-top:18px;}
  .blockmosaic{width:100%;height: auto;}
  .contenttype1 .textinfos{width: 95%;}
  .contenttype1 h3 {font-size: 23px;margin-top: 22px;}
  .blockmosaic .contenttype1{height: 250px;}
  .contenttype1 p {font-size: 13px;}
  .contenttype2.img img{height:auto;}
  .contenttype2.text2 .textinfos{width: 100%;}
  .contenttype2.text2 .textinfos {width: 98%;}
  .caroufredsel_wrapper{width: 100% !important;height: 288px !important;margin: 0px auto !important:;}
  #carousel{width: 100% !important;overflow:hidden;left: 0px !important;height: 268px !important;margin: 0px auto !important;}
  #carousel img{width:100%;}
  #next {right: 3%;    top: 61%;}
  #prev{left: 3%;    top: 61%;}
  #carousel div.slidesCarousel{margin-top: 0px !important;float: none !important;right: 0px !important;left: 0px !important;margin: 0 auto !important;}

  /* Testimonials */
  .page-testimonials .mainContent .main-container.mainWrap{margin-top: 0px;}
  .page-testimonials .view-testimonials {width: 100%;}
  .node-testimonial .left{float: none;margin: 0 auto;}
  .node-testimonial .right .timeStayed {margin: 12px auto;text-align: center;}
  .page-testimonials .joint-content .titre-want {line-height: 40px;}
  .page-testimonials .joint-content p.content-button {width: 72%;}
  .page-testimonials .joint-content p.content-button .btn-start{float: none;margin-bottom: 15px;display:block;}
  /*================= Page contact ================*/
  .pageContact .mainContent{width:99%;}
  .pageContact .mainContent .mainWrap{padding:0;}
  .pageContact .contactHeader {    padding: 33px 7px 34px;width: 100%;}
  .pageContact .contactHeader>p {width: 100%;}
  .pageContact .formLeft, .pageContact .formRight{ width: 93%;}
  .pageContact #contact-form .selector span {background-position: 296px 17px;padding-top: 2px;height: 47px;}
  .pageContact #contact-form div.selector select {width: 100%;height: 47px;top: 0;display: block;}
  .pageContact .captcha {width: 91%;}
  .pageContact form input.form-submit {margin:4% 4% 5%}
  .pageContact .mainSidebar{    width: 100%;}
  .pageContact .blocAdresses{    width: 100%;margin: 0;}
  .pageContact .blocAdressesGlobal{    width: 94%;padding: 0 10px;}
  .adressesLeft, .adressesRight{width:100%;}
  .adresse img{    margin: 0 auto;display: block;}
  .adresse p.titre{text-align: center;}
  .pageContact .joint-content p.content-button {width: 53%;}
  .pageContact .joint-content p.content-button .btn-start{float: none;margin-bottom: 15px;display:block;}
  .pageContact .form-control{width: 86%;}
  .pageContact .formRight .form-textarea{width: 96%;}
  .pageContact .formLeft .form-textarea{width: 96%;}
  .pageContact div.form-item #edit-captcha-response{font-family: 'Open Sans', sans-serif;font-size: 20px;font-style: italic;font-weight: 300;width: 86%;background-color: #fff;border: 1px solid #ccc;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555555;display: block;font-size: 14px;height: 52px;line-height: 1.42857;padding: 0 15px;}
  .form-item .description {color: #3c3c3c;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: normal;}
  .pageContact .compulsory {width: 100%;margin-left: 4%;font-size: 20px;color: #3c3c3c;font-family: 'Open Sans', sans-serif;font-size: 16px;line-height: normal;}
  .pageContact #contact-form .selector span{width: 96%;}
  .pageContact .mainWrap h2, .pageContact .mainSidebar h2{padding-left: 3%;}
  .pageContact .contactHeader>p{width: 92%;}

  .pageContact form div.form-item-newsletter label.option{font-size: 16px;}
  /*================= Page 404 ================*/
  .page-node-404 .mainHeader {height: 595px;}
  .page-node-404 .hpBannerTop{    height: 596px;}
  .page-node-404 .hpBannerTop .block-image{min-height: 595px;}
  .page-node-404  .hpBannerTop .block-imageblock .block-image img {height: 599px;}
  .page-node-404  .Page-404{    top: -60px;}
  .page-node-404  .Page-404 p{    font-size: 15px !important;    line-height: 27px;}
  .page-node-404  .Page-404 a.homePageButton{    margin: 9px auto 18px;}
  .page-node-404  .Page-404 .ButtonsPage{    width: 311px;margin-top: 22px;}

  .page-node-404  .ButtonsPage a.IntensiveButton{margin:0;}
  .page-node-404  .ButtonsPage a.InternchipButton{margin-left:36px;}

  /*================= Page Apply-form ================*/
  .page-apply-form .mainWrap{padding-top: 32px;}
  .page-apply-form .mainWrap h1{margin-top: -113px;}
  /* select your program */
  .page-apply-form #apply-form-page-form .form-item-program-select:last-child label.option{padding: 14px 0px;}
  /* Personal information */
  .page-apply-form #apply-form-page-form .collapsible{width:100%;margin:0 auto 45px;padding:0;}
  .page-apply-form #apply-form-page-form .form-wrapper legend{padding-left: 4%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper{    margin: 6% auto 10%;overflow: hidden;width: 94%;  }
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item input{width: 97%;}
  .page-apply-form #apply-form-page-form #edit-internship .fieldset-wrapper .form-item input#edit-program-reference-no{width: 97%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-birthdate .form-type-select{width:33.3%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-birthdate .form-type-select .selector span{    padding: 0px 0px 0px 10px;    background-position: -50px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item .form-radios{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item #edit-city-stay{width: 102%}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item .form-radios .form-item-gender{width: 33%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item .form-radios .form-item-gender:nth-child(1){width: 28%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item .form-radios .form-item-gender:nth-child(3){width: 38%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item .form-radios .form-item-gender label.option{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-nationality{    margin-bottom: 18px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-nationality .selector .form-select{width: 100%;margin-left: 0;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-nationality .selector span{width: 420px;background-position: -13% -282px;padding-left: 12px;}
  /* Contact information */
  .intl-tel-input .flag-dropdown{padding: 0px 1px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-phone .intl-tel-input input {margin-left: 95px;width: 63%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-country .selector .form-select{width: 100%;margin-left: 0;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-country .selector span{width: 420px;background-position: 170px -282px;padding-left: 12px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-month{    width: 48%;left: 52%;margin-top: 42px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item div.selector{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item div.selector .form-select{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-month div.selector span{    width: 127px;    padding: 0px 0px 0px 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-year div.selector span{    width: 127px;    padding: 0px 0px 0px 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-year div.selector {width: 67%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDuration .form-item-duration div.selector span {width: 94px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-city-stay .form-type-radio{width: 22%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-city-stay .form-type-radio label{font-size: 13px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .selector .form-select{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector span{background-position: -12% -282px;padding: 0px 0px 0px 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-program-expectations .form-textarea-wrapper {width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector span {background-position: -12% -282px;padding: 0px 0px 0px 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector span {background-position: -12% -282px;padding: 0px 0px 0px 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-year {width: 73%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-program-expectations .form-textarea-wrapper .form-textarea{    width: 99%;margin-left: 1px;}
  /* chinese level */
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-chinese-level{    width: 100%;margin: 0 auto;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item #edit-chinese-level{overflow: hidden;margin-left: 0px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio{width:25%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio label{    font-size: 13px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio label span{    font-size: 9px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio .radio:after{left: -39px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio span{background-position: 25px -794px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio.progress-on span {background-position: 18px -829px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio span.checked{    background-position: 25px -760px;}
  /* Add additional program */
  .page-apply-form #apply-form-page-form #edit-second-program .fieldset-wrapper{    width: 94%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStartSecond{    padding-bottom: 8px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-check-combo-second label.option{width: 70%;padding-top: 7px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second{        left: 50%;width: 47%;margin-bottom: 18px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second div.selector{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second div.selector span{    padding: 0px 0px 0px 10px;    background-position: 2% -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-year-second div.selector{width: 47%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-year-second div.selector span{    padding: 0px 0px 0px 10px;    background-position: 2% -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-city-stay-second .form-type-radio{width: 24%;}
  /* Newsletter */
  .page-apply-form #apply-form-page-form #edit-newsletter .fieldset-wrapper{width: 98%;}
  .page-apply-form #apply-form-page-form #edit-newsletter .fieldset-wrapper .form-item-confirmation label.option{    width: 70%;padding-top: 0;}
  .page-apply-form #apply-form-page-form #edit-newsletter .fieldset-wrapper .form-item-newsletter label.option{    width: 70%;padding-top: 5px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-check-combo-second {margin-top: 0px;    background-position: 3% -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDurationSecond .form-item-duration-second div.selector span {width: 93px;}
  .page-apply-form #apply-form-page-form .collapsible a.fieldset-title{    font-size: 18px;}
  /* correction android */
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-nationality .selector span{background-position: 156px -282px;width: 290px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-country div.selector span{background-position: 156px -282px;width: 290px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector span{background-position: 156px -282px;width: 290px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector span{background-position: 156px -282px;width: 290px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector span{background-position: 156px -282px;width: 290px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-phone .intl-tel-input input{    width: 200px;}
  .node-type-page .page-marge-summary, .node-type-blog .page-marge-summary{margin-top: 10px;}
  .formWrapper h2{padding: 0px 0 20px 0;}
  .pageContact .blocAdresses{padding-top: 0px;}
  .right .mail{width: 92%;margin-left: 0px}
  .right .city{width: 92%;margin-left: 0px}
  .mainWrap p, .mainWrap p span{margin-bottom: 8px;}
  .node-type-page .mainWrap .content .presentation{margin-top: 20px;}
  
  .node-internship-type #them-internship-filter-form .form-wrapper{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
  }

  .node-internship-type #them-internship-filter-form .form-wrapper .container-inline div {
    display: block;
  }

  .node-internship-type #them-internship-filter-form .form-item select.large{
      width: 50%;
      height: 35px;
  }
  .node-internship-type #them-internship-filter-form .form-item #edit-starting-date{
      width: 50%;
      height: 35px;
  }
  .node-internship-type form .ajax-progress-throbber .throbber {
    position: absolute;
    left: 50%;
    margin-top: 80px;
  }
  .node-type-internship-type #newsletter-sidebar, .page-internship #newsletter-sidebar{
    top: 5px;
  }

}
@media only screen and (max-width: 767px) and (orientation: landscape) {
  
  /*================= Page contact ================*/
  .pageContact .form-control { width: 94.5%;}
  .pageContact #contact-form .selector span { background-position: 570px 17px;}
  .pageContact form input.form-submit {margin-left: 504px;}
  .pageContact .blocAdressesGlobal {width: 97%;}
  .adresse p.tel span,.adresse p.email span{margin-top: 0;}
  /*================= Page testimonials ================*/
  .node-testimonial .right blockquote p {width: 100%;}
  /*================= Page our-people ================*/
  .right p.languages {text-align: left;}
  .mainWrap .views-exposed-form .form-type-bef-link{    margin: 0 3px;}
  .mainWrap .views-exposed-form .form-type-bef-link a{padding: 11px 14px;}
  /*================= Page apply form ================*/
  .page-apply-form #apply-form-page-form .collapsible a.fieldset-title{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-birthdate .form-type-select .selector span{    background-position: -31px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-nationality .selector span{    background-position: 288px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-country .selector span{    background-position: 288px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-month{    left: 25%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector span{    background-position: 280px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector span{background-position: 280px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector span{background-position: 280px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-year-second div.selector {width: 22%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second {left: 24%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second div.selector {width: 22%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio span {background-position: 59px -794px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio span.checked {background-position: 60px -760px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio.progress-on span {background-position: 59px -829px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio .radio:after {left: -72px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio label span {font-size: 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-check-combo-second label.option {padding-top: 16px;}

  /* correction android */
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper120px .form-item.form-item-nationality .selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-country div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-phone .intl-tel-input input{    width: 200px;}

  /*================= Page contact ================*/ 
  .pageContact .form-control { width: 94.5%;}
  .pageContact #contact-form .selector span { background-position: 570px 17px;}
  .pageContact form input.form-submit {margin-left: 504px;}
  .pageContact .blocAdressesGlobal {width: 97%;}
  .adresse p.tel span,.adresse p.email span{margin-top: 0;}
  /*================= Page testimonials ================*/  
  .node-testimonial .right blockquote p {width: 100%;}
  /*================= Page our-people ================*/
  .right p.languages {text-align: left;}
  .mainWrap .views-exposed-form .form-type-bef-link{    margin: 0 3px;}
    .mainWrap .views-exposed-form .form-type-bef-link a{padding: 11px 14px;}
  /*================= Page apply form ================*/
  .page-apply-form #apply-form-page-form .collapsible a.fieldset-title{width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-birthdate .form-type-select .selector span{    background-position: -31px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-nationality .selector span{    background-position: 288px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-country .selector span{    background-position: 288px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredStart .form-item-start-month{    left: 25%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector span{    background-position: 280px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector span{background-position: 280px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector span{background-position: 280px -282px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-year-second div.selector {width: 22%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second {left: 24%;}
    .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month-second div.selector {width: 22%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio span {background-position: 59px -794px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio span.checked {background-position: 60px -760px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .radio.progress-on span {background-position: 59px -829px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio .radio:after {left: -72px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio label span {font-size: 10px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-check-combo-second label.option {padding-top: 16px;}

  /* correction android */
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item.form-item-nationality .selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-country div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-country div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .studentPartnerSchools .form-item-partner-school div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-how-to-find div.selector span{background-position: 156px -282px;}
  html.AndroidClass .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-phone .intl-tel-input input{    width: 200px;}
  .testimonials .testimonialsDescription{top: 30%;} 

}

@media screen and (max-width: 480px) {
  html{font-size:10px;}
  /*banner top*/
  .hpBannerTop .block-image{width:100%;overflow:hidden;min-height:255px;position:relative;}
  .hpBannerTop .block-imageblock .block-image img{height:255px;width:auto;display:block;	position:absolute;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);	}
  section.testimonials ul.testimonial li.item{width:25%;display:inline-block;float:none;height:auto;}
  /* about us pages */
  .mainWrap .views-exposed-form .form-type-bef-link{ margin:0 0 20px;	width:100%;	}
  .mainWrap .views-exposed-form .form-type-bef-link a{ display: block; }
  .node-our-people .left{float:none;margin:0 auto;}
  .node-our-people .right{float:none;}


}
/*=====================================================*/
/*===================== END Mobile ====================*/
/*=====================================================*/


/*=====================================================*/
/*======================== Tablette =====================*/
/*=====================================================*/

@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* --------------Home page -----------------*/
  .headerTop, .hpBannerTop .block-body{    width: 97%;left: 0;margin: 0;padding-left: 15px;}
  .front .hpBannerTop .block-body h2{    font-size: 42px;}
  .hpBannerTop .block-body p{    font-size: 21px;    width: 49%;}
  .learnPrograms .block-block p{    font-size: 22px;}
  .getGlimpse{width: 100%;}
  .getGlimpse .block-body{    left: 0%;top: 48%;}
  .learnInternshipChina .block-imageblock .block-body{    top: 21%;}
  .learnInternshipChina .block-imageblock .block-body h3{    font-size: 18px;}
  section.testimonials ul.testimonial li.item{    height: 84px;}
  .testimonials .testimonialsDescription{top: 42%;}
  .testimonialContent blockquote{    width: 92%;    margin-bottom: 67px;}
  .testimonialContent blockquote::before{width: 73px;height: 73px;background-position:-405px -60px;    z-index: 9999;}
  .testimonialContent blockquote::after{background-position:-485px -60px;width: 73px;height: 73px;}
  .hpBannerMiddel .block-imageblock:first-child .block-body{    padding: 25px 0 0;    font-size: 21px;}
  .hpBannerMiddel .block-imageblock:first-child .block-body h2{    font-size: 35px;}
  .hpBannerMiddel .block-imageblock:first-child .block-body h3{    font-size: 18px;}
  .hpBannerMiddel .block-imageblock:first-child .block-body ul li a{    font-size: 18px;}
  .hpBannerMiddel .block-imageblock:last-child .block-body{    padding: 33px 49px;}
  .hpBannerMiddel .block-imageblock:last-child h3{font-size: 17px;}
  .hpBannerMiddel .block-imageblock:last-child a{font-size: 12px;    padding: 15px;}
  .formWrapper h3{    width: 62%;}
  .formWrapper form div.form-item{    width: 100%;}
  .formWrapper .form-control{    width: 94%;padding: 0 0 0 15px;}
  #contact-form .selector span{    width: 96.2%;    padding: 14px 0 0 6px;background-position: 173px -284px;}
  #contact-form .formRight .selector span{    width: 96%;background-position: 151px -284px;}
  #contact-form .formRight  .form-textarea-wrapper .form-control{    width: 99%;}
  .formWrapper form div.form-item-newsletter label.option{    width: 73%;    padding-top: 8px;}
  .formWrapper form input.form-submit{bottom: 8%;right: 0px;}
  .formWrapper form div.captcha .form-item-captcha-response{    width: 219px;}
  .form-item-captcha-response .form-text{    margin-left: 1px;}
  .socialMediaNews .socialMediaFacebook{    width: 23%;padding: 0 1%;}
  .socialMediaNews .socialMediaFacebook .aimeFBfollowers .nbFollowers{        background-position: -54px -566px;padding-left: 21px;}
  .socialMediaNews .socialMediaFacebook .aimeFBfollowers .nbFollowers em{    font-size: 18px;}
  .socialMediaNews .socialMediaTwitter .nbFollowers{    background-position: -55px -620px;    padding-left: 30px;}
  .socialMediaNews .socialMediaTwitter .nbFollowers em{    font-size: 18px;}
  .socialMediaNews .socialMediaInstagram .iconInstagram{    background-position: -54px -669px;    margin-left: 15px;    padding-left: 39px;    height: 41px;}
  .socialMediaNews .socialMediaInstagram .LastInstagram{margin-top: 78px;}
  .newsletterSocialMedia .newsletter{    width: 58%;float: none;overflow: hidden;margin: 0 auto 26px;position:relative;}
  .newsletterSocialMedia .footerSocialMedia{    width: 67%;    float: none;margin: 0 auto;}
  .newsletterSocialMedia .newsletter form label{    float: none;    margin-right: 14px;    display: inline;}
  .newsletterSocialMedia .newsletter form input.form-text{float: none;}
  .newsletterSocialMedia .newsletter form input.form-submit {position: absolute;bottom: 0px;right: 10px;padding: 7px 9px 7px 7px;}
  /* Menu principale site */
  .menuTop .titleMenu{    right: 2%;}
  .front .hpBannerTop .block-body h2{line-height: 48px;}
  .tb-megamenu .nav {width: 90%;}
  .tb-megamenu .nav > li a.close-item-menu{    margin-top: -44px;margin-left: 155px;}
  .tb-megamenu .nav > li > a{    line-height: 24px !important;    height: 25px;    font-size: 17px;}
  .tb-megamenu .nav li.dropdown.open > .dropdown-toggle{    height: 25px;}
  .tb-megamenu .mega.open > .mega-dropdown-menu{     left: 0% !important;margin-left: 210px !important;}
  .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title{    font-size: 17px;    padding-left: 21px;}
  .tb-megamenu .span12.mega-col-nav .mega-inner{    padding-left: 38px;}
  .tb-megamenu .row-fluid .span6{    width: 33%;float: left;}
  .tb-megamenu ul.level-1{    min-height: 357px;}
  .tb-megamenu .dropdown-menu .mega-nav > li a {padding-left: 20px;font-size: 17px;}
  .rSociauxBottom .mainHeaderLang{    bottom: -25%;right: 33%;}
  /**.rSociauxBottom .mainHeaderSocial{    bottom: -19%;}**/
  .tb-megamenu .open{width: 173px !important;}
  /* testimonials */
  .page-testimonials .mainContent .main-container.mainWrap{margin-top: 0;width: 100%;}
  .page-testimonials .mainContent{    top: 0px;}
  .page-testimonials .view-testimonials {width: 86%;margin: 0;padding: 70px 53px 47px;}
  .page-testimonials .mainWrap .descTestimonials{width: 100%;}
  .node-testimonial .right blockquote p {width: 93%;}
  .mainContent .mainWrap {width: 100%;}
  /* our people */
  .page-our-people .mainContent .main-container.mainWrap{    margin-top: -30px;width: 100%}
  /* detail blog */
  .node-type-blog .contentbody{margin-top: 0;}
  /* Page 404 */
  .hpBannerTop .block-imageblock .block-image{    height: 665px;}
  .hpBannerTop .block-imageblock .block-image img{     height: 100%;width: 100%;}
  .Page-404{    width: 97%;}
  /*program */
  .iconWhyChoose{width: 92%;margin: 60px auto 10px;}
  .blocWhatWeBelieveIn {width: 100%;}
  .blocWhatWeBelieveIn .blocTexte{    padding-left: 25px;}
  .blocTexte h4{    font-size: 15px;}
  .blocTexte p{    font-size: 15px;}
  .content .leftContent {width: 47%;}
  .content .RightContent{padding-left: 0px;padding-top: 66px;}
  .textRight{font-size: 18px;padding-left: 39px;width: 100%;}
  .content .contentLarge {padding-top: 81px;}
  .content .contentLarge p{font-size: 23px;}
  #carousel img {width: 88%;}
  #carousel div.rightItem .description, #carousel div.leftItem .description{    top: 22%;}
  #carousel div.rightItem .imgBg, #carousel div.leftItem .imgBg{    background-position: 62% 100%;}
  #prev, #next{top:initial;    bottom: 20%;}
  #carousel div.rightItem {left: -55px;}
  .ourTeacher {width: 100%;}
  .ourTeacher img{width: 100%;}
  .blockmosaic{    height: 433px;}
  .blockmosaic .contenttype1{    height: 217px;}
  .contenttype1 .textinfos{width: 100%;}
  .contenttype1 h3{    margin-top: 12px;    font-size: 22px;    line-height: 27px;    width: 96%;    padding: 0 2%;}
  .contenttype1 p{    font-size: 14px;    width: 98%;    padding: 0;}
  .contenttype2.text2{    height: 159px;}
  .contenttype2.text2 .textinfos{width:100%;}
  .contenttype2.text2 h3{    font-size: 24px;    margin-top: 11px;}
  .contenttype2.text2 p{    font-size: 14px;    width: 98%;padding: 0 1%;}
  /* contact */
  .pageContact .mainSidebar {width: 100%;}
  .pageContact .mainWrap{width: 100%;}
  #contact-form .formRight .selector span{    background-position: 260px -284px;}
  .pageContact .contactHeader {padding: 60px 0px 34px;}
  .adresse p.tel span, .adresse p.email span {margin-top: 0px;}
  /* Apply form */
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level{    width: 100%;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-chinese-level .form-type-radio .radio:after{    left: -67px;}
  .page-apply-form .mainContent .mainWrap {width: 76.5%;padding: 70px 90px 0;}

  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item .radio span input{width: 141px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .form-item-start-month{left: 32%;margin-top: 42px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDuration a.qtyplusduration{    left: 194px;}
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDurationSecond a.qtyplusduration-second{  left: 194px;}

  /* page de contenu */
  .node-type-page .joint-content .mainWrap, .node-type-blog .joint-content .mainWrap {width: 100%;}
  .view-filters.fixed{width: 100%;left: 0px;right: 0px;margin: 0 auto;}


  .blocFullyCustomized .content{width: 90%;}
  .blocFullyCustomized .content .textLeft{padding-right: 15px;}
  
  .node-internship-type #them-internship-filter-form #edit-buisness-starting-date-container{ width: 25%; padding: 10px;}
  .node-internship-type #them-internship-filter-form  #edit-buisness-area-container{  width: 42%; padding: 10px;}
  .node-internship-type #them-internship-filter-form #edit-buisness-city-container{ width: 25%; padding: 10px;}
  .node-internship-type #them-internship-filter-form .form-item select.large{width: 100%; height: 45px}
  .node-internship-type #them-internship-filter-form .form-item #edit-starting-date{ width: 100%; height: 45px}
  .node-internship-type form .ajax-progress-throbber .throbber {
    position: absolute;
    left: 50%;
    margin-top: 50px;
  }
  .node-type-internship-type #newsletter-sidebar, .page-internship #newsletter-sidebar{
    top: 5px;
  }

}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {

  
  /* --------------Home page -----------------*/
  .headerTop, .hpBannerTop .block-body {width: 97%;}
  .hpBannerMiddel .block-imageblock:first-child .block-body {padding: 86px 0 0;}
  .hpBannerMiddel .block-imageblock:last-child .block-body {padding: 64px 61px;}
  .getGlimpse .block-body {left: 0;}
  #contact-form .formRight .selector span {background-position: 240px -284px;}
  #contact-form .selector span {background-position: 274px -284px;}
  .learnInternshipChina .block-imageblock .block-body {top: 33%;}
  .newsletterSocialMedia .newsletter {width: 45%;}
  .newsletterSocialMedia .footerSocialMedia {width: 50%;}
  .menuTop .titleMenu {right: 4%;}
  .tb-megamenu .mega.open > .mega-dropdown-menu {margin-left: 221px !important;}
  /* Page 404 */
  .Page-404 {width: 99%;}
  /* program */
  .iconWhyChoose {width: 73%;}
  .blocWhatWeBelieveIn {width: 77%;}
  .blocWhatWeBelieveIn .blocTexte {padding-left: 33px;}
  .content .contentLarge {padding-top: 134px;}
  #prev, #next {bottom: 47%;}
  #next {right: 8%;}
  #prev {left: 8%;}
  .ourTeacher{display: block;margin: 0 auto;}
  .blockmosaic{height: 476px;}
  .blockmosaic .contenttype1{height: 238px;}
  .contenttype1 h3{    font-size: 25px;    margin-top: 33px;}
  .contenttype1 p{    font-size: 15px;}
  .blockmosaic{    height: 476px;}
  .contenttype2.text2{    height: 181px;}
  /* contact */
  .pageContact .blocAdresses{    width: 658px;}
  /* Page Apply form */
  .page-apply-form .mainContent .mainWrap {width: 68%;}
  .tablette-ios .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDurationSecond a.qtyplusduration-second{right: initial;  }
}

@media only screen and (min-width: 1280px){
 /*  intership filter*/
  .node-internship-type #them-internship-filter-form #edit-buisness-starting-date-container{ width: 28%; }
  .node-internship-type #them-internship-filter-form  #edit-buisness-area-container{  width: 50%;  }
  .node-internship-type #them-internship-filter-form #edit-buisness-city-container{ width: 22%;}
  .node-internship-type #them-internship-filter-form .form-item select.large{ width: inherit; }
  .node-internship-type #them-internship-filter-form .form-item select#edit-buisness-city-containere{
    width: 120px;
  }
  .node-internship-type #them-internship-filter-form .form-item select#edit-buisness-area{
    width: 280px;
  }
  .node-internship-type form .ajax-progress-throbber .throbber {
    position: absolute;
    left: 50%;
    margin-top: 40px;
  }
  
  .node-type-internship-type #newsletter-sidebar, .page-internship #newsletter-sidebar{
    top: 120px;
  }
}

@media only screen and (min-width: 1280px) and (max-height: 800px) and (orientation : landscape) {
  /* Page Apply form */
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDuration a.qtyplusduration {right: 215px;  }
  .page-apply-form #apply-form-page-form .collapsible .fieldset-wrapper .preferredDurationSecond a.qtyplusduration-second{right: 215px;  }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  // .menuTop{height: 450px;}
}

@media only screen and (max-width: 1024px) {
  .node-type-page .contentbody, .node-type-blog .contentbody {
    margin-bottom: 10px;
  }

  #newsletter-sidebar {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 400px;
    max-width: 100%;
    margin: 0 auto 10px auto;
  }
}

/*=====================================================*/
/*======================== END Tablette =====================*/
/*=====================================================*/

@media screen and (min-width: 769px) {
  .mainHeaderLang {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .block-lang-dropdown {
    display: none;
  }
}

@media only screen and (max-width: 900px) {
  .tb-megamenu .tb-megamenu-button {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .rSociaux {
    bottom: 10px;
    right: 0;
    max-width: 35%;
    overflow: hidden;
  }

  .rSociaux ul.links li {
      margin: 0 5px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .rSociaux ul.links li {
      margin: 0 5px 5px 0;
      float: none;
  }

  .cities {
    max-width: 90%;
  }

  .itc_language_selector {
    display: none;
  }

  .block-lang-dropdown {
    top: 15px;
  }

  .ddsDark .dd-options {
    width: 140px;
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
  }
}





.menu_mobile .search-form-wrapper {
  padding: 20px 6.25%;
  position: relative;
}

.menu_mobile .search-form-wrapper input[type="text"] {
  width: 100%;
  height: 30px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  padding-right: 30px;
  color: #fff;
  font-size: 14px;
}

.menu_mobile .btn-submit {
  color: #000;
  width: 30px;
  height: 20px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6.25%;
  border-radius: 8px;
  text-align: center;
  line-height: 19px;
}


/* NEW testimonials */

@media only screen and (max-width: 1400px) {
  .view-testimonials .views-row {
    width: 25%;
  }

  .view-testimonials .views-row:nth-child(5n+1) {
    clear: none;
  }

  .view-testimonials .views-row:nth-child(4n+1) {
    clear: left;
  }
}

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

  .page-testimonials .view-filters.fixed {
    width: 100%;
  }

  .page-testimonials .view-testimonials {
    width: 80%;
    margin: 0 auto;
    padding: 70px 0 0;
  }

  .view-testimonials .views-row {
    width: 50%;
  }

  .view-testimonials .views-row:nth-child(4n+1) {
    clear: none;
  }

  .view-testimonials .views-row:nth-child(2n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 767px) {
  .page-testimonials .mainContent .main-container.mainWrap {
    width: 100%;
  }

  .page-testimonials .view-filters.fixed {
    width: 100%;
  }

  .page-testimonials .view-testimonials {
    width: 100%;
  }

  .view-testimonials .views-row {
    width: 50%;
  }

  .view-testimonials .views-row:nth-child(4n+1) {
    clear: none;
  }

  .view-testimonials .views-row:nth-child(2n+1) {
    clear: left;
  }

  .testimonialBlock h3 {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  .view-testimonials .views-row {
    width: 100%;
    padding: 5px 0;
  }
}

/* NEW Our People */

@media only screen and (max-width: 1400px) {
  .view-our-people .views-row {
    width: 25%;
  }

  .view-our-people .views-row:nth-child(5n+1) {
    clear: none;
  }

  .view-our-people .views-row:nth-child(4n+1) {
    clear: left;
  }
}

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

  .page-our-people .view-filters.fixed {
    width: 100%;
  }

  .page-our-people .view-our-people {
    width: 80%;
    margin: 0 auto;
    padding: 70px 0 0;
  }

  .view-our-people .views-row {
    width: 50%;
  }

  .view-our-people .views-row:nth-child(4n+1) {
    clear: none;
  }

  .view-our-people .views-row:nth-child(2n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 767px) {
  .page-our-people .mainContent .main-container.mainWrap {
    width: 100%;
  }

  .page-our-people .view-filters.fixed {
    width: 100%;
  }

  .page-our-people .view-our-people {
    width: 100%;
  }

  .view-our-people .views-row {
    width: 50%;
  }

  .view-our-people .views-row:nth-child(4n+1) {
    clear: none;
  }

  .view-our-people .views-row:nth-child(2n+1) {
    clear: left;
  }

  .testimonialBlock h3 {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  .view-our-people .views-row {
    width: 100%;
    padding: 5px 0;
  }
}