/*Media query*/


/**************  Media query css by Midun *************/

@media screen and (max-width: 1024px) {
    .ctn_protection > div {
        width: 90%;
        padding: 35px;
    }

    .ctn_protection {
        width: 100%;
    }

        .ctn_protection .masque {
            max-width: 760px;
            padding: 0;
            margin: 0 auto;
        }

        .ctn_protection > div {
            width: 90%;
            padding: 35px;
        }

        .ctn_protection .obj_carrousel.products .nav {
            width: 100%;
        }

            .ctn_protection .obj_carrousel.products .nav .b_prev {
                left: -20px;
            }

            .ctn_protection .obj_carrousel.products .nav .b_next {
                right: -20px;
            }

    .search-container {
        width: 100%;
        margin-top: 150px;
    }

        .search-container .inner-container .searching-container {
            width: 50%;
            margin-left: 31%;
        }

        .search-container .inner-container input[type="text"], #global_suggestions_search {
            width: 56%;
        }
}


/**************  Media query css by Perumal starts here *************/

@media screen and (min-width: 1200px) {
    .shoppingCartTable tr.listHeader {
        /*position: fixed;*/
        z-index: 999;
        width: 960px;
    }

    .cart-desktop {
        display: block;
    }

    .cart-mobile {
        display: none;
    }
        .pg_calendar .container.obj_upcoming {
            width: 970px;
        }
    }




/*iphone 5*/

@media screen and (device-aspect-ratio: 40/71) {
    section.block_shadow .content {
        margin-left: 0px;
    }

    .dark-spots #content .grid-12 .col-right {
        width: 50% !important;
    }
}


/*iphone 6*/

@media screen and (device-aspect-ratio: 375/667) {
    section.block_shadow .content {
        text-align: justify;
        margin-left: 25px;
    }

    .doctor-bio .obj_carrousel .masque {
        margin: 0 55px 0px 30px !important;
    }
}


/*iphone 6+*/

@media screen and (device-aspect-ratio: 414/736) {
    .doctor-bio .obj_carrousel .masque {
        /*margin: 0 64px 0px 60px !important;*/
    }

    .doctor-bio .obj_carrousel .item {
        padding: 0px 50px !important;
    }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .shoppingCartTable tr.listHeader {
        width: 960px;
    }

    .cart-desktop {
        display: block;
    }

    .cart-mobile {
        display: none;
    }
}

@media screen and (max-width:960px){
	.dematology .bg {
		padding: 16px!important;
	}
	.dematology .img-container{
	  margin-top:0!important;
	}
	.lrp .bck_woman.container .grid-6.col-2{
	   margin-top: 25px;
	}
	.lrp .bck_video.container .grid-6.col-2{
	   margin-top: 25px;
	}
	.Dermablend .obj_popin.popup_content{
	   margin:84px 0px;
	}
	.skinceuticals .acd-header .nav.navbar-nav .menu-logo.menu-skinc a{
		width: 120%!important;
	}
	.Dermablend .obj_faq.top-question{
		padding: 0 15px!important;
	}
	.understanding-landing.skinceuticals .pg_understanding section.skincube h5,.understanding-landing .pg_understanding .obj_filter{
		float:none!important;
	}
	.understanding-landing .pg_understanding .obj_filter {
		top: -30px!important;
		left: 88px!important;
	}
	.plain-html .component-content .container {
      overflow: auto;
      float: left;
  }

  .image.logo {
      width: 270px;
      float: left;
      margin-left: 16%;
      margin-bottom: 10px;
      margin-top: 20px;
  }

  .home .brand-logo-container img {
    width: 270px;
    margin: 0px auto;
    padding: 8px 0;
  }

  #header.main .full-width > button {
       top: 10px;
  }
  .full-width .options {
      display: none;
  }

  .header-search-container {
      width: 7%;
      float: right;
      background: #fff;
      height: 35px;
      margin-top: 20px;
      margin-right: 6px;
      border: 0;
  }

      .header-search-container input[type='text'] {
          display: none;
      }

      .header-search-container button {
          float: right;
          width: 25px;
          height: auto;
          background: #fff;
          border: 0;
          box-shadow: none;
          padding: 1px 0px;
          cursor: pointer;
          outline: 0;
          margin-top: 1px;
      }

          .header-search-container button img {
              position: static;
              top: 0;
              width: 100%;
              height: auto;
          }
}

@media screen and (max-width: 960px) {
	.lrp .homecare-container ul {
    width: 80%;
	padding-left:10px;
}
.skinceuticals .product-category{
 padding-top:50px!important;
}
/*	.pg_productDetails .science-default{
  background-position:unset!important;
}*/
.pg_productDetails .science-default{
  background-position:left top !important;
}
	.body-correct.skinceuticals #content {
		padding-top: 85px !important;
	}
    .pg_videoLibrary .obj_sorting {
        width: 100%;
    }
    /***Media query by Midun***/

    .clinical-landing #content,
    .understanding-landing #content {
        padding-top: 0;
    }

    .artf1768561 {
        padding-top: 0 !important;
    }

    #header.main {
        background-size: 1198px auto;
        padding-bottom: 37px;
        min-height: auto;
    }

        #header.main .full-width > button,
        .nav-mobile .navigation-main {
            display: block;
        }

    #signin.user-login #header.main .full-width > button {
        display: none;
    }

    #signin .navigation li.submenu:hover .submenu-bg {
        display: block;
    }

    #Loggedin.user-login #header.main .full-width > button {
        display: block;
    }

    .header-top,
    .ctn_register,
    .navigation-main,
    .antioxidants-image {
        display: none;
    }

    .logo {
        float: left;
        margin-left: 25%;
        margin-bottom: 10px;
    }

        .logo img {
            /*width: 200px;*/
            height: auto;
        }

    .nav-mobile .navigation .component-content,
    .navigation .component-content .submenu ul,
    .nav-mobile .navigation.skinc-navigation-mobile > div > ul,
    .nav-mobile .navigation.skinc-navigation-mobile > div > ul.container {
        width: 100% !important;
    }
    /*mobile navigation starts*/
    .mobile-nav {
        display: block;
        cursor: pointer;
        top: 0;
        left: 0;
        height: 76px;
        width: 70px;
        margin: 0 15px;
        background: url(/images/mobile_i_menu.png) center center/30px auto no-repeat;
    }

        .nav-mobile .navigation.skinc-navigation-mobile .rel-level1 {
            float: none;
            margin-right: 0;
            border-bottom: 1px solid #3d3d3d;
            height: auto;
        }

    .container {
        width: 100%;
        padding: 0;
    }

    .submenu-bg {
        visibility: visible;
        position: relative;
        background: none;
        min-height: 0;
        display: none;
        top: 0;
    }

        .nav-mobile .navigation a {
            color: #FFf !important;
            display: block;
            padding: 10px 25px;
            margin-top: 5px;
        }

        .nav-mobile .breadcrumb .component-content ol {
            padding: 12px 25px;
            padding-bottom: 25px;
            color: #fff;
            background: #1f1f1f;
        }

        .nav-mobile .navigation.navigation-main .rel-level1.submenu:hover ul,
        .nav-mobile .navigation.navigation-main {
            background: none;
        }

            .nav-mobile .navigation.navigation-main .rel-level2.submenu {
                min-height: 100%;
                background: #3d3d3d !important;
            }

            .nav-mobile .navigation.navigation-main li.submenu .submenu-container li.submenu {
                border: 0;
                margin: 0;
                padding: 0;
                width: 100%;
            }

            .nav-mobile .navigation.navigation-main li.submenu .submenu-bg ul li.level2:nth-child(2),
            .nav-mobile .navigation.navigation-main li.submenu .submenu-bg ul li.item1:nth-child(2) .double-column li,
            .submenu-container {
                width: 100%;
            }

                .submenu-container .item {
                    margin: 0;
                    border: none;
                    float: none;
                    padding: 0;
                }

            .nav-mobile .navigation.navigation-main li.submenu .submenu-bg ul li.item1:nth-child(2) ul.double-column {
                width: 100%;
                height: auto;
            }

        .nav-mobile .top button {
            background-image: url(/images/mobile_i_menu-close.png) !important;
        }

        .nav-mobile.menuOpen {
            display: block;
        }

    .nav-mobile {
        position: fixed;
        z-index: 9997;
        left: 0;
        top: 0;
        bottom: 0;
        width: 80%;
        max-width: 400px;
        background: #333;
        box-shadow: 5px 0 20px rgba(0, 0, 0, .3);
    }

        .nav-mobile .top button,
        header.main > button {
            position: absolute;
            display: block;
            cursor: pointer;
            top: 0;
            left: 0;
            height: 76px;
            width: 70px;
            border: none;
            text-indent: -10000px;
            background-image: url(/images/mobile_i_menu.png);
            background-position: center center;
            background-size: 30px;
            background-repeat: no-repeat;
            background-color: transparent;
        }
    /*.nav-mobile .navigation.navigation-main .rel-level1.submenu:hover ul{display:none !important;}*/
    .submenu-container li.noSubmenu a::after {
        background: none !important;
    }

    .submenu-container li {
        background: #434343;
    }

    .navigation.navigation-main li.submenu ul li,
    .navigation.navigation-main li.submenu ul li.submenu {
        line-height: 1;
        background: #434343;
        margin: 0;
    }

    .navigation.navigation-main li.submenu .submenu-bg ul li.item1:nth-child(2) .double-column li {
        margin-bottom: 0;
    }

    .submenu-container li a {
        border: none !important;
        margin-top: 0 !important;
    }

    .nav-mobile .navigation.navigation-main li.submenu:hover {
        background: none !important;
    }

    li.submenu a::after,
    li.submenu li.submenu a::after {
        content: "";
        background-image: url(/images/mobile_b_menu.gif);
        background-position: right top;
        background-size: 24px;
        background-repeat: no-repeat;
        margin-top: -6px;
        top: 50%;
        right: 20px;
        margin-top: -6px;
        height: 12px;
        width: 12px;
        position: absolute;
        background-position: left top;
    }

    li.submenu li.submenu a::after {
        background-image: url(/images/mobile_b_menu.gif);
        background-position: right top;
        background-size: 24px;
        background-repeat: no-repeat;
    }

    .nav-mobile li.level1 ul li .field-title > a {
        border-bottom: 1px solid #3d3d3d;
    }

    li.level3 a {
        text-transform: capitalize !important;
    }

    .nav-mobile .plus {
        position: relative;
    }

        .submenu-bg.open .submenu-container ul,
        .submenu-bg.open {
            display: block;
            overflow: hidden;
            height: 100% !important;
        }

    .submenu-bg.open {
        transition: height 500ms ease;
        padding: 0;
    }

    .nav-mobile .navigation {
        border-bottom: 10px solid #1f1f1f;
        height: auto;
    }

    .nav-mobile .active:after {
        background-position: left bottom;
    }

    .nav-mobile .options li {
        color: #fff;
        padding: 10px 25px;
    }

        .nav-mobile .options li a {
            font-size: 11px;
        }

    .nav-mobile .navigation.navigation-main li.level3 .field-title {
        margin: 0;
        background: transparent;
    }

    .nav-mobile li.submenu ul li.submenu ul {
        display: none;
    }
	
	.nav-mobile li.submenu ul li.submenu ul li.submenu .submenu-level4-bg ul{
        display: none;
    }

    .nav-mobile {
        transform: translate(-450px, 0px);
        transition: transform 500ms;
    }

    .menuOpen {
        transform: translate(0px, 0px);
        transition: transform 500ms;
    }

    .navigation.navigation-main li.submenu .submenu-bg ul li.level2 {
        width: 100%;
        line-height: 1;
        padding: 0;
    }
    /*level 2 toggle css*/
    .nav-mobile li.submenu ul li.submenu .submenu-level3-bg.open ul,
	.nav-mobile li.submenu ul li.submenu ul li.submenu .submenu-level4-bg.open ul{
        display: block;
    }

    .nav-mobile li.submenu ul li.submenu a.active:after {
        background-position: right bottom;
    }
    /*mobile navigation ends*/
    .nav-mobile ul.options li {
        color: #fff;
        padding: 10px 25px;
        float: none;
        background: none;
    }
    /*footer css starts here*/
    .container .main-center {
        width: auto;
    }

    #footer.main .str_bottom .nav {
        width: auto;
    }

    #footer.main .obj_form,
    #footer.main .container > .str_middle .obj_connect-with-us {
        float: none;
        width: auto;
        padding: 20px 25px;
        margin: 0;
        background: url(/images/mobile_border.gif) left bottom/4px auto repeat-x;
    }

    #footer.main .container .str_middle .obj_connect-with-us {
        min-height: 70px;
        background: none;
		margin-bottom: 35px;
    }
	.skinceuticals .educationModulePage iframe#myFrame {
		width:100%!important;
	}
    #footer.main .str_bottom .nav {
        width: auto;
        padding: 25px;
    }

    #footer.main .str_bottom .ctn_further {
        padding: 25px;
    }

        #footer.main .str_bottom .nav > *,
        #footer.main .str_bottom .ctn_further > * {
            width: auto;
            float: none;
            clear: both;
            margin: 0;
            padding: 0;
        }

    #footer.main .str_bottom .nav .str_left .col {
        float: left;
        padding: 0;
        width: 45%;
        height: 270px;
    }
    .skinceuticals #footer.main .str_bottom .nav .str_left .col {
        min-height: 200px;
        height: auto;
        margin-right: 5%;
    }

    #footer.main .str_bottom .nav .str_middle {
        width: 45%;
        float: left;
    }

        #footer.main .str_bottom .nav .str_middle + .str_middle {
            float: right;
            clear: right;
        }

    #footer.main .str_bottom .nav .str_left .col + .col {
        float: right;
    }

        #footer.main .str_bottom .nav .str_left .col + .col + .col {
            float: left;
        }

            #footer.main .str_bottom .nav .str_left .col + .col + .col + .col {
                float: right;
            }
    .skinceuticals #footer.main .str_bottom .col {
        max-width: unset;
    }        
    /*sub footer starts*/
    #footer.main .str_bottom .ctn_further p,
    #footer.main .str_bottom .ctn_further ul {
        float: none;
        text-align: center;
    }

    #footer.main .str_bottom .ctn_further li {
        float: none;
        display: inline-block;
        margin: 0 5px;
        padding: 0;
        background: none;
    }
    /* sub footer ends*/
    /*footer css ends here*/
    /*style navigation*/
    .nav-mobile .bottom {
        position: absolute;
        top: 76px;
        bottom: 0;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #content {
        /* padding: 0 25px; */
    }

    ul.options {
        float: none;
    }

    .OurPromise {
        background-image: none !important;
        padding-top: 150px;
        height: auto;
    }

    .SkinCeuticals {
        padding-top: 50px;
    }

    .OurPromise p.bt_video a {
        top: 191px;
        box-shadow: 0 0 8px rgba(0, 0, 0, .3);
        position: static;
    }

    .obj_faq article header h3 a {
        display: block;
        padding-right: 35px;
        background-position: right 10px top 50%;
    }

    .obj_faq {
        width: auto;
        padding: 125px 0 0;
    }

    .contact-us-container .str_left {
        width: 56%;
    }

    .container .main p label,
    .container .main .ctn_select label,
    .container .main p input[type=text],
    .container .main p input[type=email],
    .container .main p input[type=password],
    .container .main p input[type=tel],
    .container .main p textarea,
    .main .obj_form.register #registerForm label,
    .main .obj_form.register #registerForm .ctn_select label,
    .main .obj_form.register #registerForm input[type=text],
    .main .obj_form.register #registerForm input[type=password],
    .main .obj_form.register #registerForm input[type=email],
    .main .obj_form.register label,
    .main .obj_form.register .ctn_select label,
    .main .obj_form.register input[type=text],
    .main .obj_form.register input[type=password],
    .main .obj_form.register input[type=email] {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: none;
        margin-bottom: 5px;
    }

    .obj_form.register.log-in .ctn_bt {
        width: auto;
    }

    .obj_form.register .str_left {
        width: 100%;
    }

    .obj_form.register.forgotpassword,
    .obj_form.register.forgotpassword .ctn_bt,
    .obj_form.forgotpassword > p {
        margin: 0 auto;
        width: auto;
    }

    .obj_form p {
        width: auto;
        float: none;
    }

    .main .obj_form.register #registerForm .ctn_radio label {
        display: inline-block;
        width: 20%;
    }

    .obj_form.register .ctn_radio > span {
        width: 100%;
        margin-bottom: 5px;
    }

    .obj_form.register .ctn_bt {
        width: auto;
    }

    .obj_form.register .obj_select {
        width: 97%;
    }

        .obj_form.register .ctn_select label.error {
            position: relative;
            right: 1px;
            margin-top: 30px;
            top: 10px;
        }

    .generique .forgotpassword {
        /*padding-top: 120px !important;*/
    }

    .obj_form.register.forgotpassword {
        padding-top: 120px !important;
    }

    .generique .forgotpassword h2 {
        margin-bottom: 15px;
    }

    .generique ._passwordSuccessMesage {
        padding-top: 120px;
    }

    .obj_form.register.log-in h3 {
  /*
        color: #77A3B6;
        font-family: 'FuturaBT-Book', arial;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 40px;
        padding: 0;
    */
    }

    .pg_myskinceuticals .nav-onglet {
        display: none;
    }

    .myskinceuticals .obj_shadow-box,
    .myskinceuticals .obj_shadow-box .sb-bottom {
        padding: 0;
        margin: 0;
        background: none;
    }
    .myskinceuticals .obj_shadow-box .sb-bottom { 
        margin: 10px 0 0 0;
    }

    .myskinceuticals .onglet {
        display: block !important;
        opacity: 1 !important;
        padding: 0;
        background: #fff;
        height: 45px;
        overflow: hidden;
    }

        .myskinceuticals .onglet.open {
            height: auto;
        }

        .myskinceuticals .onglet > header {
            position: static;
            width: auto;
            background: #74787e;
            cursor: pointer;
            border-top: 1px solid #646972;
        }

            .myskinceuticals .onglet > header h2 {
                position: relative;
                bottom: auto;
                width: auto !important;
                text-align: left;
                margin: 0 auto;
                background: none;
                padding: 0 25px;
                height: 50px;
                line-height: 50px;
            }

                .myskinceuticals .onglet > header h2:after {
                    display: inline-block;
                }

        .myskinceuticals .onglet.open > header h2:after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .myskinceuticals .onglet .content {
            padding: 25px;
        }
    /* profil */
    .myskinceuticals .myProfile .obj_form {
        margin-bottom: 0;
    }
    /* favorites */
    .myskinceuticals .favorites .content {
        text-align: center;
        pading: 25px 15px 0;
    }

    .myskinceuticals .favorites .focus {
        text-align: left;
        padding: 0 10px;
    }

    .myskinceuticals .favorites .obj_product {
        display: inline-block;
        text-align: left;
        float: none;
        margin: 0 10px 50px;
    }
    /* education */
    .myskinceuticals .obj_table-reports {
        font-size: 10px;
    }

    .container .main .obj_table-reports .obj_select {
        width: 190px;
        margin-top: -3px;
    }

    .myskinceuticals .onglet > header h2:after {
        content: "";
        position: absolute;
        right: 25px;
        top: 50%;
        margin-top: -14px;
        display: none;
        width: 28px;
        height: 28px;
        background: url(/images/b_monochrome-alpha_HD.gif) center -28px;
        background-size: 28px auto;
        vertical-align: middle;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    .myskinceuticals .obj_select {
        width: 100%;
    }

    .myskinceuticals .onglet.open > header h2:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .pg_myskinceuticals div.main {
        padding: 100px 0 0;
        background: #74787e;
        min-height: 0;
    }

    .pg_myskinceuticals_success div.main {
        padding: 100px 0 0;
    }

    .myskinceuticals {
        padding-top: 0;
    }

        .myskinceuticals .onglet > header h2:after {
            display: inline-block;
        }
    /* account */
    .pg_myskinceuticals .myskinceuticals .account .str_left {
        min-height: 850px;
    }

    .myskinceuticals .onglet.open {
        height: auto;
    }

    .myskinceuticals .account .obj_form.register {
        margin-top: 47px;
    }

        .myskinceuticals .account .obj_form.register #myAccountRegisterForm input {
            width: 100%;
        }

    .myskinceuticals .validation {
        margin-right: 10px;
    }

    .jQueryScroll,
    .jspContainer,
    .jspPane {
        width: auto !important;
    }

    .obj_form.register .ctn_select label.error {
        float: left !important;
        margin-top: 0px;
    }

    .doctor-profile .col-1 img {
        float: none;
        margin-left: 100px !important;
    }

    .obj_shadow-box.skinTandC {
        padding-top: 125px;
    }

        .obj_shadow-box.skinTandC .sb-bottom {
            padding-bottom: 50px;
            background-size: 100% 160px;
        }

        .obj_shadow-box.skinTandC .main-center {
            position: relative;
            padding-bottom: 400px;
			width:100%;
        }

        .obj_shadow-box.skinTandC .str_left {
            bottom: 0;
            left: 0;
            float: none;
            min-height: 0;
            padding: 25px 0;
            position: absolute;
            text-align: center;
            width: 100%;
        }

        .obj_shadow-box.skinTandC .hit-zone,
        .obj_shadow-box.skinTandC .obj_form {
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px;
        }

        .obj_shadow-box.skinTandC .str_right {
            float: none;
            width: auto;
        }
    /* -----------------------
	 * dictionary - OK
	 * -------------------- */
    .dictionary .container div.main {
        padding-top: 0;
        background-position: center 75px;
    }

    .dictionary {
        padding-top: 125px;
        padding-left: 0;
        max-width: 900px;
    }

        .dictionary > header {
            padding-top: 25px;
        }

        .dictionary .nav {
            margin-bottom: -80px;
        }

            .dictionary .nav.fixed {
                right: -180px;
                left: auto;
                margin: 0;
                background: #192330;
            }

                .dictionary .nav.fixed.open {
                    right: 0;
                }

                .dictionary .nav.fixed ul {
                    margin: 0;
                    border: none;
                }

                .dictionary .nav.fixed button {
                    display: block;
                    border-left: 1px solid #fff;
                }

        .dictionary .char {
            margin-bottom: -90px;
            padding-top: 90px;
        }

        .dictionary section {
            padding-right: 0;
            overflow: hidden;
            padding-bottom: 0;
        }

        .dictionary .nav li {
            width: 3.2%;
        }
    /*Skin box*/
    .obj_skinbox dl {
        top: 100px;
        left: -30px;
        width: 338px;
        height: 378px;
        background-size: 338px auto;
    }

        .obj_skinbox dl .sbm1 {
            top: -20px;
            left: 118px;
        }
        /* Sebum */
        .obj_skinbox dl .drm1 {
            top: -10px;
            left: 233px;
        }
        /* Dermal epidermal junction */
        .obj_skinbox dl .cll1 {
            top: 157px;
            left: 327px;
        }
        /* Collagen */
        .obj_skinbox dl .lst1 {
            top: 320px;
            left: 245px;
        }
        /* Elastin */
        .obj_skinbox dl .sbc1 {
            top: 343px;
            left: 102px;
        }
        /* Sebaceous glands */
        .obj_skinbox dl .hpd1 {
            top: 310px;
            left: -40px;
        }
        /* Hypodermis */
        .obj_skinbox dl .drm2 {
            top: 160px;
            left: -83px;
        }
        /* Dermis */
        .obj_skinbox dl .pdr1 {
            top: 15px;
            left: -45px;
        }
        /* Epidermis */
        .obj_skinbox dl .bld1 {
            top: -90px;
            left: 30px;
        }
    /* Blood vessels */
    /*Business Building*/
    .business-building #content {
        padding-top: 150px;
    }

    .business-building section {
        margin-top: 0;
    }

    .business {
        padding-left: 0;
    }

    .doctor-bio .obj_carrousel .nav a.b_next {
        right: 25px;
    }
    /* -----------------------
 *   nav-hexa
 * -------------------- */
    div.main .obj_nav-hexa {
        width: 270px;
        margin: 0;
        left: auto;
        right: -270px;
        top: 220px;
    }

        div.main .obj_nav-hexa.open {
            right: 0;
        }

        div.main .obj_nav-hexa ul {
            padding: 8px 25px 15px 25px;
            background: #192330;
        }

        div.main .obj_nav-hexa li {
            margin: 7px 0;
        }

            div.main .obj_nav-hexa ul li a {
                display: inline-block;
                width: auto;
                height: auto;
                color: #fff;
                font-size: 13px;
                font-family: "FuturaBT-Light", arial;
                text-transform: uppercase;
                letter-spacing: -.3px;
                background: none;
            }

    .lrp .obj_nav-hexa a {
        border: none;
        border-radius: 0%;
    }

    div.main .obj_nav-hexa ul li a.on {
        font-family: "FuturaBT-Medium", arial;
    }

    .lrp .obj_nav-hexa a.on {
        background-color: transparent;
    }

    .Cerave .obj_nav-hexa a.on {
        background-color: transparent;
    }

    .Dermablend .obj_nav-hexa a.on {
        background-color: transparent;
    }

    div.main .obj_nav-hexa ul li a span,
    div.main .obj_nav-hexa ul li a span:hover {
        position: static;
        display: inline;
        padding: 0;
        margin: 0;
        line-height: inherit;
        white-space: normal;
        background: none;
    }

    div.main .obj_nav-hexa > span {
        visibility: hidden;
    }

    div.main .obj_nav-hexa button {
        display: block;
    }
    /* -----------------------
	 *   int-skincare
	 * -------------------- */
    .obj_int-skincare.equation > * {
        height: 250px;
        max-width: 660px;
        margin: 0 auto;
        text-align: center;
    }

    .obj_int-skincare.equation .icone {
        margin: 20px 15px;
    }
    /* -----------------------
	 * videoLibrary - OK
	 * -------------------- */
    .pg_videoLibrary div.main {
        padding: 0;
    }

    .pg_videoLibrary .obj_sorting {
        padding-right: 25px;
        padding-left: 15px;
    }

        .pg_videoLibrary .obj_sorting .str_bottom ul {
            width: auto;
            border-bottom: 1px solid #e8e6e6;
        }

        .pg_videoLibrary .obj_sorting .str_bottom li {
            float: none;
            border: none;
            padding-left: 0;
            margin-left: 0;
            margin-bottom: 5px;
        }

    .pg_videoLibrary .ctn_video-list ul {
        text-align: center;
        padding: 0 15px;
    }

        .pg_videoLibrary .ctn_video-list ul li {
            /*float: none;*/
            display: inline-block;
            margin: 10px 4px 0;
            vertical-align: top;
        }

    .pg_videoLibrary h1 {
        font-size: 34px;
    }
    /* -----------------------
	 * Media
	 * -------------------- */
    .pg_mediaRessources .obj_media_ressources {
        padding-top: 125px;
    }

    .pg_mediaRessources .main-center {
        width: auto;
    }

    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li {
        width: auto;
        font-size: 15px;
        margin: 0 3%;
    }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a {
            width: 10.25em;
        }

    span.media-header-title {
        top: 0%;
        left: 31%;
        font-size: 13px;
    }

    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a p {
        left: 5px;
        top: -10%;
        width: 96%;
        font-size: 15px;
    }

    .pg_mediaRessources .main-center {
        width: auto;
    }

    .ctn_navigation_media li:first-child span.media-header-title {
        left: 31%;
    }

    .ctn_navigation_media li:last-child span.media-header-title {
        left: 42%;
    }

    .doctorprofile.top .col-2 {
        margin-left: 0;
    }

    .doctor-bio #content {
        padding-top: 56px;
    }

    .pg_calculator #content {
        padding-top: 100px;
    }

    .obj_live-calculator input.full,
    .obj_live-calculator table.data {
        height: auto !important;
    }

    .pg_calculator .obj_int-skincare.equation .icone {
        width: 110px;
        margin: 0 auto;
    }

    .pg_calculator .int-skincare-title {
        padding: 0 22px;
    }

    .pg_calculator div.main .obj_form p input {
        width: 100%;
    }

    .obj_live-calculator table {
        width: 100%;
    }

    .col-02 .data th,
    .col-03 .data th {
        height: auto !important;
    }

    .pg_integrated-skincare div.main {
        padding: 0;
    }

    .pg_integrated-skincare .obj_hero > .main-center {
        padding: 30px 25px 60px;
    }

    .pg_integrated-skincare .obj_faq {
        padding: 100px 25px 25px;
    }

    .pg_integrated-skincare .main .obj_shadow-box {
        background: none;
        margin: 0 10px;
        padding: 0;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    }

        .pg_integrated-skincare .main .obj_shadow-box .sb-bottom {
            background: none;
            padding: 0;
        }

            .pg_integrated-skincare .main .obj_shadow-box .sb-bottom > div {
                background-size: 100% auto;
                background-position: right center;
            }

        .pg_integrated-skincare .main .obj_shadow-box .main-center {
            padding: 25px 50% 15px 25px;
            width: auto;
        }

    .pg_integrated-skincare .obj_faq {
        width: auto;
    }

    .pg_integrated-skincare .obj_int-skincare.equation > * {
        max-width: 800px;
    }

    .pg_integrated-skincare .main .obj_shadow-box .sb-bottom > div {
        background-size: 100% auto !important;
        background-position: right center !important;
    }

    .content table.obj_table-01 th,
    .content table.obj_table-01 td {
        width: auto;
    }
    /********************Education Training*/
    .training #content {
        padding-top: 0;
    }

    .training.downloadable {
        padding-top: 65px;
    }

        .training.downloadable .top header {
            width: 100%;
            padding: 0 25px;
            margin-left: -25px;
        }

            .training.downloadable .top header div {
                width: auto;
                right: 25px;
                padding: 15px 20px;
            }

        .training.downloadable .top p.focus {
            font-size: 14px;
        }

        .training.downloadable .top {
            margin-top: 0;
            width: auto;
        }

    .training .obj_select {
        float: none;
        width: 100%;
        margin: 0;
    }

    /*.training.downloadable .str_right .wrapper {
        width: 254px !important;
    }*/

    .training.downloadable .middle .obj_select {
        float: none;
        width: 100%;
        margin: 0;
    }

    .ctn_btn_back {
        margin-top: 100px;
    }
    /*************Prodcut Category************/
    .cat-bg-image {
        background-size: 300px;
        background-position: 100px 10px;
        height: auto;
        padding-top: 10px;
    }

        .cat-bg-image .col-1 {
            padding: 350px 0 0 0;
            width: auto;
        }

    .skinbg-overlap .cat-bg-image .col-1 {
        padding: 350px 0 0 0;
    }

    .product-cat #content {
        padding-top: 100px;
    }

    .cleansers.cat-bg-image {
        background-size: 550px;
        background-position: 10px 100px;
        height: auto;
        padding-top: 10px;
    }

    .body-correct .product-category {
        background-image: url("/images/banner_category_00_EU.jpg");
        background-size: 1000px;
        background-position: -315px top;
        background-repeat: no-repeat;
    }

    .body-correct .obj_sorting {
        padding-top: 400px;
    }
    /*Our History****/
    .left-1 {
        margin: 0 0 0 10%;
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .right-1 {
        margin: 0 -16% 0 10%;
        padding-right: 0;
    }

    .margin-0,
    .y2k8 .str_left {
        margin: 0;
    }

    .y15.wid16 .col-2 {
        width: 300px;
    }

    .story .nav {
        display: none;
    }

    .prevent-product,
    .philosophy {
        background-size: 1000px;
        background-position: -315px top;
    }

    .ctn_about-skinceuticals h2 {
        float: none;
    }

    .ctn_about-skinceuticals .str_right {
        float: none;
        width: auto;
    }

    .obj_filter {
        float: right;
    }

    .understanding-landing .obj_filter {
        float: none;
    }

    .wrapper-bg #wrapper {
        background: none;
    }

    p.legend {
        display: none;
    }

    .skin-type-bg {
        background-image: url("/images/banner_skintypes_00_mobile.jpg") !important;
        background-position: center 90px;
        background-repeat: no-repeat;
        background-size: auto 300px;
    }

    .no-bg {
        background-image: none !important;
    }

    .skin-condition {
        background-image: none !important;
    }

    .skinc {
        background: url("/images/banner_skinconditions_00_mobile.jpg") !important;
        background-repeat: no-repeat !important;
        background-position: center 56px !important;
    }

    .insight {
        padding-top: 120px;
    }
    /* -----------------------
	 * productDetail
	 * -------------------- */
    .pg_productDetails #content {
        padding: 0;
    }

    .pg_productDetails div.main {
        padding: 0;
    }

    .pg_productDetails .overview {
        padding: 125px 60px 20px;
    }

        .pg_productDetails .overview .str_left {
            width: 58%;
        }

    .pg_productDetails .science-default .ctn_science {
        margin: 0;
    }

    .pg_productDetails .science-default,
    .pg_productDetails .science-results,
    .pg_productDetails .obj_review,
    .pg_productDetails .complete {
        padding: 125px 25px 0;
    }

        .pg_productDetails .science-results .str_right {
            width: 55%;
        }

    .pg_productDetails .science-only > * {
        padding-right: 25px;
    }

    .pg_productDetails .usage .main-center {
        width: auto;
        padding: 0;
    }

    .pg_productDetails .media {
        padding: 65px 25px 0;
    }

        .pg_productDetails .media.ctn_coverflip {
            padding: 65px 0 0;
        }

            .pg_productDetails .media.ctn_coverflip .str_top > * {
                padding-right: 25px;
                padding-left: 25px;
            }

        .pg_productDetails .media.ctn_feature-shot .str_top .lazyload img {
            height: auto;
            min-height: 50px;
        }

    .pg_productDetails .complete {
        background-position: center 75px;
    }
    /* -----------------------
	 * productDetail pro
	 * -------------------- */
    .pg_productDetails .marketing {
        margin-top: 0;
        padding-top: 125px;
    }

        .pg_productDetails .marketing .obj_download-box {
            text-align: center;
        }

            .pg_productDetails .marketing .obj_download-box > .obj_download-picture {
                float: none;
                display: inline-block;
                text-align: left;
            }

        .pg_productDetails .marketing .main-center > p {
            margin: 0;
        }
    /*******Antiaxoidant timeline**********/
    .ctn_timeline .obj_timeline li {
        float: none;
        width: auto;
        margin: 60px 0 80px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 68px, rgba(0, 0, 0, .03) 68px, rgba(0, 0, 0, 0) 200px);
    }

    .obj_timeline .ctn_over {
        display: block;
    }

    .over_target {
        display: none;
    }

    .anti .obj_product-2 {
        float: none;
        margin-bottom: 80px;
        width: auto;
    }
    /*****************Home page and carousel*************/
    .home #content {
        padding: 0;
    }

    .home .mission,
    .home .ctn_education {
        padding: 0 25px;
    }

    .obj_carrousel.wide {
        padding-top: 72px;
    }

    .home .obj_carrousel.wide {
        padding-top: 63px;
    }

    .slide1 .banner .ctn_header .str_left {
        width: 45%;
        padding: 0 0 0 5%;
    }

    .obj_carrousel.wide .item.slide2 .banner {
        padding: 18px 10% 0 5%;
        width: auto;
    }

    .slide2 {
        background-position: right bottom;
        background-size: 100% auto;
    }

    .obj_carrousel.wide .item.slide3 .banner {
        width: auto;
        padding: 17px 55px 7px;
    }

    .slide3 header {
        margin: 0 0 200px;
    }

    .obj_carrousel.wide .item.slide3 header h1 {
        font: 114px/114px "FuturaBT-Light", arial;
        letter-spacing: 0;
    }

    .slide3 .ctn_text {
        width: 40%;
    }

    .slide3 .ctn_product {
        width: 570px;
    }

        .slide3 .ctn_product .v_Phlorentin figcaption {
            padding-right: 52%;
        }

        .slide3 .ctn_product .v_Mineral {
            padding-left: 52%;
        }

    .obj_carrousel.wide .item.slide4 .banner {
        padding: 0 20px;
    }

    .slide5 {
        background-position: 100% bottom;
        height: 641px !important;
    }

    .obj_carrousel.wide .item.slide5 > div {
        padding: 58px 50% 0 25px;
        width: auto;
    }

    .slide5 header {
        margin-bottom: 20px;
        max-width: 490px;
    }

    .slide5 .obj_header {
        width: 300px;
    }

    .slide5 .obj_legende {
        top: inherit;
        height: auto;
        background-size: auto 100%;
		right: 660px;
		bottom:0px;
		width:300px;
    }

        .slide5 .obj_legende p {
            font: 12px/15px "FuturaBT-Medium", arial;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

    .slide6 {
        background-position: 80% 60px;
    }

        .slide6 header {
            margin: 0 0 50px;
            max-width: 100%;
        }

    .obj_carrousel.wide .item.slide6 h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .obj_carrousel.wide .item.slide6 header h2 {
        width: 100%;
        font-size: 16px;
    }

    .slide6 li {
        font-size: 15px;
        line-height: 17px;
    }

    .obj_carrousel.wide .item > div {
        padding: 65px 56.770833% 0 25px;
        width: auto;
    }

    .slide6 .banner {
        margin-left: 25px;
        width: 90%;
    }

    .slide7 {
        height: auto !important;
    }

        .slide7 > div {
            padding-bottom: 50px;
            height: auto;
        }

        .slide2 header {
            width: 80%;
        }

    .slide2,
    .obj_CalmCool {
        /*	padding: 80px 0 0;*/
    }

        .obj_CalmCool > div,
        .slide2 > div {
            height: 460px;
            background-position: right bottom;
            background-size: 100% auto;
            padding: 18px 10% 0 5%;
            width: auto;
        }

    .obj_carrousel.wide .item.obj_CalmCool .banner {
        width: auto;
        padding: 18px 10% 0 5%;
    }

    .obj_carrousel.wide .item.slide2 header h1,
    .obj_carrousel.wide .item.obj_CalmCool header h1 {
        font: 80px/80px "FuturaBT-Light", arial;
    }

    .slide2 header p br,
    .obj_CalmCool header p br {
        display: none;
    }

    .obj_CalmCool .ctn_text ul {
        width: 100%;
    }

    .obj_CalmCool .ctn_text li {
        margin: 0 1% 0 0;
        width: 31%;
        max-width: 200px;
    }

    .obj_CalmCool .ctn_product {
        margin: 50px 0 0;
        padding: 0 25% 0 0;
        width: 55%;
    }

        .obj_CalmCool .ctn_product figure img {
            max-width: 248px;
            right: -10%;
            width: 40%;
        }

    .phytocorrective section {
        margin: 0 20px;
        width: auto;
    }

    .phytocorrective #Hero {
        height: 535px !important;
        margin-bottom: 80px;
    }

    .phytocorrective .obj_carrousel.wide .nav.pro {
        bottom: -60px;
    }

    #Reactivity {
        padding: 56px 5%;
        width: auto;
    }

        #Reactivity .ctn_action.left {
            float: left;
            height: auto;
            padding: 0 2% 0 25%;
            margin: 25px 0;
            position: relative;
            width: 68%;
        }

        #Reactivity .ctn_action.right {
            float: right;
            height: auto;
            margin: 25px 0;
            width: 68%;
            padding: 0 25% 0 2%;
            text-align: right;
        }

        #Reactivity .ctn_action.left h3 {
            padding-right: 20px;
            font: 20px/20px "FuturaBT-Medium", arial;
            background-position: right bottom;
        }

        #Reactivity .ctn_action.right h3 {
            padding-left: 20px;
            font: 20px/20px "FuturaBT-Medium", arial;
            background-position: left bottom;
        }

        #Reactivity .ctn_action p {
            padding: 0 20px;
        }

        #Reactivity .ctn_action.left,
        #Reactivity .ctn_action.right {
            float: none;
            height: 222px;
            margin: 50px 0 0 0;
            padding: 0;
            text-align: right;
            width: 100%;
            background-image: none;
        }

        #Reactivity .ctn_action.right {
            text-align: left;
        }

        #Reactivity .ctn_schema_right,
        #Reactivity .ctn_schema_left {
            background-image: none;
            height: auto;
            padding: 15px 8%;
            position: inherit;
            width: 85%;
            max-width: 330px;
            background: url("/images/v_background_hexa_icone.png") no-repeat scroll center top / 100% 100%;
        }

        #Reactivity .ctn_schema_left {
            float: right;
        }

        #Reactivity .ctn_action .cas_01,
        #Reactivity .ctn_action .cas_02,
        #Reactivity .ctn_action .cas_03,
        #Reactivity .ctn_action .cas_04,
        #Reactivity .ctn_action .cas_05,
        #Reactivity .ctn_action .cas_06,
        #Reactivity .ctn_action .cas_07,
        #Reactivity .ctn_action .cas_08,
        #Reactivity .ctn_action .cas_09 {
            background-size: 35px auto;
            color: #ffffff;
            display: block;
            float: left;
            font-size: 11px;
            left: inherit;
            line-height: 10px;
            margin: 0 1%;
            padding: 35px 0 0 0;
            position: relative;
            right: inherit;
            top: inherit;
            width: 31%;
        }

    #Discovermasques {
        padding: 0;
    }

        #Discovermasques header h2 {
            padding-left: 2%;
        }

        #Discovermasques .product div {
            padding-left: 0;
            height: 170px;
        }

        #Discovermasques .product.product-3,
        #Discovermasques .product.product-2,
        #Discovermasques .product.product-1 {
            margin: 55px 2% 0;
            width: 29%;
        }

            #Discovermasques .product.product-1 figure img {
                margin-top: 100px;
                width: 160px;
                vertical-align: bottom;
            }

            #Discovermasques .product.product-2 figure img {
                width: 127px;
                vertical-align: bottom;
            }

            #Discovermasques .product.product-3 figure img {
                margin-top: 126px;
                width: 188px;
                vertical-align: bottom;
            }

            #Discovermasques .product.product-3 figure,
            #Discovermasques .product.product-2 figure,
            #Discovermasques .product.product-1 figure {
                margin: 50px 0 0;
                height: 405px;
                line-height: 405px;
            }

            #Discovermasques .product.product-1 figcaption,
            #Discovermasques .product.product-2 figcaption,
            #Discovermasques .product.product-3 figcaption {
                top: inherit;
                bottom: 270px;
            }

            #Discovermasques .product.product-1 figcaption {
                bottom: 200px;
                right: 0;
                top: inherit;
            }

            #Discovermasques .product.product-3 figcaption {
                bottom: 200px;
                right: 0;
                top: inherit;
            }

            #Discovermasques .product.product-3 figcaption {
                bottom: 200px;
                right: 0;
                top: inherit;
            }

    section .main-center > div {
        padding: 30px 25px;
    }

    .triple-lipid #content {
        padding-top: 50px;
    }

    .triple-lipid #Section_02 {
        padding: 40px;
        background-position: center bottom;
    }

        .triple-lipid #Section_02 article .content figure {
            height: 350px;
            width: 700px;
        }

            .triple-lipid #Section_02 article .content figure figcaption h5 span {
                font: 16px/16px "FuturaBT-Medium", Arial;
            }

                .triple-lipid #Section_02 article .content figure figcaption h5 span strong {
                    font: 55px/55px "FuturaBT-Medium", Arial;
                }

            .triple-lipid #Section_02 article .content figure figcaption h5 span {
                width: 125px;
            }
        /***/
        .triple-lipid #Section_03 article .content .ctn_left,
        .triple-lipid #Section_03 article .content .ctn_right {
            float: none;
            margin: 20px auto 0px auto;
        }

        .triple-lipid #Section_03 article .content .ctn_left {
            width: 335px;
        }

        .triple-lipid #Section_03 article .content .ctn_right {
            width: 410px;
        }

        .triple-lipid #Section_03 article .content .t_mentions {
            bottom: inherit;
            width: auto;
            margin-top: 25px;
            position: inherit;
        }

    #comprehensive article .content .ctn_left,
    #comprehensive article .content .ctn_center,
    #comprehensive article .content .ctn_right {
        position: static;
        float: left;
        width: 30%;
    }

    #comprehensive article .content .ctn_left,
    #comprehensive article .content .ctn_center {
        margin-right: 5%;
    }

    #comprehensive article .content p {
        margin-top: 10px;
    }

    #comprehensive article .content .ctn_products .v_00 {
        display: none;
    }

    #comprehensive article .content .ctn_products .v_01,
    #comprehensive article .content .ctn_products .v_02,
    #comprehensive article .content .ctn_products .v_03 {
        padding-top: 40px;
    }

    .ozone-pollution section.ctn_science {
        padding: 50px 0 50px 25px !important;
        background: url("./images/bg_ctn-science.jpg") calc(100% + 80px) 0 no-repeat;
    }

        .ozone-pollution section.ctn_science header {
            max-width: 323px;
        }

            .ozone-pollution section.ctn_science header p br {
                display: none;
            }

        .ozone-pollution section.ctn_science .ctn_products {
            width: 420px;
            padding: 23px 00 0;
        }

    .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_anti {
        right: 310px;
    }

    .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_sun {
        right: 160px;
    }

    .ozone-pollution .ozonelanding {
        height: 540px;
        background-size: 960px auto;
    }

    .ozone-pollution #content {
        padding-top: 78px;
    }

    .ozone-pollution .ozonelanding .banner .ctn_header h1 {
        font: 70px/70px "FuturaBT-Light", Arial;
    }

    .ozone-pollution .ozonelanding .banner .ctn_header h4 {
        width: 326px;
        margin-top: 30px;
    }

    .ozone-pollution .ozonelanding .banner .ctn_header .t_anti {
        right: 440px;
        top: 340px;
    }

    .ozone-pollution .ozonelanding .banner .ctn_header .t_sun {
        right: 75px;
        top: 340px;
    }

    .cat-sub #content {
        padding-top: 82px;
    }

    .cat-sub .cat-bg-image {
        margin-top: 0;
    }

        .cat-sub .cat-bg-image .col-1 {
            padding: 250px 0 0 0;
        }

    .body-correct #content {
        padding-top: 0 !important;
    }

    .cleansers {
        background-position: 21%;
    }
    /***Media query by Perumal***/
    /*.logo {margin: 20px auto 25px;}*/
    .nav-mobile .breadcrumb .component-content ol {
        padding: 10px 25px;
        overflow: hidden;
        margin-top: 2px;
    }

    .home .mission,
    .home .ctn_education {
        padding: 70px 0 0 25px;
    }

    .Section_03 ul li {
        width: 20%;
        box-sizing: border-box;
    }
    /*.row .grid-5 {
    width: 60% !important;
}*/
    .charters .content p.focus {
        font-size: 16px !important;
        line-height: 1.4em;
    }

    .charters .content h1 strong {
        font-size: 45px;
        line-height: 1em;
    }

    .charters {
        padding: 100px 25px 0;
        height: auto;
    }

    .topic .ctn_header {
        padding-right: 25px;
        padding-left: 25px;
    }

    .container .main-center {
        width: auto;
    }

    .entete .str_right .bt_video {
        right: -3px;
    }

    .clinical .entete .str_right {
        position: absolute;
        top: 180px;
        right: 0;
        float: right;
    }

    .separateur {
        /*display:none;*/
    }

    section.img-position .grid-5 img {
        top: -34px;
    }

    .separateur {
        margin-top: 0px;
    }

    .downloadable .container-bottom {
        margin: 0px auto;
        width: 485px !important;
    }

    .downloadable .top {
        margin-top: 79px;
    }

    .downloadable .container-bottom .str_left {
        left: 0;
    }

    .downloadable .str_right .wrapper {
        width: auto !important;
    }

    .downloadable .str_right {
        float: left;
        width: 100%;
        padding-left: 150px;
    }

    .feature-product .grid-12 .content .grid-5 {
        margin-left: 0px;
        width: 40% !important;
    }

    .pg_calendar .obj_upcoming .content ul {
        text-align: center;
        width: auto;
    }

    .pg_calendar .obj_upcoming .content li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

    .downloadable .middle {
        width: 100%;
    }

    .volumelist {
        width: 100%;
    }

    .report-container {
        margin-top: 0px;
    }

    .myskinceuticals.report-container {
        margin-top: 100px;
    }

    .shoppingCartTable tr.listHeader {
        width: auto;
    }

    .obj_skinbox .lazyload img {
        width: 327px;
        height: 321px;
    }

    .obj_skinbox .cube {
        width: 327px;
        margin: 0 auto;
        padding: 133px 0 83px 0;
    }

    .onglet.favorites.current .masque {
        top: 46px;
    }

    .section-tab-content-carrousel {
        margin-top: 80px;
        margin-bottom: 0px;
        max-width: inherit;
        /*padding: 40px;*/
        box-sizing: border-box;
        background-position: center bottom;
    }

    .Hyaluronic-acid-in-skin {
        background-position: calc(100% + 150px);
    }

        .Hyaluronic-acid-in-skin header {
            padding: 40px 320px 40px 40px;
        }

        .Hyaluronic-acid-in-skin .content {
            padding: 0px 320px 40px 40px;
        }

    .section-tab-content-carrousel .str_tab-menu ul {
        position: relative;
        top: inherit;
        left: inherit;
        display: block;
        width: auto;
        margin-top: 10px;
    }

    .section-tab-content-carrousel .b_link {
        position: relative;
        top: inherit;
        left: inherit;
    }

    .section-tab-content-carrousel .ctn_product-detail .obj_carrousel {
        height: auto;
    }

    .section-tab-content-carrousel .str_tab-content h3 {
        width: calc(100% - 494px);
        float: left;
    }

    .section-tab-content-carrousel .str_tab-content {
        max-width: 688px;
        /* padding: 0; */
    }

    .Section_03 article .content .obj_before-after {
        float: none;
        margin: 0 auto;
    }

        .Section_03 article .content .obj_before-after h3 span {
            display: block;
            position: relative;
            left: auto;
            top: auto;
            padding: 10px 10px 0 0;
            margin: 0;
            border: none;
        }

    .apply-like-an-expert {
        padding: 0 40px;
        height: auto;
        background: none !important;
    }

        .apply-like-an-expert .col-1 {
            float: none;
            width: 100%;
        }

            .apply-like-an-expert .col-1 header {
                width: 100%;
            }

                .apply-like-an-expert .col-1 header h1 {
                    padding-bottom: 14px;
                    border-bottom: 1px solid #d1d3d4;
                }

        .apply-like-an-expert .content {
            float: none;
            width: 570px;
            margin: 0 auto;
        }
    /*.section-skinctab .str_tab-menu-regimen {
    display: none;
}*/
    .section-skinctab h3 {
        float: none;
        width: 100%;
        height: 70px;
        line-height: 70px;
        border-radius: 0;
        margin: 0 0 2px 0;
        background: #1d0f46;
        border: none;
    }

        .section-skinctab h3 a,
        .section-skinctab h3:hover a {
            padding: 0 50px 0 20px;
            text-align: left;
            font: 14px/18px "FuturaBT-Bold", Arial;
            color: #2e9ebe;
        }

        .section-skinctab h3::after {
            position: absolute;
            right: 20px;
            top: 50%;
            width: 23px;
            height: 23px;
            background: url(/images/v_plus-mob.png) 0 0 / 23px auto no-repeat;
            transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            content: '';
        }

        .section-skinctab h3 a br {
            display: none;
        }

    .section-skinctab h3 {
        line-height: 35px;
    }

    .section-skinctab .str_tab-content .ctn_figure {
        float: none;
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .section-skinctab .str_tab-content figure {
        position: relative;
        bottom: auto;
        left: auto;
        padding-top: 20px;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }

        .section-skinctab .str_tab-content figure .ctn_img-product {
            float: left;
            margin-left: 20px;
            width: 120px;
            text-align: center;
        }

        .section-skinctab .str_tab-content figure img,
        .section-skinctab .ctn_figure.var_pot img {
            max-height: 130px;
            max-width: 80px;
        }

        .section-skinctab .str_tab-content figure .ctn_txt-product {
            float: left;
            width: 50%;
            text-align: left;
        }

        .section-skinctab .str_tab-content figure figcaption {
            height: auto;
            margin-bottom: 10px;
            padding: 0px 0 0 0;
            text-align: left;
            font: 14px/16px "FuturaBT-Light", Arial;
        }

            .section-skinctab .str_tab-content figure figcaption br {
                display: none;
            }

    .section-skinctab .b_gradient {
        display: inline-block;
        margin-top: 10px;
    }

        .section-skinctab .str_tab-content figure img,
        .section-skinctab .ctn_figure.var_pot img {
            max-height: 100px;
            max-width: 50px;
        }

    .section-skinctab .str_tab-content .ctn_figure:after {
        background: none;
    }

    .Hero-container .banner .ctn_header .str_left {
        width: calc(50% - 40px);
    }

    .Hero-container .banner .ctn_header h1 {
        margin-top: 40px;
    }

        .Hero-container .banner .ctn_header h1 span {
            font: 40px/45px "FuturaBT-Book", Arial;
        }

    .Hero-container .banner .ctn_header ul {
        position: relative;
        margin: 30px 0 45px;
    }

    .Hero-container .banner .ctn_header .str_left {
        padding: 0 0 0 40px;
    }

    .Hero-container {
        margin-top: 72px;
    }

    .obj_header .ctn_header .str_right {
        float: right;
        position: absolute;
        right: -123px;
    }

    .obj_carrousel wide .ctn_banner {
        background-position: right bottom;
        background-size: 100% auto;
        padding: 18px 10% 0 5%;
        width: auto;
    }

    .obj_carrousel.wide .item.slide4,
    #Hero-triplelipid .banner {
        height: 750px !important;
        background: #ffffff url(/images/bg_banner_m.jpg) no-repeat right bottom !important;
    }

        .obj_carrousel.wide .item.slide6 h1 {
            font-size: 50px !important;
            line-height: 50px !important;
        }

    .obj_carrousel.wide .slide7 > div {
        padding: 65px 56.770833% 0 25px !important;
        width: auto;
    }

    .obj_carrousel.wide .item.slide2 .banner {
        background-position: right bottom;
        background-size: 100% auto;
        padding: 18px 10% 0 5%;
        width: auto;
    }

    .ctn_protocol {
        background-position: right 65px;
        background-size: 100% auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ctn_protocol .col-1 {
        width: 50% !important;
    }

    .logo {
        margin-left: 30%;
    }
    /*.logo img {width: 285px;height: auto;}*/
    .downloadable .str_right {
        padding-left: 90px !important;
    }

    .training.downloadable .str_right .wrapper {
        width: 540px !important;
    }

    .shoppingCartTable tbody {
        display: grid;
        height: auto;
        overflow: hidden;
    }
    /*.obj_table-reports .back td {width: auto;}*/
    .clinical-study.container {
        padding: 0px 25px;
        width: 95%;
    }

    .mission .ctn_info {
        left: -22px;
    }

    .slide6 figure {
        text-align: left;
    }

    .cart-desktop {
        display: none;
    }

    .cart-mobile {
        display: block;
    }
}

@media screen and (max-width: 815px) {
    .pg_calendar .generique-02 header .obj_calendar-select {
        position: relative;
        top: auto;
        right: auto;
        margin: 20px 0 20px -10px;
    }
}

@media screen and (max-width: 800px) {
    /***********Media query by Midun***********/
    #PostProcedure > div div p {
        font: 19px/19px "FuturaBT-Light", arial;
        margin-bottom: 20px;
        min-height: 30px;
    }

    #PostProcedure .ctn_infrarouge {
        height: auto;
        padding: 26px;
        width: auto;
    }

        #PostProcedure .ctn_infrarouge figure {
            display: block;
            float: left;
            height: 325px;
            margin: 0;
            text-align: center;
            width: 49%;
        }

        #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge .t_legende_infrarouge_1 {
            left: 0;
            margin: 0;
            position: absolute;
            right: inherit;
            top: 60px;
            width: 50%;
        }

        #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge .t_legende_infrarouge_2 {
            margin: 0;
            position: absolute;
            right: 0;
            top: 60px;
            width: 50%;
        }

        #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge {
            height: 75px;
            margin: 0;
            position: relative;
            width: 100%;
        }

            #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge img {
                margin-top: -114px;
                transform: rotate(-90deg);
            }

    #Discovermasques .product.product-3,
    #Discovermasques .product.product-2,
    #Discovermasques .product.product-1 {
        margin: 55px 2% 0;
        width: 200px;
    }

        #Discovermasques .product.product-1 figure img {
            margin-top: 120px;
            width: 160px;
        }
    /***********Media query by Perumal***********/
    .grand-mobile {
        display: none !important;
    }

    .obj_carrousel.wide .item.slide3 .banner {
        left: 0;
        right: 0;
        padding-top: 0;
        width: auto;
        height: 525px;
        background: url(/images/b_banner_shield-mob.jpg) no-repeat scroll center 0 / auto 90% !important;
    }

    .obj_carrousel.wide .slide3 .banner header {
        margin: 0 0 350px;
    }

    .obj_carrousel.wide header {
        /*margin: 0 0 350px;*/
        width: 90%;
    }

        .obj_carrousel.wide header h1 {
            font: 70px/70px "FuturaBT-Light", arial !important;
        }

        .obj_carrousel.wide header h2 {
            font: 20px/20px "FuturaBT-Medium", arial !important;
            width: 100% !important;
        }

    .slide3 .ctn_product {
        padding-top: 380px;
    }

        .slide3 .ctn_product .v_Phlorentin {
            left: 115px;
        }

        .slide3 .ctn_product .v_Mineral {
            padding-left: 2%;
        }

        .slide3 .ctn_product .v_Mineral {
            left: 100px;
        }

    .slide3 .ctn_text {
        position: relative;
        z-index: 10;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 0 5%;
        padding: 0;
        width: 90%;
    }

        .slide3 .ctn_text br {
            display: none;
        }

    .slide6 .banner div {
        width: 45%;
        display: block;
        float: left;
        padding-left: 20px;
    }

    .obj_carrousel.wide .slide7 {
        padding: 0 !important;
    }

        .obj_carrousel.wide .slide7 header {
            margin-bottom: 0px;
        }
}

@media screen and (max-width: 768px) {
    /************Media query by Midun***********/
    .obj_carrousel.wide {
        margin-top: -80px !important;
        padding-top: 0px !important;
    }

        .obj_carrousel.wide .item > div {
            padding-top: 0px !important;
        }

    #invalidSap {
        margin: 0;
    }

    .titles-container {
        width: auto;
    }

    .obj_form.register #registerForm .ctn_bt,
    .obj_form.register .ctn_bt p {
        text-align: right;
    }

    .obj_form.register .ctn_bt p {
        margin-right: -21px;
    }

    .obj_form.register #registerForm .ctn_bt {
        margin-right: 20px;
    }

    .pg_productDetails .overview .capacity {
        margin: 0;
    }

    .Ourcharters {
        padding: 197px 0 150px 0;
    }

    .science-landing .OurPromise {
        height: 100%;
    }

    .pg_productDetails .usage {
        padding: 0 20px;
    }

    .myskinceuticals .account .obj_form.register #myAccountRegisterForm input {
        width: 95%;
    }

    .ozone-pollution .Section_01 .ctn_01,
    .ozone-pollution .Section_01 .ctn_02,
    .ozone-pollution .Section_01 .ctn_03 {
        display: block;
        height: auto;
        margin: 0 auto;
        background-position: center top;
        background-size: 140px auto;
    }

    .ozone-pollution .Section_01 .ctn_ozone .plus_01,
    .ozone-pollution .Section_01 .ctn_ozone .plus_02 {
        display: block;
        margin: 5px auto;
    }

    .ozone-pollution .Section_01 .ctn_01 h4,
    .ozone-pollution .Section_01 .ctn_02 h4,
    .ozone-pollution .Section_01 .ctn_03 h4 {
        line-height: 140px;
    }

    .ozone-pollution .Section_01 .ctn_ozone div p {
        position: relative;
        top: inherit;
        margin: 5px auto 0;
    }

    .obj_coverflip .popin-container {
        width: 100%;
        margin: 0;
        left: 0;
    }

    .obj_coverflip .popin {
        margin-right: 25px;
        margin-left: 25px;
    }

    .quinconce.cosmeceuticals .container section::before {
        background-image: url("/-/media/Feature/skincpro/ImageDescription/AboutUs/Cosmeceuticals/f_cosmeceuticals.jpg");
        background-size: 846px auto;
    }

    article.quinconce.cosmeceuticals {
        background-image: none !important;
        height: auto;
    }

    .quinconce header.left {
        width: auto;
        padding-right: 0;
    }

    .quinconce section.right {
        padding-left: 220px;
        padding-right: 0;
        width: auto;
    }

    .quinconce section.left {
        padding-left: 0;
        padding-right: 220px;
        width: auto;
    }

    .quinconce.cosmeceuticals .container .section01:before {
        background-position: -190px -242px;
    }

    .section02:before {
        background-position: -459px -452px;
    }

    .section03:before {
        background-position: -235px -670px;
    }

    .section04:before {
        background-position: -434px -871px;
    }

    .section05:before {
        background-position: -174px -1073px;
    }

    .section06:before {
        background-position: -433px -980px;
    }

    .cosmeceuticals .section03 .obj_properties {
        display: none;
    }

    .quinconce .container > header {
        width: auto;
        padding-top: 350px;
        padding-left: 0 !important;
        /* margin: 0; */
    }

    .quinconce .container header.left {
        width: auto;
        padding-right: 0;
    }

    .quinconce .container section {
        position: static;
        position: relative;
        top: 0;
    }

    .quinconce section header {
        padding-top: 100px;
    }

    .cosmeceuticals .container > header:before {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 95%), url("/-/media/Feature/skincpro/ImageDescription/AboutUs/Cosmeceuticals/f_cosmeceuticals.jpg") -160px -20px no-repeat;
        background-size: auto auto, 846px auto;
        /* position: absolute; */
    }

    .quinconce > header:before {
        top: 75px;
        left: 50%;
        margin-left: -384px;
        width: 768px;
        height: 275px;
    }

    .quinconce:before {
        display: block;
    }

    .quinconce section:before {
        top: 100px;
        right: 0;
        width: 200px;
        height: 200px;
        border: 1px solid #e1e1e1;
    }

    .quinconce .container section:before,
    .quinconce .container > header:before {
        content: "";
        position: absolute;
    }

    .cosmeceuticals .section05 {
        top: 0;
    }

    .rewards .str_left,
    .rewards .ctn_info {
        width: auto;
        float: none;
    }

    .rewards {
        background-position: center bottom;
    }

    .skinc-rewards #content {
        padding: 0;
    }

    .rewards .content {
        padding: 0 20px;
        padding-top: 140px;
        margin-left: 0;
    }

    .image-description {
        top: 130px;
        width: 626px;
        height: 350px;
    }

    .rewards-content {
        width: 300px;
    }

    .doctor-bio .obj_carrousel .nav a.b_next {
        right: 15px;
    }
    /* -----------------------
	 * myskinceuticals
	 * -------------------- */
    /* account */
    .myskinceuticals .account .content {
        padding-bottom: 25px;
    }

    .pg_myskinceuticals .myskinceuticals .account .str_left {
        float: none;
        width: auto;
        padding-right: 53%;
    }

        .pg_myskinceuticals .myskinceuticals .account .obj_form.register {
            width: 50%;
            right: 0;
            /*top:50px;*/
        }

    .myskinceuticals .account .str_right {
        width: auto;
        float: none;
    }
    /* education */
    .myskinceuticals .obj_sort {
        padding-right: 0;
        padding-left: 0;
    }
    /*.myskinceuticals .obj_table-reports tr:first-child{display:none;}*/
    .myskinceuticals .obj_table-reports thead {
        display: none;
    }

    .myskinceuticals .obj_table-reports td {
        display: block;
        padding: 5px 0 9px 230px !important;
        border-bottom: 1px solid #e8e8ed;
    }

        .myskinceuticals .obj_table-reports td:not(:last-child) {
            border: none;
        }

        .myskinceuticals .obj_table-reports td:before {
            display: inline-block;
        }

    .myskinceuticals .obj_form.register #myAccountRegisterForm input {
        width: 100%;
    }

    .generique {
        padding-right: 0;
    }

        .obj_popin .ctn_player,
        .obj_popin .ctn_player iframe {
            width: 590px;
            height: 332px;
        }
    /* -----------------------
	 *   int-skincare
	 * -------------------- */
    .obj_int-skincare.equation > * {
        max-width: 450px;
        height: 210px;
    }

    .obj_int-skincare.equation .icone {
        margin: 20px 0;
        padding: 11px 16px 0;
        width: 84px;
        height: 105px;
        background-size: 321px auto;
        font-size: 8px;
    }

    .obj_int-skincare.equation .bck-pro {
        background-position: left -116px;
    }

    .obj_int-skincare.equation .bck-homecare {
        background-position: left -232px;
    }

    .pg_calculator #content {
        padding-top: 100px;
    }

    .pg_calculator .int-skincare-title {
        padding: 0 22px;
    }

    .pg_calculator .obj_int-skincare.equation > * {
        max-width: 100%;
    }

    .pg_calculator #content {
        padding-top: 100px;
    }

    .obj_live-calculator .top caption {
        padding-bottom: 5px;
    }

    .pg_calculator .int-skincare-title {
        padding: 0 22px;
    }

    .pg_calculator .obj_int-skincare.equation > * {
        max-width: 100%;
    }

    .obj_live-calculator .top > div {
        width: auto !important;
        float: none;
    }

        .obj_live-calculator caption,
        .obj_live-calculator .top > div > *,
        .obj_live-calculator .top .result caption {
            border-left: none;
        }

    .obj_live-calculator .data.plus:after {
        display: none;
    }

    .obj_live-calculator .bottom > div {
        float: none;
        width: auto !important;
    }

    .obj_live-calculator .bottom .col-01 p {
        padding: 20px 10px 0;
        text-align: center;
    }

    .obj_live-calculator .top > div + div {
        margin-top: 20px;
    }

    .pg_integrated-skincare .obj_int-skincare.equation > * {
        max-width: 550px;
        height: 210px;
    }

    .pg_integrated-skincare .obj_int-skincare.equation .icone {
        margin: 20px 0;
        padding: 11px 16px 0;
        /*width: 117px;*/
        width: 150px;
        height: 105px;
        background-size: 321px auto;
        font-size: 8px;
    }

    .calc {
        margin-top: 0;
    }

    .clean-landing #content {
        padding-top: 0;
    }

    .cleansers.cat-bg-image {
        background-size: 600px;
        background-position: -110px 45px;
        height: auto;
        padding-top: 10px;
        margin-top: 0;
    }

        .cleansers.cat-bg-image .col-1 {
            padding: 300px 0 0 0;
        }

    .coorective-creams.cat-bg-image {
        background-size: auto;
        background-position: -500px 45px;
        margin-top: 0;
    }

        .coorective-creams.cat-bg-image .col-1 {
            padding: 500px 0 0;
        }

    .left-1,
    .right-1 {
        float: none;
        margin: 0;
    }

    .y97 .col-2,
    .y15.wid16 .col-2,
    .no-margin .col-2 {
        width: 100%;
        margin: 0;
    }

    .left-1 img,
    .right-1 img {
        margin-left: 30% !important;
    }

    .y15.left-1,
    .wid16 .col-2 {
        width: 100%;
    }

    .y15.wid16 .col-2 {
        width: 45%;
    }

    .y15 .y16 {
        top: 30%;
    }

    .y2k12 .y16 {
        left: 36%;
        margin-top: -15%;
    }

    .sun-protection {
        width: 350px;
    }

    .y2k4 .str_left {
        width: 75%;
    }

    .y17 .col-1 img,
    .y2k8 .col-1 img {
        width: 290px;
        height: 300px;
    }

    .story {
        background-position: left bottom;
        padding-top: 75px;
        background-size: contain;
        /* padding-left: 0; */
    }

    .doctor-bio {
        background-position: left 100px;
        padding-top: 366px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 1) 90%), url('/images/f_pinnell-hero.jpg');
        background-repeat: no-repeat;
    }

    .doctorprofile.top {
        background-image: none !important;
    }

        .doctorprofile.top .col-2 {
            margin-top: 0;
            max-width: none;
        }

    .doctor-bio #content {
        padding-top: 100px;
    }

    .insight h1 {
        background-size: auto;
    }

    .business-building .bck_video .col-1 img,
    .business-building .bck_media .col-1 img,
    .business-building .bck_woman .col-1 img,
    .business-building .bck_integrated .col-1 img,
    .business-building .bck_downloadable .col-1 img {
        margin-left: 150px !important;
    }

    .OurPromise {
        padding-top: 80px;
    }

        .OurPromise p.bt_video a {
            margin: 0 auto;
            margin-top: 40px;
        }
    /* -----------------------
	 * productDetail
	 * -------------------- */
    .pg_productDetails .science-default:before {
        display: block;
        height: 240px;
    }

    .pg_productDetails .science-default {
        background: none;
        padding-top: 280px;
    }

        .pg_productDetails .science-default .ctn_clinical,
        .pg_productDetails .science-default .ctn_science {
            width: auto;
            float: none;
            padding-bottom: 40px;
        }

    .ce-ferulic.pg_productDetails .science-default .ctn_science {
        width: 55%;
    }

    .ce-ferulic .science-default > * {
        padding: 0 10.416666% 0 41.666666%;
    }

    .pg_productDetails .science-default:before {
        background: url(/images/v_science-default.jpg) 270px 40px/auto 200px no-repeat;
    }

    .obj_tabs_detail {
        margin-top: 0;
    }

        .obj_tabs_detail .b_monochrome {
            right: 20px;
        }

            .obj_tabs_detail .more_details .head_detail .ctn_txt p,
            .obj_tabs_detail .more_details p {
                width: 100%;
            }

            .obj_tabs_detail .more_details h2 {
                padding: 24px 0 0;
            }

            .obj_tabs_detail .more_details .head_detail {
                display: block;
                padding: 0;
            }

                .obj_tabs_detail .more_details .head_detail .ctn_txt {
                    display: block;
                    width: 100%;
                    box-sizing: border-box;
                }

                .obj_tabs_detail .more_details .head_detail .ctn_visuel {
                    display: block;
                    text-align: left;
                    width: 100%;
                    box-sizing: border-box;
                    padding: 20px 0 0;
                }

                    .obj_tabs_detail .more_details .head_detail .ctn_visuel img {
                        max-width: 100%;
                    }

            .obj_tabs_detail .more_details .section_detail {
                padding: 0 0 20px;
            }

            .obj_tabs_detail .more_details article .video-retinol {
                width: 100%;
                max-width: 430px;
            }

    .cat-retinol .ctn_popin_video iframe {
        width: 100%;
        height: auto;
    }

    .obj_popin .obj_form.add-review {
        width: 100%;
        box-sizing: border-box;
    }

        .obj_popin .obj_form.add-review textarea {
            width: 100%;
            box-sizing: border-box;
        }
    /*********Home page****/
    .home .str_right {
        float: none;
        width: auto;
    }

    .obj_links-skinExplained {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }

    .home .clinical-study {
        margin-top: 65px;
        /* margin-right: 25px;
    margin-left: 25px;*/
    }

    .mission header {
        float: none;
        width: 95%;
        margin-bottom: 20px;
    }

    .mission .ctn_info {
        float: none;
        width: auto;
        margin-top: 25px;
        padding: 30px 8% 50px;
        left: 0;
    }

        .mission .ctn_info:before {
            display: block;
        }

        .mission .ctn_info:after {
            content: "";
            display: block;
            clear: both;
        }

    .antioxidants .obj_links-skinExplained {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }

    .obj_links-skinExplained > div {
        margin-bottom: 20px;
    }

    .antioxidants .str_right {
        float: none;
        width: auto;
    }

    .mission .ctn_info:before {
        display: block;
    }

    .mission .ctn_info .str_right {
        float: right;
    }

    .obj_links-skinExplained .calendar {
        margin-top: 0;
    }

    .ctn_education {
        margin-top: 60px;
        max-width: 95%;
    }

    .obj_links-skinExplained > div {
        width: auto;
    }

    #Discovermasques {
        /*padding: 0 25px;*/
    }

        #Discovermasques header {
            padding: 0 25px;
        }

            #Discovermasques header h2 {
                height: 92px;
                padding: 0;
                /*background: url("images/t_titre_masques_mob.gif") no-repeat scroll left top;*/
            }

        #Discovermasques .product.product-3,
        #Discovermasques .product.product-2,
        #Discovermasques .product.product-1 {
            float: none;
            margin: 0 0 40px;
            padding: 0 25px;
            width: auto;
        }

            #Discovermasques .product.product-2 div {
                padding: 0;
            }

        #Discovermasques .product div {
            height: auto;
            margin-bottom: 50px;
            padding: 0;
        }

        #Discovermasques .product.product-3 figure,
        #Discovermasques .product.product-2 figure,
        #Discovermasques .product.product-1 figure {
            margin-left: 0;
            text-align: center;
        }

        #Discovermasques .product img {
            margin-top: 0;
            width: 200px;
        }

        #Discovermasques .product.product-3 figure img,
        #Discovermasques .product.product-2 figure img,
        #Discovermasques .product.product-1 figure img {
            margin-top: 0;
            width: 130px;
        }

        #Discovermasques .product.product-3 figcaption,
        #Discovermasques .product.product-2 figcaption,
        #Discovermasques .product.product-1 figcaption {
            right: 23%;
            top: 0;
        }

        #Discovermasques .product.product-3 figure,
        #Discovermasques .product.product-2 figure,
        #Discovermasques .product.product-1 figure {
            height: auto;
            line-height: normal;
        }

    .triple-lipid #Section_02 article .content figure {
        height: 200px;
        width: 400px;
    }

        .triple-lipid #Section_02 article .content figure figcaption h4 {
            font: 12px/12px "FuturaBT-Medium", Arial;
        }

            .triple-lipid #Section_02 article .content figure figcaption h5 span {
                font: 12px/12px "FuturaBT-Medium", Arial;
            }

                .triple-lipid #Section_02 article .content figure figcaption h5 span strong {
                    font: 40px/40px "FuturaBT-Medium", Arial;
                }

            .triple-lipid #Section_02 article .content figure figcaption h5 span {
                width: 100px;
            }

    .ozone-pollution section.ctn_science {
        padding: 25px 0 25px 25px !important;
        background: none #fff;
    }

        .ozone-pollution section.ctn_science header {
            width: 55%;
            max-width: 360px;
        }

            .ozone-pollution section.ctn_science header p br {
                display: none;
            }

        .ozone-pollution section.ctn_science .ctn_products {
            width: 40%;
            padding: 35px 00 0;
        }

            .ozone-pollution section.ctn_science .ctn_products figure {
                width: 49%;
            }

                .ozone-pollution section.ctn_science .ctn_products figure img {
                    max-width: 125px;
                }

    .ctn_protection header,
    .ctn_protection div header {
        width: 100%;
        margin: 0;
    }

        .ctn_protection header h2 {
            line-height: 20px;
        }

        .ctn_protection div header h3 {
            font: 28px/28px "FuturaBT-Light", arial;
        }

    .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_anti {
        right: 50%;
        bottom: auto;
        top: 200px;
        width: 100px;
        height: 250px;
    }

    .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_sun {
        left: 50%;
        top: 160px;
        width: 100px;
        height: 290px;
    }

    .ozone-pollution .ozonelanding {
        padding: 35px 25px;
        height: 700px;
        background-position: center top !important;
        background-size: auto auto;
        background-image: url(/images/b_banner_shield-mob.jpg) !important;
    }

        .ozone-pollution .ozonelanding .banner .ctn_header h2 {
            width: auto;
            margin-top: -5px;
            font: 20px/20px "FuturaBT-Medium", Arial;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header h4 {
            position: absolute;
            top: 490px;
            width: 85%;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_anti {
            position: absolute;
            width: 50%;
            top: 450px;
            right: inherit;
            left: 0;
            text-align: right;
            margin: 0;
            padding: 0 15px 0 0;
        }

            .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_anti {
                right: 50%;
                bottom: auto;
                top: 200px;
                width: 100px;
                height: 250px;
            }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_sun {
            position: absolute;
            width: 50%;
            top: 450px;
            right: 0;
            text-align: left;
            padding: 0 0 0 20px;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header .t_prod.var_sun {
            left: 50%;
            top: 160px;
            width: 100px;
            height: 290px;
        }

        .ozone-pollution .ozonelanding .banner .ctn_header .hashtag {
            position: absolute;
            top: 660px;
            margin: 0;
        }

    .ozone-pollution .Section_01 header p {
        margin: 0px;
        font: 16px/18px "FuturaBT-Medium", Arial;
    }

    .ozone-pollution .Section_01 header h2 {
        font: 20px/22px "FuturaBT-Medium", Arial;
    }

    .ozone-pollution .Section_01 .content {
        width: 100%;
    }

    .ozone-pollution .Section_01 .t_title-p a {
        display: block;
        padding: 0 20px 0 0;
    }

    .pg_print .ui-slider-handle.handleFixed {
        width: 352px !important;
    }
    /************Media query by Perumal***********/
    .landing-hai .lhabanner {
        margin-top: -114px;
    }

    .onglet .content .str_left .obj_table-info tr td {
        word-break: break-word;
    }

    .pg_myskinceuticals .obj_product img {
        width: 100%;
        height: auto;
    }

    .contact-us-container .ourHistory .col-1 {
        text-align: center;
    }

    .video-library {
        padding-top: 0px;
        margin-top: -80px;
    }

        .video-library .col-2 {
            text-align: center;
        }

    .downloadable .str_right {
        float: left;
        width: 100%;
        padding-left: 90px;
    }

    .business-building section {
        margin-bottom: 30px;
        border-top: 1px solid #cdd2d2;
        padding-top: 40px;
    }

    .pg_mediaRessources #content {
        background: none;
        padding-top: 10px;
    }

    .Hyaluronic-acid-in-skin .readmore a {
        padding: 0px 50px 40px 40px;
        position: relative;
        top: -40px;
    }

    .cart-desktop {
        display: none;
    }

    .cart-mobile {
        display: block;
    }
    /*.section-tab-content-carrousel header,.Section_03 header,.apply-like-an-expert header,.section-skinctab header{margin:0px 40px;}*/
    .home section:last-child {
        padding-bottom: 0px !important;
    }

    .home .ctn_education {
        padding: 70px 0 0 0px !important;
        margin-top: 0px;
    }

    .obj_links-skinExplained .calendar {
        /* padding: 10px 0px 0px 90px !important;*/
    }

    .charters {
        padding: 128px 0px 0;
        height: auto;
    }

        .charters .content p.focus {
            padding-left: 30px;
            padding-right: 30px;
            padding-bottom: 20px;
        }

        .charters .content h1 {
            padding-left: 30px;
        }

    #MyEducation .obj_table-reports td {
        padding: 5px 0 9px 165px !important;
		word-break: break-all;
    }

    .myskinceuticals.report-container .obj_table-reports .back td {
        width: auto;
    }

    .myEducation .obj_table-reports tr.listHeader {
        display: none;
    }

    .grand-mobile {
        display: none !important;
    }

    .section-tab-content-carrousel article header h2,
    .section-skinctab article header h2 {
        padding-top: 5px;
    }

    .clinical-study.container,
    .ctn_education.container,
    .obj_links-skinExplained .calendar,
    .mission.container {
        /*padding: 0px 25px;*/
        width: 90% !important;
    }

    .training.downloadable .str_right {
        padding-left: 80px;
    }

    .pg_protocols .ctn_liste-protocol {
        margin-left: 0;
    }
    /*clinical study*/
    .box .str_left {
        padding-right: 191px;
        width: auto;
    }

    .box {
        margin-top: 50px;
    }

    .entete .str_left {
        margin: 0 0 40px;
        margin-right: 0px !important;
        width: 100%;
    }

    .entete .str_right {
        position: static !important;
        float: none !important;
    }

    .entete header {
        display: inline-block;
        margin-right: 0;
    }

    .topic .ctn_header .clearfix .str_left,
    .topic .ctn_header .clearfix .str_right {
        float: none;
        width: auto !important;
        padding: 0;
        margin-bottom: 20px;
    }

    .box .str_right {
        width: 140px !important;
        top: -30px;
    }

    .topic .ctn_header header {
        margin: 0 0px 21px 0;
    }

    .box .main-center {
        padding: 0 25px 110px 20px;
    }

    .box .str_left header h3 {
        margin-bottom: 20px;
    }

    .entete .bt_video {
        right: auto;
    }

    .box .ctn_bt {
        left: 25px;
    }

    .box .str_right li .b_video {
        top: 0px;
        left: -22px;
    }

    .grid-7.img-top-placement {
        margin-top: 175px;
    }

    .feature-product .grid-12 .content .grid-5 {
        width: 100% !important;
    }

    .pigment-position .grid-5 img {
        margin-top: 150px;
    }

    .dark-spots #content .grid-12 .col-right {
        width: 60%;
    }

    section.block_shadow .content {
        margin-left: 0px;
    }

    .feature-product .img-top-position {
        margin-top: 60px;
    }

    .charters {
        padding: 128px 0px 0;
        height: auto;
    }

        .charters .content p.focus {
            padding-left: 30px;
        }

        .charters .content h1 {
            padding-left: 30px;
        }

    .downloadable .top {
        margin-top: 79px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .downloadable .middle .obj_select {
        float: none;
        width: 100%;
    }

    .downloadable .middle > p {
        float: none;
        font-size: 14px;
        text-align: right;
    }

    .downloadable .middle {
        width: 100%;
    }

    .skinc-rewards .image-description + h1 + h2 {
        width: 300px;
    }

    .story {
        /*padding-left: 0px;*/
        height: auto;
        overflow: hidden;
    }

        .story .content h1 b {
            font-size: 39px;
        }

    .ctn_protocol header,
    .ctn_protocol .content {
        /* width: 60%*/
    }

    .titles-container .left {
        width: 100%;
        float: none;
        text-align: center;
    }

    .titles-container .right {
        float: none;
        text-align: center;
        width: 100%;
        margin: 10px 0px;
    }

    .Hyaluronic-acid-in-skin {
        height: auto;
        padding: 20px;
        background: url(/images/f_section-01_mob.jpg) center center no-repeat #231c3b !important;
    }

        .Hyaluronic-acid-in-skin .content {
            padding: 0px 50px 40px 40px;
        }

        .Hyaluronic-acid-in-skin header {
            padding: 40px 0px 40px 40px;
        }

    .section-tab-content-carrousel {
        box-sizing: border-box;
        padding: 0 20px;
    }

        .section-tab-content-carrousel header h2 {
            font: 22px/1em "FuturaBT-Bold", Arial;
        }

        .section-tab-content-carrousel .ctn_product-detail {
            margin-bottom: 20px;
        }

        .section-tab-content-carrousel .str_tab-content {
            max-width: 100%;
            height: auto;
        }

        .section-tab-content-carrousel .content figure {
            float: none;
            margin: 0 auto;
            max-width: 360px;
            width: 100%;
            margin-bottom: 30px;
        }

            .section-tab-content-carrousel .content figure img {
                max-width: 360px;
                width: 100%;
            }

        .section-tab-content-carrousel .str_tab-content h3 {
            margin-top: 30px;
        }

        .section-tab-content-carrousel .str_tab-content h3,
        .section-tab-content-carrousel .str_tab-content .ctn_indications {
            float: none;
            max-width: 360px;
            width: 100%;
            margin: 0 auto;
        }

        .section-tab-content-carrousel .str_tab-content {
            max-width: 100%;
            height: auto;
        }

        .section-tab-content-carrousel .obj_carrousel .nav_carrousel-mobile {
            display: block;
            position: absolute;
            left: 0;
            top: 110px;
            width: 100%;
        }

            .section-tab-content-carrousel .obj_carrousel .nav_carrousel-mobile .prev {
                left: -16px;
                background: url(/images/b_prev.png) left top / 15px auto no-repeat;
            }

            .section-tab-content-carrousel .obj_carrousel .nav_carrousel-mobile .next {
                right: -16px;
                background: url(/images/b_next.png) left top / 15px auto no-repeat;
            }

            .section-tab-content-carrousel .obj_carrousel .nav_carrousel-mobile button {
                position: absolute;
                top: 0;
                display: block;
                padding: 0;
                width: 15px;
                height: 28px;
                background: red;
                border: none;
                text-indent: -100000px;
                cursor: pointer;
                opacity: 0.7;
            }

        .section-tab-content-carrousel .str_tab-menu {
            display: none;
        }

        .section-tab-content-carrousel .b_link {
            position: relative;
            left: auto;
            top: auto;
            display: inline-block;
            height: 32px;
            font-size: 12px;
            line-height: 32px;
            font-family: 'FuturaBT-Medium', Arial;
            text-transform: none;
            padding: 0 15px;
            border: 1px solid #cbd4d8;
            background: #f5f5f5;
            background: -webkit-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
            background: linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
        }

    .Section_03 {
        padding: 0 20px;
    }

        .Section_03 ul {
            margin: 0 0 5px;
        }

            .Section_03 ul li {
                width: 100%;
                box-sizing: border-box;
                border: 0;
                padding: 0 0 10px;
            }

                .Section_03 ul li br {
                    display: none;
                }

        .Section_03 .content .obj_before-after {
            margin: 0 !important;
            width: 280px;
        }

        .Section_03 article .content .obj_before-after .ctn_before-after {
            margin-bottom: 0;
            transform: scale(0.94);
            -ms-transform: scale(0.94);
            -webkit-transform: scale(0.94);
            transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
        }

        .Section_03 article .content .obj_before-after h3 {
            width: 280px;
            margin-right: 0;
        }

            .Section_03 article .content .obj_before-after h3 span {
                padding-right: 0;
            }

        .Section_03 article .content .obj_before-after a {
            background: none;
        }

    .apply-like-an-expert .content,
    .apply-like-an-expert .content img {
        width: 280px;
    }

    .apply-like-an-expert .video-expert::before {
        transform: translate(-50%, -50%) scale(0.8);
        -ms-transform: translate(-50%, -50%) scale(0.8);
        -webkit-transform: translate(-50%, -50%) scale(0.8);
    }

    .lhabanner {
        height: auto;
        padding-top: 60px;
        background: url(/images/bg_banner_mob.jpg) no-repeat center bottom #211a3f !important;
    }

    .Hero-container .banner {
        height: auto;
    }

        .Hero-container .banner .ctn_header {
            position: relative;
        }

            .Hero-container .banner .ctn_header .str_left {
                height: auto;
                position: relative;
                padding: 30px 20px 400px 20px;
                box-sizing: border-box;
                width: 100% !important;
                float: none !important;
                clear: none;
            }

            .Hero-container .banner .ctn_header h1 {
                display: block;
                margin-top: -20px;
                font: 50px/50px "FuturaBT-Light", Arial;
            }

                .Hero-container .banner .ctn_header h1 span {
                    font: 29px/29px "FuturaBT-Book", Arial;
                }

            .Hero-container .banner .ctn_header h2 {
                margin: 0 0 30px;
                font: 17px/28px "FuturaBT-Light", Arial;
            }

                .Hero-container .banner .ctn_header h2 br {
                    display: none;
                }

            .Hero-container .banner .ctn_header .str_left ul {
                display: none;
                margin: 0 0 20px 0;
            }

                .Hero-container .banner .ctn_header .str_left ul li {
                    font-size: 14px;
                    line-height: 24px;
                }

            .Hero-container .banner .ctn_header .b_gradient.find {
                bottom: 90px;
            }

            .Hero-container .banner .ctn_header .b_gradient {
                position: absolute;
                left: 20px;
                bottom: 45px;
                margin: 0;
            }

                .Hero-container .banner .ctn_header .b_gradient.more {
                    bottom: 45px;
                }

            .Hero-container .banner .ctn_header .str_right {
                position: absolute;
                left: 0;
                top: auto;
                bottom: 186px;
                margin: 0;
                padding: 0;
                height: auto;
                box-sizing: border-box;
                width: 100%;
                float: none;
                clear: none;
            }

                .Hero-container .banner .ctn_header .str_right a {
                    width: 100%;
                    height: 76px;
                    float: right;
                    left: 191px;
                }

                    .Hero-container .banner .ctn_header .str_right a::before {
                        top: 0;
                    }

                    .Hero-container .banner .ctn_header .str_right a span {
                        left: 33%;
                        top: -65px;
                    }

    .Hero-container .ctn_popin_video {
        width: 100%;
        max-width: 560px;
        max-height: 315px;
    }

        .Hero-container .ctn_popin_video iframe {
            width: 100%;
            height: auto;
        }

    .obj_carrousel.wide .item.item1 {
        height: auto;
        padding-top: 60px;
        background: url(/images/bg_banner_mob.jpg) no-repeat center bottom #211a3f;
    }

    .obj_carrousel.wide .item.item1 {
        height: auto;
    }

        .obj_carrousel.wide .item.item1.banner .ctn_header {
            position: relative;
        }

            .obj_carrousel.wide .item.item1 .banner .ctn_header .str_left {
                height: auto;
                position: relative;
                padding: 30px 20px 400px 20px;
                box-sizing: border-box;
                width: 100% !important;
                float: none !important;
                clear: none;
            }

            .obj_carrousel.wide .item.item1 .banner .ctn_header h1 {
                display: block;
                margin-top: -20px;
                font: 50px/50px "FuturaBT-Light", Arial;
            }

            .obj_carrousel.wide .item.item1 .banner .ctn_header h2 {
                margin: 0 0 30px;
                font: 17px/28px "FuturaBT-Light", Arial;
            }

            .obj_carrousel.wide .item.item1 .banner .ctn_header .str_left ul {
                display: none;
                margin: 0 0 20px 0;
            }

    .obj_table-reports tbody {
        display: grid;
        height: auto;
        overflow: hidden;
    }

    .slide6 {
        height: 940px !important;
    }

    article.media.ctn_coverflip.pg_print.print {
        margin: 1px -24px;
    }
}

@media screen and (max-width: 640px) {
    /*********Media query by Midun***********/
    /*********home page***/
    .clinical-study img {
        max-width: 224px;
    }

    .obj_links-skinExplained > div {
        padding-left: 90px;
    }

    .obj_links-skinExplained .calendar {
        background-size: 50px auto;
        background-position: 20px 10px;
    }

    .obj_links-skinExplained .ctn_img {
        width: 80px;
    }

    .obj_links-skinExplained > div img {
        height: 77px;
    }

    .obj_carrousel.wide .item.slide2 header h1,
    .obj_carrousel.wide .item.obj_CalmCool header h1 {
        font: 65px/65px "FuturaBT-Light", arial;
    }

    .obj_CalmCool .ctn_text ul {
        text-align: center;
        width: 100%;
    }

    .obj_CalmCool .ctn_text li {
        font-size: 15px;
        height: 60px;
        line-height: 60px;
        margin: 0 5px 10px;
        max-width: inherit;
        width: 47.5%;
    }

        .obj_CalmCool .ctn_text li::before,
        .obj_CalmCool .ctn_text li::after {
            background-size: auto 100%;
        }

        .obj_CalmCool .ctn_text li strong {
            margin-top: -10px;
            display: block;
            font: 20px/20px "FuturaBT-Light", arial;
        }

        .obj_CalmCool .ctn_text li span {
            line-height: 15px;
            width: 90%;
        }

    .obj_CalmCool .ctn_product {
        margin: 0;
        padding: 0 45% 0 0;
    }

    #Reactivity .ctn_action p br {
        display: none;
    }

    #Discovermasques header h2 {
        background-size: 100% auto;
        max-width: 335px;
        width: 100%;
    }

    #PostProcedure .ctn_infrarouge figure {
        float: none;
        width: 100%;
    }

    #Discovermasques .product.product-3 figcaption,
    #Discovermasques .product.product-2 figcaption,
    #Discovermasques .product.product-1 figcaption {
        right: -20px;
        top: 0;
    }
    /*********home page***/
    #signin .obj_popin .obj_form.register.log-in {
        width: auto;
        padding: 50px 25px 15px !important;
    }

    .obj_coverflip .popin {
        padding: 35px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .OurPromise p.bt_video a {
        width: 228px;
        height: 127px;
        background-size: 574px auto;
        background-position: -271px -35px;
    }

  .lrp  .OurPromise p.bt_video a {
            width: 228px;
            height: 127px;
            background-size: 574px auto;
            background-position: -271px -35px;
      }

    .ourHistory img {
        width: 200px;
        padding: 15px 100px;
    }

    .left-1 img,
    .right-1 img {
        display: none;
    }

    .story {
        background-image: none !important;
    }

    .Ourcharters {
        padding: 50px 0;
    }

    .science {
        padding: 50px 0 0;
    }

    .OurPromise.science h1 {
        width: 100%;
    }

    .OurPromise.science h1 {
        padding-top: 0;
    }

    .OurPromise h1 {
        font-size: 45px;
    }

    .OurPromise {
        padding-top: 90px;
    }

    .science,
    .antioxidant {
        padding-top: 50px;
    }

    .Ourcharters {
        padding: 50px 0 20px;
    }

        .science.understanding .col-1 img,
        .science.clinical .col-1 img,
        .Ourcharters img,
        .sheldon img {
            /*margin-left:100px !important;*/
        }

    .obj_form.register .str_left {
        padding-bottom: 50px;
        margin-bottom: 25px;
    }

    .reg .obj_form.register .str_left {
        border-bottom: none;
    }

    .str_left,
    .str_right,
    aside,
    .aside {
        clear: both;
        float: none !important;
        width: 100% !important;
    }

        .obj_form.register.forgotpassword label.error {
            width: auto;
            margin-left: 0;
        }

    .doctor-profile .col-1 img {
        float: none;
        margin-left: 0px !important;
    }

    .aoxTimeline.v2 h1 {
        font-size: 40px;
    }

    .aoxTimeline.v2 h2 {
        width: 300px;
    }

    .obj_shadow-box.skinTandC .main-center {
        padding-bottom: 220px;
    }

    .obj_shadow-box.skinTandC .str_left {
        padding: 15px 0;
    }

    .obj_shadow-box.skinTandC .hit-zone {
        width: 146px;
        height: 147px;
        padding-top: 22px;
        margin-bottom: 0px;
    }

        .obj_shadow-box.skinTandC .hit-zone > div {
            height: 106px;
            width: 62px;
        }

            .obj_shadow-box.skinTandC .hit-zone > div.both {
                width: 99px;
                padding-top: 16px;
            }

        .obj_shadow-box.skinTandC .hit-zone .obj_box-skin {
            padding: 3px;
            width: 62px;
            height: 106px;
        }

            .obj_shadow-box.skinTandC .hit-zone .obj_box-skin figcaption {
                bottom: 12px;
            }

            .obj_shadow-box.skinTandC .hit-zone .obj_box-skin h5,
            .obj_shadow-box.skinTandC .hit-zone .obj_box-skin h6 {
                font-size: 6px;
                text-overflow: ellipsis;
                overflow: hidden;
                padding: 2px 0px;
            }

        .obj_shadow-box.skinTandC .str_left p {
            padding: 0;
        }

    .obj_shadow-box.skinTandC .ctn_skinType {
        margin-bottom: 15px;
    }

    .obj_shadow-box.skinTandC ul {
        margin-bottom: 0;
    }

    .obj_shadow-box.skinTandC li {
        width: 44px;
        height: 76px;
        margin-right: 5px;
    }

    .obj_shadow-box.skinTandC .obj_box-skin.thumb {
        padding: 2px;
        width: 44px !important;
        height: 76px !important;
    }

        .obj_shadow-box.skinTandC .obj_box-skin.thumb figcaption {
            bottom: 7px;
        }

        .obj_shadow-box.skinTandC .obj_box-skin.thumb h5,
        .obj_shadow-box.skinTandC .obj_box-skin.thumb h6 {
            font-size: 5px;
            width: 36px;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 2px 0px;
        }

    .obj_skinbox {
        width: 347px;
    }

        .obj_skinbox .cube {
            width: 245px;
            margin-left: 70px;
            padding: 100px 0 62.5px 0;
        }

        .obj_skinbox .lazyload img {
            width: 245px;
            height: 241px;
        }
        /* defefinition Box */
        .obj_skinbox .defBox {
            width: 54.5px;
            height: 55px;
        }
        /* liste de definitions */
        .obj_skinbox dl {
            top: 75px;
            left: -22.5px;
            width: 254px;
            height: 233.5px;
            background-size: 254px auto;
        }

        .obj_skinbox dt {
            font-size: 6px;
        }

            .obj_skinbox dl a {
                width: 54.5px;
                height: 55px;
                line-height: 55px;
                background-size: auto 55px;
            }

                .obj_skinbox dl a span {
                    padding: 2.5px 2.5px 2.5px 7px;
                    background-size: 3.5px auto;
                }

            .obj_skinbox dl .sbm1 {
                top: 15px;
                left: 101px;
            }
            /* Sebum */
            .obj_skinbox dl .drm1 {
                top: -2.5px;
                left: 178px;
            }
            /* Dermal epidermal junction */
            .obj_skinbox dl .cll1 {
                top: 131.5px;
                left: 245px;
            }
            /* Collagen */
            .obj_skinbox dl .lst1 {
                top: 255px;
                left: 190px;
            }
            /* Elastin */
            .obj_skinbox dl .sbc1 {
                top: 257.5px;
                left: 91.5px;
            }
            /* Sebaceous glands */
            .obj_skinbox dl .hpd1 {
                top: 257.5px;
                left: -17.5px;
            }
            /* Hypodermis */
            .obj_skinbox dl .drm2 {
                top: 135px;
                left: -47.5px;
            }
            /* Dermis */
            .obj_skinbox dl .pdr1 {
                top: 30px;
                left: -17.5px;
            }
            /* Epidermis */
            .obj_skinbox dl .bld1 {
                top: -45px;
                left: 37.5px;
            }
    /* Blood vessels */
    article.quinconce.cosmeceuticals {
        background-image: none !important;
        height: auto;
    }

    .quinconce .container > header {
        padding-bottom: 50px;
    }

    .quinconce .container section.left,
    .quinconce .container section.right {
        padding: 0 0 50px 0;
    }

    .quinconce .container section header {
        padding-top: 230px;
    }

    .quinconce .container section:before {
        width: 640px;
        height: 200px;
        top: 0;
        left: 50%;
        margin-left: -320px;
    }

    .quinconce.cosmeceuticals .container section::before {
        background-image: url("/-/media/Feature/skincpro/ImageDescription/AboutUs/Cosmeceuticals/f_cosmeceuticals.jpg");
        background-size: 846px auto;
    }

    .quinconce.cosmeceuticals .container .section01:before {
        background-position: 20px -242px;
    }

    .cosmeceuticals.quinconce .container > header h1,
    .cosmeceuticals.quinconce .container > header h2 {
        letter-spacing: normal;
    }

    .quinconce .right,
    .quinconce .container .left {
        width: 100%;
    }

    .section01 {
        background-position: 10px -242px;
    }

        .section02:before {
            background-position: -239px -452px;
        }

        .section03:before {
            background-position: -15px -670px;
        }

        .section04:before {
            background-position: -214px -871px;
        }

        .section05:before {
            background-position: 54px -1073px;
        }

        .section06:before {
            background-position: -213px -980px;
        }
    /* account */
    .pg_myskinceuticals .myskinceuticals .account .str_left {
        min-height: 0;
        border: none;
    }

    .pg_myskinceuticals .generique {
        padding-left: 25px;
    }

    .pg_myskinceuticals .myskinceuticals .account .obj_form.register {
        position: static;
        width: auto;
        margin: 50px 0;
    }
    /* Businees building -Rewards*/
    .rewards {
        background-image: none !important;
    }

    .image-description {
        width: 100%;
        height: 100%;
        float: none;
        width: 457px;
        height: 250px;
        top: 79px;
        left: 50%;
        margin-left: -262px;
    }

    .rewards .content {
        padding-top: 350px;
    }

    .rewards-content {
        width: 100%;
    }

    .rewards .main-center {
        margin-top: 50px;
    }

    .rewards h1 {
        width: 300px !important;
    }

        .rewards h1 b {
            font-size: 40px;
        }

    .obj_popin .ctn_player,
    .obj_popin .ctn_player iframe {
        width: 430px;
        height: 242px;
    }
    /* -----------------------
	 *   int-skincare
	 * -------------------- */
    .obj_int-skincare.equation .icone {
        margin: 20px -5px;
    }

    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media h1 {
        font-size: 48px;
    }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a {
            width: 9.25em;
        }

    .pg_mediaRessources .ctn_navigation_media {
        padding: 0;
    }

    .ctn_navigation_media li:first-child span.media-header-title {
        left: 33%;
    }

    .ctn_navigation_media li:last-child span.media-header-title {
        left: 42%;
    }

    span.media-header-title {
        /* top: -2%;*/
        left: 31%;
        font-size: 11px;
    }

    .pg_calculator .obj_form > fieldset {
        float: none;
        width: auto;
    }

    .ctn_table-01 > div::-webkit-scrollbar,
    .ctn_table-02::-webkit-scrollbar {
        height: 6px;
    }

    .ctn_table-01 > div::-webkit-scrollbar-thumb,
    .ctn_table-02::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-color: #999;
    }

    .ctn_table-01 > div::-webkit-scrollbar-track,
    .ctn_table-02::-webkit-scrollbar-track {
        background-color: #efefef;
        border-top: 1px solid #ddd;
    }

    .ctn_table-01 {
        margin-top: 100px;
    }

        .ctn_table-01 > div {
            overflow-x: scroll;
        }

    .pg_integrated-skincare .obj_faq .obj_table-01 {
        width: 960px;
    }

    .pg_integrated-skincare .obj_int-skincare.equation .icone {
        width: 117px;
        padding: 0;
        /* padding-top: 11px;*/
    }

    .pg_integrated-skincare .main .obj_shadow-box .main-center {
        padding: 20px;
    }

    .pg_integrated-skincare .obj_int-skincare.equation > * {
        max-width: 450px;
    }

    .pg_integrated-skincare .main .obj_shadow-box .sb-bottom > div {
        padding-bottom: 240px;
        background-size: auto 200px !important;
        background-position: right bottom !important;
    }

    .pg_integrated-skincare .main .obj_shadow-box {
        margin: 0;
    }

    .pg_integrated-skincare .obj_faq {
        /*padding: 0;*/
        padding-top: 100px;
    }

    .calc {
        margin-top: -20px;
    }

    .page-header {
        padding: 125px 0 0;
    }

    .contact input,
    .contact textarea {
        width: 95%;
    }

    .obj_rating-customers span {
        position: relative;
        top: 5px;
    }

    .contact input[type="submit"] {
        float: left;
        width: 20%;
        margin-left: 78%;
    }

    .training.downloadable .middle {
        padding-left: 0;
        margin: 0;
        width: auto;
    }

    .training.downloadable h3 {
        padding-left: 0 !important;
    }

    .downloadable .str_left {
        position: relative;
        height: 0;
        overflow: hidden;
    }

        .downloadable .str_left .ctn_filter {
            opacity: 0;
            padding: 20px 0;
            border-bottom: 1px solid #e0e0e0;
        }

            .downloadable .str_left .ctn_filter > li {
                clear: both;
            }

            .downloadable .str_left .ctn_filter li li {
                width: 50%;
                float: left;
            }

        .downloadable .str_left .b_monochrome {
            display: block !important;
        }

    .left-1,
    .right-1 {
        padding: 0;
        width: auto;
        padding-top: 30px;
        margin: 0;
    }

    .sun-protection {
        width: auto;
    }

    .timeline section {
        margin-bottom: 0px;
    }

    .y2k4 ul,
    .timeline header h1 {
        display: none;
    }

    .y2k1 .col-1 {
        text-align: left;
    }

        .y2k1 .col-2 img {
            display: block;
            margin: 0 !important;
        }

    .story .content h1 b {
        font-size: 34px;
    }

    .story {
        height: auto;
        padding: 0;
    }

        .story .grid-12 .content .story-content {
            width: 100% !important;
            float: none;
            margin-top: 10px;
        }

        .story .content .story-content .border,
        .story .content .story-content p {
            padding: 0;
            width: 100% !important;
        }

    .timeline #content {
        padding-top: 80px;
    }

    .prevent-product.cat-bg-image,
    .philosophy {
        background-size: 600px;
        background-position: -258px 58px;
    }

    .body-correct .product-category {
        background-size: 600px;
        background-position: -258px 58px;
    }

    .body-correct .obj_sorting {
        padding-top: 300px;
    }

    .prevent-product.cat-bg-image .col-1 {
        padding-top: 260px;
    }

    .doctor-bio {
        padding-top: 230px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 1) 90%), url(/images/f_pinnell-hero.jpg) 276px -10px;
        background-repeat: no-repeat;
        background-size: auto auto, auto 300px;
        background-position: left 50px;
    }

    .insight h1 {
        background-size: 70% auto;
    }

    .business-building .bck_video .col-1 img,
    .business-building .bck_media .col-1 img,
    .business-building .bck_woman .col-1 img,
    .business-building .bck_integrated .col-1 img,
    .business-building .bck_downloadable .col-1 img {
        margin-left: 0px !important;
    }
    /* -----------------------
	 * productDetail
	 * -------------------- */
    .pg_productDetails .overview {
        padding: 125px 20px 20px;
        padding-top: 80px;
    }

        .pg_productDetails .overview .ctn_product-picture {
            width: 200px;
            margin: 0 auto;
            float: none;
            height: 350px;
        }

    .ce-ferulic.pg_productDetails .science-default {
        background-position: center 110px;
        background-size: 200px auto;
        min-height: 0;
        padding: 0 25px;
        padding-top: 380px;
    }

        .ce-ferulic.pg_productDetails .science-default .ctn_science {
            width: auto;
        }

    .ce-ferulic .science-default > * {
        padding: 0;
    }

    .pg_productDetails .overview .str_left {
        padding: 0;
    }

    .pg_productDetails .science-default .ctn_clinical,
    .pg_productDetails .science-default .ctn_science {
        width: auto;
        float: none;
    }

    .pg_productDetails .science-results header {
        width: 100%;
    }

    .pg_productDetails .science-only {
        background-position: center 110px;
        background-size: 200px auto;
        min-height: 0;
        padding-top: 380px;
    }

        .pg_productDetails .science-only > * {
            padding: 0 25px;
        }

    .pg_productDetails .usage {
        background-position: right -100px top -50px;
        background-size: auto 500px;
    }

        .pg_productDetails .usage .str_top {
            width: auto;
        }

        .pg_productDetails .usage .str_left {
            padding-top: 0;
            margin-bottom: 20px;
        }
    /* -----------------------
	 * productDetail PRO
	 * -------------------- */
    .pg_productDetails .overview figure,
    .pg_productDetails .overview figure img {
        width: 100%;
    }

    .pg_productDetails .usage .obj_download-box .str_left {
        float: left !important;
        width: 50% !important;
    }

    .pg_productDetails .usage .obj_download-box .str_right {
        float: right !important;
        width: 50% !important;
    }
    /*********Media query by Perumal***********/
    .charters {
        padding: 128px 0px 0;
        height: auto;
    }

        .charters .content p.focus {
            padding: 0;
            margin: 0;
        }

        .charters .content h1 {
            padding-left: 0;
        }

    .pg_calendar.pg_calendar-select .generique-02 header {
        padding: 50px 0 50px 0;
    }

    .obj_rating-customers.xl span.r15 {
        position: relative;
        top: 5px;
    }

    article.review header {
        width: 25%;
    }

    .obj_carrousel.wide .slide7 figure {
        bottom: auto;
        top: 50px;
        left: 30%;
        margin-left: -67px;
        width: 135px;
        right: auto;
    }

    .obj_carrousel.wide .slide7 .content {
        width: 100%;
    }

    .obj_carrousel.wide .slide7 .banner > div {
        padding: 250px 25px 0;
    }

    .obj_carrousel.wide .item > div {
        padding: 65px 25% 0 25px;
        width: 100%;
        padding-right: 0px !important;
    }

    .obj_carrousel.wide .slide7 .banner {
        width: 100%;
    }

    .obj_carrousel.wide .item.slide3 .banner {
        left: 0;
        right: 0;
        padding-top: 0;
        width: auto;
        height: 500px;
        background: url(/images/b_banner_shield-mob.jpg) no-repeat scroll center 0 / auto 90% !important;
    }

    .box .str_left {
        width: auto !important;
    }

    .box .ctn_bt {
        left: 25px;
    }

    .box .main-center {
        padding-left: 25px;
    }

    .box header p {
        height: 28px;
        right: -35px;
    }

    .pg_protocols .ctn_detail-protocol .ctn_top h2 {
        position: static;
        width: auto;
        margin: 0 0 5px !important;
    }

    .pg_protocols .ctn_detail-protocol .ctn_top a {
        padding: 0 46px 0 0;
    }

    .pg_protocols .ctn_liste-protocol .ctn_right {
        position: static;
        margin: 0 !important;
        width: auto;
    }

    .pg_protocols .ctn_liste-protocol .ctn_left {
        border-width: 0 0 1px;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    .pg_protocols .ctn_liste-protocol {
        padding: 25px 30px;
    }

    .ctn_protocol .col-1 {
        padding-top: 100px;
    }

    .ctn_protocol {
        background-repeat-y: no-repeat;
        background-position: -221px 30px;
        background-size: auto 300px;
    }

        .pg_protocols #art2 {
            background: url("/images/f_banner_protocols.jpg");
            background-size: auto 300px;
            background-repeat: no-repeat;
            background-position: -221px -58px;
        }

        .pg_protocols section#art2 {
            background: none;
        }

        .pg_protocols #art1 section {
            padding-bottom: 0;
        }

        .pg_protocols #art2 .obj_hero {
            padding-top: 1px;
        }

        .pg_protocols .obj_hero {
            /* padding: 300px 25px 0;*/
            background: none;
        }

    .container .obj_hero > div,
    .container div.main .obj_carrousel.wide .item > div {
        padding: 65px 56.770833% 0 25px;
        width: auto;
    }

    .charters .content h1 strong {
        font-size: 45px;
        line-height: 1em;
    }

    .downloadable .container-bottom {
        margin: 0px;
        width: auto !important;
    }

        .downloadable .container-bottom .str_left,
        .downloadable .container-bottom .str_right {
            clear: both;
            float: none !important;
            width: 100% !important;
            position: relative !important;
        }

    .downloadable .str_left .ctn_filter > li {
        clear: both;
    }

    .downloadable .str_left .ctn_filter li li {
        width: 33%;
        float: left;
    }

    .downloadable .str_right,
    .training.downloadable .str_right {
        padding-left: 0;
    }

    .downloadable .ctn_products {
        left: 0;
    }

    .pg_calendar .obj_upcoming .content ul {
        width: 55%;
        margin: 0 auto;
    }

    .pg_calendar .generique-02 header > * {
        width: auto;
    }

    .pg_calendar .ctn_liste-workshop div {
        background-size: 35.593220% auto;
        padding-left: 38.983050%;
    }

    .pg_calendar .ctn_liste-workshop div {
        background-size: 100% 60%;
        padding: 350px 0px 0px 0px;
    }

    .skinc-rewards .image-description + h1 + h2 {
        width: 100%;
    }

    .ctn_protocol header,
    .ctn_protocol .content {
        width: 100%;
    }

    .pg_calendar section.bck_soins > div,
    .pg_calendar section.bck_medecins .ctn_top {
        background-size: contain;
        padding: 370px 9.895833% 0 1.666666%;
    }

    .obj_skinbox .lazyload img {
        width: 245px;
        height: 241px;
    }

    .obj_skinbox dl a span {
        /*  font-size: 6px; //comment for artf1790920 */
    }

    .obj_carrousel.wide .item > div {
        padding: 65px 25% 0 25px;
        width: auto;
    }

    .slide6 .banner div {
        width: 40%;
    }

    .slide6 figure {
        width: 35% !important;
    }
    /*.obj_carrousel.wide .item.slide4 {height: 730px;}*/
    .slide3 .ctn_product .v_Phlorentin {
        left: 155px;
    }

    .slide3 .ctn_product .v_Mineral {
        padding-left: 6%;
    }

    .obj_carrousel.wide .item.item1 {
        /*height: 500px !important;*/
        padding-top: 60px;
        background: url(/images/bg_banner_mob.jpg) no-repeat center bottom #211a3f !important;
    }

    .slide6 .banner div {
        display: block;
        float: none;
        width: 100%;
    }

    .slide6 figure {
        height: auto;
        float: none;
        width: 100%;
        margin-top: 50px;
    }

    .slide6 .banner header {
        margin: 0 0 0px;
    }
}

@media screen and (max-width: 480px) {
	.obj_carrousel.wide .item.slide4 .ctn_header h1{
margin-top: 17px;
}
.slide4 .ctn_header h4{
margin-top:0;
}
	.pg_mediaRessources.skinceuticals .obj_media_ressources span.media-header-title {
    top: 0;

}
	.pg_myskinceuticals .myskinceuticals .account .str_left {
    padding-right: 0!important;
}

	.downloadable .str_right .wrapper {
    width: 78% !important;
	margin: 0 auto!important;
}
	.skinceuticals .entete .str_right .bt_video a {
    height: auto!important;
}
    /***********Media query by Midun*********/
    .ctn_details .shopping {
        overflow: hidden;
    }

    .antioxidant .content {
        height: auto;
    }

    .science-landing #content {
        padding-top: 100px;
    }

    .myskinceuticals .account .obj_form.register #myAccountRegisterForm input {
        width: 100%;
    }

    .triple-lipid section:first-child {
        padding-top: 120px;
    }

    .logo {
        margin-left: 16%;
    }

    .nav-mobile .top button {
        width: 60px;
        height: 74px;
        background-size: 20px auto;
    }

    .obj_carrousel.wide .item.slide2 header h2 {
        font: 24px/24px "FuturaBT-Heavy", arial !important;
        letter-spacing: 1px;
    }

    .phytocorrective #Hero {
        margin-left: -10px;
    }

    .phytocorrective .obj_carrousel.wide .item.slide2 header h2 {
        font: 24px/24px "FuturaBT-Heavy", arial !important;
        letter-spacing: 1px;
    }

    .dictionary .nav li {
        min-width: 20px;
    }

    .obj_skinbox {
        width: auto;
        margin-top: 20px;
    }

        .obj_skinbox .cube {
            width: auto;
            margin: 0;
            padding: 250px 0 0;
        }

        .obj_skinbox dl {
            position: static;
            width: auto;
            height: auto;
            background: none;
        }

        .obj_skinbox dt {
            position: static;
            text-align: left;
            font-size: 12px;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #eee;
        }

            .obj_skinbox dt a {
                position: static;
                width: auto;
                height: auto;
                line-height: 1.2em;
                background: none;
                cursor: default;
            }

                .obj_skinbox dt a:hover {
                    color: #000;
                }

                .obj_skinbox dt a.disabled {
                    color: #ccc;
                }

                .obj_skinbox dt a span {
                    background: none;
                    padding: 0;
                    display: inline;
                }

                    .obj_skinbox dt a span br {
                        display: inline;
                    }

        .obj_skinbox dd {
            display: block;
        }

        .obj_skinbox .lazyload {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -107px;
        }

    .obj_popin .ctn_player,
    .obj_popin .ctn_player iframe {
        width: 270px;
        height: 152px;
    }
    /* -----------------------
	 * dictionary - OK
	 * -------------------- */
    .dictionary .nav {
        margin-bottom: -65px;
    }

    .dictionary .char {
        margin-bottom: -75px;
        padding-top: 75px;
    }
    /* -----------------------
	 *   int-skincare
	 * -------------------- */
    .obj_int-skincare.equation > * {
        height: 530px;
    }

    .obj_int-skincare.equation .icone,
    .obj_int-skincare.equation .result {
        display: block;
        margin: 0;
    }

    .obj_int-skincare.equation p {
        margin: 0;
    }
    /* * obj benchmarks
	 * -------------------- */
    .pg_calculator .obj_benchmarks table tr {
        display: block;
        padding: 5px 0;
    }

        .pg_calculator .obj_benchmarks table tr:first-child {
            display: none;
        }

        .pg_calculator .obj_benchmarks table tr td:first-child {
            font-family: 'FuturaBT-Bold', arial;
        }

        .pg_calculator .obj_benchmarks table tr td {
            display: block;
            text-align: left !important;
        }

            .pg_calculator .obj_benchmarks table tr td[data-th]:before {
                display: inline-block;
            }

    .data caption {
        height: auto !important;
    }

    .dictionary .equation {
        height: 100% !important;
    }

    .obj_int-skincare.equation h3 {
        font-size: 25px !important;
        padding: 0;
        margin-left: 0;
    }

    .obj_img-text.free-radicals > div {
        margin: 0;
    }

    .obj_img-text.free-radicals {
        margin-bottom: 140px;
    }

    .obj_rating-customers span {
        top: 0px;
    }

    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media h1 {
        font-size: 34px;
    }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a {
            height: 6.25em;
        }

        .pg_mediaRessources .obj_media_ressources .ctn_navigation_media li a {
            width: 6.5em;
        }

    .pg_mediaRessources .ctn_intro_media img {
        float: none;
        width: 220px;
        display: block;
        margin: 0 auto !important;
        position: relative;
        left: -20px;
    }

    .pg_mediaRessources .ctn_intro_media p {
        float: none;
        padding-top: 20px;
        width: auto;
    }

    .pg_mediaRessources .ctn_intro_media,
    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media {
        padding: 0;
    }

    .pg_mediaRessources .obj_media_ressources .ctn_navigation_media {
        font-size: 10px;
    }

    span.media-header-title {
        top: -28%;
        font-size: 8px;
    }

    .pg_integrated-skincare .obj_int-skincare.equation > * {
        height: 530px;
    }

    .pg_integrated-skincare .obj_int-skincare.equation .icone {
        margin: 0 auto;
    }

    .calc {
        margin-top: 10px;
    }
    /* -----------------------
	 * skinExplained_TypesAndConditions
	 * -------------------- */
    .description header {
        padding-left: 0;
    }

    .description figure {
        float: none;
        width: 70px;
        margin: 0 auto;
    }

    .description .ctn_article-content {
        float: none;
        width: auto;
    }

    .description footer {
        padding-left: 0;
    }

    .downloadable .str_left .ctn_filter li li {
        width: 33%;
    }

    .cat-bg-image {
        background-size: 300px;
        background-position: center top;
        height: auto;
        padding-top: 10px;
    }

    .cleansers.cat-bg-image {
        background-size: 480px;
        background-position: -158px 45px;
        height: auto;
        padding-top: 10px;
    }

        .cleansers.cat-bg-image .col-1 {
            padding: 250px 0 0 0;
        }

    .philosophy {
        background-size: 600px;
        background-position: -258px 58px;
    }

    .quinconce .container > header h1 {
        font-size: 34px;
    }

    .doctorprofile.top h1 {
        font-size: 34px;
    }
    /* -----------------------
	 * productDetail
	 * -------------------- */
    .pg_productDetails .overview .ctn_review li:first-child {
        float: none;
    }

        .pg_productDetails .overview .ctn_review li:first-child + li {
            margin: 0;
            padding: 0;
            border: none;
        }

    .pg_productDetails .science-results:before {
        display: block;
        height: 220px;
    }

    .pg_productDetails .science-results {
        background: none;
        padding-top: 270px;
    }

        .pg_productDetails .science-results .ctn_pictures-and-icons {
            padding-left: 0;
        }

    .pg_productDetails .usage {
        background-position: right -150px top -50px;
        padding: 197px 25px;
    }
    /* -----------------------
	 * productDetail PRO
	 * -------------------- */
    .pg_productDetails .overview .ctn_details > div {
        float: none;
        padding: 0 0 20px;
        margin: 0 0 20px;
        width: auto !important;
        background: none !important;
        border-bottom: 1px dotted #ccc;
    }

    .pg_productDetails .media .str_top header.clearfix {
        padding: 0 100px 0 0;
        background-position: right top;
        background-size: auto 70px;
        height: auto;
    }

    .pg_productDetails .usage .obj_download-box > div,
    .pg_productDetails .usage .obj_download-box .str_left {
        float: none !important;
        width: auto !important;
    }

    .pg_sitemap article.generique .col {
        width: 100%;
        float: none;
    }

    .pg_myskinceuticals #content {
        padding: 0;
    }
    /******Home page***/
    .mission .ctn_info .str_left {
        padding: 0 0 20px;
        margin: 0 0 20px;
        border-bottom: 1px dotted #ccc;
        background: none;
    }

    .obj_links-skinExplained > div.calendar,
    .obj_links-skinExplained > div .content {
        padding-top: 90px !important;
    }

    .obj_links-skinExplained > div {
        padding: 0 !important;
    }

    .obj_product-2 {
        max-width: none;
    }

        .obj_product-2 .ctn_figure {
            left: -20px;
        }

            .obj_product-2 .ctn_figure img {
                height: 183px;
            }

        .obj_product-2 .content {
            padding: 0px 0 40px 107px;
            min-height: 0;
        }

    .obj_logo {
        width: 52px;
        height: 52px;
        background-size: 100% auto;
    }

    .obj_carrousel.wide .item.slide2 header h1,
    .obj_carrousel.wide .item.obj_CalmCool header h1 {
        font: 40px/40px "FuturaBT-Light", arial;
    }

    .obj_carrousel.wide .item.slide4 .banner {
        padding: 0 6px;
    }
    /*artf1790745 #1.Samsung S7 - Blue circle displays.*/
    .home .slide2 {
        height: 460px !important;
    }

    .slide2 header h1 {
        margin: 0 0 30px;
    }

    .obj_carrousel.wide .item.slide2 header h1 {
        font: 24px/24px "FuturaBT-Heavy", arial;
        letter-spacing: 1px;
    }

    .obj_CalmCool header p {
        font: 16px/16px "FuturaBT-Book", arial;
    }

    .obj_CalmCool .ctn_product figure img {
        width: 150px;
    }

    .ozone-pollution section.ctn_science {
        height: auto;
        padding: 25px !important;
    }

        .ozone-pollution section.ctn_science header {
            width: 100%;
            max-width: inherit;
        }

        .ozone-pollution section.ctn_science .ctn_products {
            width: 100%;
            padding: 0;
        }

            .ozone-pollution section.ctn_science .ctn_products figure {
                width: 48%;
            }

                .ozone-pollution section.ctn_science .ctn_products figure img {
                    max-width: 100px;
                }

    #Reactivity header {
        margin: 0 0 0;
    }

    #Reactivity .ctn_action.left,
    #Reactivity .ctn_action.right {
        height: auto;
    }

    #Reactivity .ctn_schema_left {
        float: none;
    }

    #Reactivity .ctn_action p {
        text-align: left;
    }

        #Reactivity .ctn_action p br {
            display: none;
        }

    #Reactivity .ctn_action.right > p {
        padding: 0 20px;
    }

    #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge img {
        height: 218px;
        margin-top: -93px;
        width: auto;
    }

    #PostProcedure .ctn_infrarouge figure img {
        width: 218px;
    }

    #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge .t_legende_infrarouge_1 {
        text-align: left;
    }

    #PostProcedure .ctn_infrarouge .ctn_legende_infrarouge .t_legende_infrarouge_2 {
        text-align: right;
    }

    #trip-Section_01 article .content ul li {
        float: none;
        margin: 0px auto 25px auto;
    }

    .triple-lipid #Section_02 {
        padding: 20px;
    }

        .triple-lipid #Section_02 article .content figure {
            height: 140px;
            width: 240px;
        }

            .triple-lipid #Section_02 article .content figure figcaption h4 {
                top: 25%;
                font: 10px/10px "FuturaBT-Medium", Arial;
            }

                .triple-lipid #Section_02 article .content figure figcaption h5 span {
                    font: 12px/12px "FuturaBT-Medium", Arial;
                }

                    .triple-lipid #Section_02 article .content figure figcaption h5 span strong {
                        font: 30px/30px "FuturaBT-Medium", Arial;
                    }

                .triple-lipid #Section_02 article .content figure figcaption h5 span {
                    width: 75px;
                }
        /***/
        .triple-lipid #Section_03 article .content .ctn_left,
        .triple-lipid #Section_03 article .content .ctn_right {
            width: 280px;
        }

            .triple-lipid #Section_03 article .content .ctn_left .obj_before-after > div,
            .triple-lipid #Section_03 article .content .ctn_left .obj_before-after figure img {
                height: 280px;
                width: 280px;
            }

            .triple-lipid #Section_03 article .content .ctn_right ul li {
                height: 90px;
                width: 280px;
                padding: 20px 0px 20px 35px;
                font: 14px/14px "FuturaBT-Light", Arial;
                background-size: 100%;
            }

                .triple-lipid #Section_03 article .content .ctn_right ul li span {
                    font: 28px/28px "FuturaBT-Light", Arial;
                }

    #comprehensive article .content .ctn_left,
    #comprehensive article .content .ctn_center {
        margin-right: 0%;
    }

        #comprehensive article .content .ctn_left p br,
        #comprehensive article .content .ctn_center p br,
        #comprehensive article .content .ctn_right p br {
            display: none;
        }

    .ozone-pollution .Section_01 figure {
        width: 280px;
        margin: 0 auto 40px 0;
    }

        .ozone-pollution .Section_01 figure legend .title_01 {
            top: 80px;
            font: 9px/10px "FuturaBT-Bold", Arial;
        }

        .ozone-pollution .Section_01 figure legend .t_01 {
            top: 85px;
            left: 20px;
            font: 8px/9px "FuturaBT-Bold", Arial;
        }

        .ozone-pollution .Section_01 figure legend .title_02 {
            top: 113px;
            font: 9px/10px "FuturaBT-Bold", Arial;
        }

        .ozone-pollution .Section_01 figure legend .t_02 {
            top: 122px;
            left: 20px;
            font: 8px/9px "FuturaBT-Bold", Arial;
        }

        .ozone-pollution .Section_01 figure legend .t_03 {
            left: 20px;
            top: 170px;
            font: 8px/9px "FuturaBT-Bold", Arial;
        }

    .slide5 h1 strong {
        font: 40px/40px "FuturaBT-Light", arial;
    }

    .obj_carrousel.wide .item.slide5 .obj_header h2 {
        font: 20px/20px "FuturaBT-Medium", arial;
    }

    .slide5 .obj_header p {
        font: 14px/14px "FuturaBT-Light", arial;
    }

    .obj_carrousel.wide .item.slide5 h1 {
        font: 22px/22px "FuturaBT-Light", arial !important;
    }

    .obj_carrousel.wide .item.slide5 > div {
        padding: 58px 30% 0 25px;
        width: auto;
        padding-right: 30% !important;
    }

    .slide5 .obj_legende p {
        font: 10px/12px "FuturaBT-Medium", arial;
    }

    .slide5 .obj_legende {
        left: auto;
        height: auto;
        padding: 15px 30px 15px 60px;
        background-size: auto 100%;
		right: 124px;
		bottom: 109px !important;
		width: 211px;
    }

    .cat-sub .cat-bg-image .col-1 {
        padding: 300px 0 0 0;
    }

    .cat-bg-image .col-1 h1 {
        font-size: 34px;
    }

    .coorective-creams.cat-bg-image {
        background-position: -712px 45px;
    }

    .skinbg-overlap .cat-bg-image .col-1 {
        padding-top: 350px;
    }

    .skinbg-overlap .skin-condition.cat-bg-image .col-1 {
        padding-top: 375px;
    }
    /***********Media query by Perumal*********/
    .doctor-bio .obj_carrousel .item {
        padding: 0px;
    }

    .doctor-bio .obj_carrousel .masque {
        /* margin: 0 47px 0px 30px;*/
        margin: 0 0 0 -7px;
    }

    .obj_carrousel .nav.arrow li a {
        height: 27px;
    }

    .doctor-bio .obj_carrousel .nav a {
        top: 100px;
    }

    .pg_calendar .obj_skinc-center {
        background-size: 325px 206px;
    }

    .obj_CalmCool .ctn_product figure img {
        right: -1%;
    }

    .obj_CalmCool .ctn_text ul {
        width: 96%;
    }

    .phytocorrective #Hero {
        margin-left: -8px;
    }

    .phytocorrective #Hero {
        height: 580px !important;
    }

    /*.user-login #content {
        padding-top: 120px !important;
    }*/

    #MyEducation .obj_table-reports tbody {
        display: grid;
        height: auto;
        overflow: visible;
    }

    .obj_links-skinExplained > div.calendar {
        padding-top: 10px !important;
        padding-left: 90px !important;
    }

    .myskinceuticals .obj_shadow-box .sb-bottom #MyEducation.onglet.open {
        padding-bottom: 50px;
    }

    .downloadable .str_right .wrapper {
        width: 77% !important;
    }

    .ctn_protocol {
        background-position: -307px 30px;
    }

        .pg_protocols #art2 {
            background-position: -311px -50px;
        }

    .pg_clinical .clinical .box .str_left {
        padding: 0;
    }

    .box .str_right {
        position: static;
        width: auto !important;
        text-align: center;
    }

    .entete .str_right .bt_video {
        width: 364px !important;
        padding: 3px 14px 0;
        height: 147px;
        left: -47px;
    }

        .entete .str_right .bt_video a {
            height: 102px !important;
            background-position: -14px -3px;
            background-size: 115.3846153% auto;
        }

    .clinical .entete header h1 {
        font-size: 34px;
    }

    .box .str_left {
        clear: both;
        float: none !important;
        width: 100% !important;
    }

    .box .str_right li .b_video {
        top: 0px;
        left: -7px;
    }

    .pg_calendar .obj_upcoming .content ul {
        text-align: center;
        width: auto;
    }

    .pg_calendar .obj_upcoming .content li {
        font-size: 14px;
        display: block;
        margin: 0 10px 10px;
        width: auto;
    }

        .pg_calendar .obj_upcoming .content li > span {
            min-height: 0;
        }

    .pg_calendar .obj_upcoming .content .info {
        position: static;
        margin-bottom: 10px;
    }

    .pg_calendar .ctn_top a {
        background-position: center bottom;
        padding: 0 0 30px;
    }

    .ctn_protocol header,
    .ctn_protocol .content {
        width: 100%;
    }

    .downloadable .str_left .ctn_filter li li {
        width: 50% !important;
    }

    .ctn_details .inner-details {
        overflow: hidden;
    }

    .report-container {
        margin-top: 0px;
    }

    article.media.ctn_coverflip.pg_print.print {
        margin: 1px -24px;
    }

    .pg_print .scrollbar {
        padding-right: 0px !important;
    }

    .obj_skinbox .lazyload {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -107px;
    }

    .obj_skinbox .cube {
        width: auto;
        margin: 0;
        padding: 250px 0 0;
    }

    .training.downloadable .ctn_products .item {
        /*margin: 0px;*/
        margin: 0px 0px 20px 15px;
    }

    .logo img {
        width: 260px;
    }

    .hanging-container {
        display: none !important;
    }

    .Hero-container {
        background-position: right 77% bottom 0 !important;
    }

    .section-tab-content-carrousel article header h2,
    .section-tab-content-carrousel article header h2,
    .section-skinctab article header h2,
    .Section_03 article header h2 {
        line-height: 20px;
    }

    .Hero-container .banner .ctn_header .str_right a {
        left: 128px;
    }

    .Hyaluronic-acid-in-skin {
        padding: 0px;
    }

    .slide3 .ctn_product {
        width: 100%;
    }

    .obj_carrousel.wide .item.slide5 h1 {
        font: 40px/40px "FuturaBT-Light", arial;
    }

    .slide5 {
        background-position: right bottom;
        background-size: 479px auto;
        height: 525px !important;
    }

        .slide5 .obj_legende {
            /*right: 123px; commented forartf1790745
    width: 160px;*/
        }

    .obj_carrousel.wide .item.slide4 .ctn_header h1 {
        font: 20px/20px "FuturaBT-Heavy", Arial !important;
    }

    .banner_TripleLipid {
        width: 35%;
    }

    .obj_carrousel.wide .item.slide7 h1 {
        font: 42px/1.2em "FuturaBT-Book", arial !important;
    }

    .obj_carrousel.wide .slide7 > div {
        padding: 250px 25px 0;
    }

    .obj_carrousel.wide .item.slide6 h1 {
        font-size: 28px !important;
        line-height: 25px !important;
    }

    .obj_carrousel.wide header h2 {
        font: 12px/14px "FuturaBT-Medium", arial !important;
        width: 100% !important;
    }

    .slide6 figure img {
        max-height: 400px;
    }

    #Hero-triplelipid .banner {
        padding: 0px;
    }

        #Hero-triplelipid .banner .ctn_header ul {
            position: relative;
            left: 0px;
            margin-top: 0px;
        }

        #Hero-triplelipid .banner .ctn_header h4 {
            margin-top: 15px;
        }

    .obj_table-reports .back td {
        width: auto;
    }

    .obj_carrousel .wide .items .slide2 {
        padding-left: 0px;
    }

    .clinical-study.container,
    .ctn_education.container,
    .obj_links-skinExplained .calendar,
    .mission.container {
        padding: 0px 25px;
        width: 95% !important;
    }

    .skinceuticals .obj_links-skinExplained .calendar {
        width: auto !important;
    }

    .mission .ctn_info {
        left: -12px;
    }

    .cart-desktop {
        display: none;
    }

    .cart-mobile {
        display: block;
    }

    body {
        max-width: 100%;
        overflow: hidden;
        /*overflow-y: auto;*/
        box-sizing: border-box;
    }

    .antioxidant iframe {
        width: 100%;
        height: 40%;
    }

    .home #content {
        clear: both;
    }

    .cat-bg-image {
        margin-top: 100px;
    }

        .cat-bg-image .col-1 {
            padding: 200px 0 0 0;
        }

    .apply-like-an-expert {
        padding: 0 20px;
    }

    .section-skinctab header {
        padding: 0px 20px 0px 25px;
    }

    .section-skinctab {
        margin-top: 0px;
    }

        .section-skinctab .str_tab-menu-regimen {
            height: auto;
        }

    .philosophy {
        background-position: -261px -40px;
    }

    .downloadable article {
        /*  width: auto; comment for artf1768467 */
    }

    .business-building section {
        margin-bottom: 50px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 320px) {
    .pg_calendar .generique-02 header .obj_calendar-select {
        margin: 20px 0 0 -20px;
    }

    #registerForm .alignright {
        margin-left: 0px;
    }
}



/*ipad media query*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .cart-desktop {
        display: block;
    }

    .cart-mobile {
        display: none;
    }

    .section-tab-content-carrousel article header h2,
    .section-skinctab article header h2 {
        padding-top: 5px;
    }
    /*.navigation .component-content,
    .navigation .component-content .submenu ul {
        width: 920px !important;
        margin: 0 auto;
    }*/
    .submenu-container {
        padding-left: 40px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .mission .obj_links-skinExplained .calendar {
        margin-left: -40px;
        padding-left: 150px !important;
    }

    .pg_mediaRessources #content {
        background: none;
        padding-top: 10px;
    }

    .user-login #content {
        padding-top: 150px;
    }

    section#tabcontentcarrousel {
        margin-left: 25px;
    }

    section#comparebanner {
        margin-left: 25px;
        margin-right: 25px;
        width: 95%;
    }

    section#skinctab header {
        margin-left: 25px;
    }

    .apply-like-an-expert {
        padding: 0 25px;
    }

        .apply-like-an-expert .col-2 {
            text-align: center;
        }

    #MyEducation .obj_select {
        width: 195px;
    }

    #MyEducation .obj_table-reports td {
        padding: 5px 0 9px 400px !important;
    }

    #MyEducation .obj_table-reports .listHeader {
        display: none;
    }

    .myskinceuticals .obj_shadow-box .sb-bottom #MyEducation.onglet.open {
        padding-bottom: 50px;
    }

    .cart-desktop {
        display: none;
    }

    .cart-mobile {
        display: block;
    }

    .hanging-container {
        display: none !important;
    }

    article.media.ctn_coverflip.pg_print.print {
        margin: 1px -24px;
    }

    .myskinceuticals .obj_table-reports td {
        display: block;
        padding: 5px 0 9px 500px !important;
        border-bottom: 1px solid #e8e8ed;
    }

    .obj_table-reports .back td {
        width: auto;
    }

    .banner .ctn_header .str_left {
        margin-top: 0px;
    }

    .training.downloadable .str_right .wrapper {
        width: 510px !important;
    }

    .section-tab-content-carrousel article header h2,
    .section-skinctab article header h2 {
        padding-top: 5px;
    }

    .section-skinctab {
        margin: 80px auto 50px;
    }

        .section-skinctab article header h2 {
            padding: 0 0 14px;
        }

        .section-skinctab .str_tab-menu-regimen {
            height: 58px;
            padding: 0;
        }

        .section-skinctab h3:hover,
        .section-skinctab5 h3.on {
            background: #1d0f46;
        }

        .section-skinctab h3 {
            float: left;
            position: relative;
            display: block;
            width: 33%;
            height: 58px;
            line-height: 58px;
            margin: 0 0.5% 0 0;
            padding: 0;
            box-sizing: border-box;
            vertical-align: middle;
            border-radius: 20px 20px 0 0;
            border: 1px solid #1d0f46;
            background: #fff;
            transition: all ease 0.2s;
        }

            .section-skinctab h3:hover a,
            .section-skinctab h3.on a {
                font: 16px/20px "FuturaBT-Bold", Arial;
                color: #2e9ebe;
            }

            .section-skinctab h3 a {
                display: inline-block;
                width: 100%;
                font-size: 0;
                box-sizing: border-box;
                color: #1d0f46;
                font: 16px/20px "FuturaBT-Light", Arial;
                text-transform: uppercase;
                text-align: center;
                vertical-align: middle;
                text-decoration: none;
            }

            .section-skinctab h3:nth-child(3) {
                margin: 0;
            }

        .section-skinctab .str_tab-content {
            position: relative;
            height: 542px;
            padding: 40px 0 0 0;
            box-sizing: border-box;
            background: #1d0f46;
        }

            .section-skinctab .str_tab-content .ctn_figure {
                position: relative;
                display: block;
                width: 25%;
                height: 440px;
                float: left;
            }

            .section-skinctab .str_tab-content figure {
                position: absolute;
                bottom: 0;
                margin: 0;
                text-align: center;
                left: 50%;
                transform: translate(-50%, 0);
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
            }

            .section-skinctab .str_tab-content .ctn_figure:after {
                content: "";
                position: absolute;
                top: 50%;
                right: -16px;
                display: block;
                width: 33px;
                height: 33px;
                background: url(/images/i_plus2.png) left center / 33px auto;
            }

            .section-skinctab .str_tab-content figure img {
                display: inline-block;
                margin: 0 auto;
            }

            .section-skinctab .str_tab-content figure figcaption {
                height: 40px;
                padding: 30px 0 0;
                font: 16px/20px "FuturaBT-Light", Arial;
                text-transform: uppercase;
                text-align: center;
                color: #fff;
                vertical-align: text-bottom;
            }

        .section-skinctab .b_gradient {
            display: none;
            height: 32px;
            line-height: 32px;
            padding: 0 25px;
            margin-top: 20px;
            border: 1px solid #cbd4d8;
            background: #f5f5f5;
            background: -webkit-linear-gradient(top, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
            background: linear-gradient(to bottom, #f5f5f5 0%, #e9eef0 50%, #dde4e7 51%, #f7f8f9 100%);
        }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .section-skinctab .str_tab-content .ctn_figure {
        position: relative;
        display: block;
        width: 25%;
        height: 440px;
        float: left;
    }

    .section-skinctab .str_tab-content figure {
        position: absolute;
        bottom: 0;
        margin: 0;
        text-align: center;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }

    .section-skinctab .str_tab-content {
        position: relative;
        height: 542px;
        padding: 40px 0 0 0;
        box-sizing: border-box;
        background: #1d0f46;
    }

    .section-skinctab h3:hover,
    .section-skinctab h3.on {
        background: #1d0f46;
    }

    .section-skinctab h3:nth-child(3) a {
        height: 100%;
        line-height: 58px;
    }

    .section-skinctab article header h2 {
        padding: 0 0 14px;
        font: 22px/16px "FuturaBT-Bold", Arial;
        color: #008ab0;
        letter-spacing: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #d1d3d4;
        margin-bottom: 20px;
    }

    .section-skinctab .str_tab-content .ctn_figure:last-child:after {
        background: none;
    }

    .section-skinctab .str_tab-content figure img,
    .section-skinctab .ctn_figure.var_pot img {
        max-height: 100%;
        max-width: 100%;
    }

    .section-skinctab h3::after {
        background: none;
    }

    .cat-bg-image {
        margin-top: 100px;
        background-position: right center;
    }

        .cat-bg-image .col-1 {
            padding: 200px 0 0 0;
            width: 400px;
        }

    #registerForm .alignright {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .apply-like-an-expert {
        padding: 0 15px;
    }

    .section-skinctab header {
        margin: 0px 20px;
    }

    .apply-like-an-expert .col-2 {
        text-align: center;
    }
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    .pg_calendar .obj_upcoming .content .info {
        font-size: 12px;
    }

    .pg_calendar .guest {
        padding: 4px 8px;
    }

    .Hyaluronic-acid-in-skin header {
        padding: 40px 320px 0px 40px;
    }

    .Hyaluronic-acid-in-skin .readmore a {
        padding: 0px 494px 60px 43px;
        position: relative;
        top: -50px;
    }

    .obj_form.register.log-in,
    .obj_form.register.reset-pwd {
        padding: 0px 0 100px;
    }

    #registerForm .alignright {
        margin-left: 0px;
    }
}


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation: landscape) {
    div.main .obj_nav-hexa {
        top: 33%;
    }
}

@media only screen and (max-device-width: 667px), only screen and (max-device-width: 736px) and (orientation: landscape) {
    /*.obj_form.register.log-in,
	.obj_form.register.reset-pwd {
		padding: 120px 0 100px;
	}*/
}

@media only screen and (max-device-width: 375px), only screen and (max-device-width: 414px) and (orientation: portrait) {
    .obj_form.register.log-in,
    .obj_form.register.reset-pwd {
        padding: 10px 0 100px;
    }

    #registerForm .alignright {
        margin-left: 0px;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) and (-webkit-device-pixel-ratio: 3) {
    .doctor-bio .obj_carrousel .masque {
        margin: 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .order_history {
        border: 0 !important;
    }

        .order_history thead {
            display: none;
        }

        .order_history tr {
            margin-bottom: 10px;
            display: block;
        }

            .order_history tr:after {
                content: "";
                display: table;
                clear: both;
            }

            .order_history tr:before {
                display: block;
                border-bottom: 2px solid #ddd;
            }

        .order_history td {
            box-sizing: border-box;
            display: block;
            float: left;
            clear: left;
            width: 100%;
            text-align: right;
            font-size: 13px;
            border-bottom: 1px dotted #ccc;
        }

            .order_history td:first-child {
                text-align: center;
            }

            .order_history td:last-child {
                border-bottom: 0;
            }

            .order_history td:before {
                content: attr(data-label);
                float: left;
                text-transform: uppercase;
                font-weight: bold;
            }
}

@media screen {
    .header-disable-print #header {
        display: none;
    }
}

@media print {
    .pg_print .page {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;
        page-break-inside: avoid;
    }

    @page {
        size: A4;
        margin: 0;
    }

    .obj_certificat img {
        margin-left: -25px;
    }
}

@media(max-width:768px) {
    .mission .obj_links-skinExplained {
        max-width: 100% !important;
    }

    .filter-container .filter-label {
        float: left;
    }

    .filter-container .filter-contents {
        float: left;
        width: 60%;
    }

    .pg_calendar .filter-container span[role=combobox] {
        margin-bottom: 10px;
    }

    .filter-container {
        border-bottom: 0px;
    }

    .report-detail-container {
        width: 94%;
        padding: 10px 10px;
    }

        .report-detail-container .right-side {
            width: 33%;
        }

        .report-detail-container .right-side {
            padding: 8px 0px;
        }

    .pg_calendar a.b_round,
    .pg_calendar .b_round,
    .pg_calendar .guest {
        height: 22px;
        line-height: 15px !important;
    }

        .pg_calendar .obj_upcoming .content .register,
        .pg_calendar .guest.lead {
            bottom: 35px;
        }
}

@media(max-width:767px) {
    .box .str_left {
        padding-right: 0;
    }

    .product-popup-container {
        width: 85%;
    }

        .product-popup-container .image-container {
            width: 20%;
            float: left;
        }

        .product-popup-container .product-description-container {
            width: 78%;
            float: left;
        }

            .product-popup-container .product-description-container .select-container {
                width: 100%;
            }

                .product-popup-container .product-description-container .select-container div {
                    width: 100%;
                    margin-bottom: 15px;
                }

                    .product-popup-container .product-description-container .select-container div label {
                        width: 19%;
                        float: left;
                        text-align: right;
                        margin-top: 6px;
                    }

                    .product-popup-container .product-description-container .select-container div select {
                        width: 75%;
                        float: right;
                        margin-left: 0px;
                    }

        .product-popup-container ul li {
            margin-bottom: 10px;
            float: none;
            width: 100%;
        }

        .product-popup-container .product-description-container h2 {
            margin-bottom: 15px;
            font-size: 15px;
        }

        .product-popup-container .product-description-container .select-container {
            margin-bottom: 10px;
        }

        .product-popup-container ul li input[type='button'] {
            width: 100%;
        }

        .product-popup-container .image-container img {
            width: 100%;
            height: 250px;
        }

        .product-popup-container ul {
            margin-top: 0px;
        }

    .orders-details .products {
        overflow-x: scroll;
    }

    .plain-html .component-content .container {
        border: 0px solid red;
        overflow: auto;
        float: left;
    }

    .image.logo {
        border: 0px solid red;
        width: 270px;
        float: left;
        margin-left: 16%;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .full-width .options .show-carts, .full-width .options .show-order {
        display: none;
    }

    .header-search-container {
        width: 7%;
        float: right;
        background: #fff;
        height: 35px;
        margin-top: 20px;
        margin-right: 6px;
        border: 0;
    }

        .header-search-container input[type='text'] {
            display: none;
        }

        .header-search-container button {
            float: right;
            width: 25px;
            height: auto;
            background: #fff;
            border: 0;
            box-shadow: none;
            padding: 1px 0px;
            cursor: pointer;
            outline: 0;
            margin-top: 1px;
        }

            .header-search-container button img {
                position: static;
                top: 0;
                width: 100%;
                height: auto;
            }

        .product-popup-container .image-container img {
            width: 100%;
            height: auto;
            margin-top: 50% !important;
        }

        .product-popup-container .shopping label {
            width: 63px;
        }

    .search-container .product-list-container .image-container {
        width: 100%;
    }

    .search-container .product-list-container .description-container h4 a {
        font-size: 14px !important;
    }
}

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

.forgot {
    float: right;
    margin-top:-16px;
    
}

p.ctn_bt { padding:0; margin:0px;}

.obj_form.register.log-in .ctn_bt {width:100%!important; margin-top:20px; }

.user-login .obj_form.register .str_left .ctn_bt input { font-size:16px;
}

    /*.orders-details table {
		width:1000px;
	}
	.nav-tabs.retail-tabs {
		width: 1000px;
	}
	.container{width:1000px;}*/
    .orders-details table {
        table-layout: initial;
    }

    .orders-details .order-cost {
        width: 100%;
    }

    .orders-details .retail-tabs li {
        width: 100%;
        margin-bottom: 5px;
    }

    .search-container .inner-container .tab-container .products-tab,
    .search-container .inner-container .tab-container .article-tab,
    .search-container .inner-container .tab-container .event-tab {
        padding: 14px 7px;
        width: 100%;
        margin: 4px 0px;
    }

    .search-container .inner-container .tab-container {
        width: 100%;
    }

    .search-container .inner-container .searching-container {
        width: 60%;
    }



    .search-container .product-list-container .description-container a {
        font-size: 14px;
    }

    .search-container .product-list-container .description-container h4 {
        font-size: 18px;
    }

    .full-width .options .show-carts, .full-width .options .show-order {
        display: none;
    }

    .image.logo {
        margin-left: 16%;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    #header.main .full-width > button, .nav-mobile .navigation-main {
        top: 10px;
    }

    .header-search-container {
        margin-top: 25px;
        margin-right: 5px;
    }

    .popover-container-body .header-popover {
        width: 390px;
        height: 250px;
        position: fixed;
        top: 150px;
        background: #fff;
        z-index: 999;
        border-radius: 10px;
        left: 50%;
        margin: 0 0 0 -200px;
        display: block;
    }

    .popover-container-body {
        display: block;
    }

        .popover-container-body .arrow {
            display: none;
        }

        .popover-container-body .header-popover .text-content img {
            width: 300px;
            height: 150px;
        }

        .popover-container-body .header-popover .text-content {
            padding: 10px 0 0 0;
        }

    ul.options li .header-popover {
        display: none;
    }

    .popover-container-body .text-content p {
        font-size: 18px;
        color: #333;
    }
}

/*samsung s7*/
@media screen and (min-width:360px) and (max-width:640px) {
    .pg_calendar a.b_round, .pg_calendar .b_round, .pg_calendar .guest {
        line-height: 17px !important;
    }
}

/*iPhone X, Pixel 2XL */
@media only screen and (max-width: 812px),only screen and (max-width: 823px) and (orientation: landscape) {
    .obj_form.register {
/*        margin-left: 25px !important;  */
    }

    #registerForm .alignright {
        margin-left: 0px;
    }

    .obj_form.register #registerForm .ctn_bt, .obj_form.register .ctn_bt p {
        text-align: right;
        margin-right: -20px;
    }

    .obj_form.register #registerForm .ctn_bt {
        margin-right: 20px;
    }
}

/*iPad pro*/
@media only screen and (min-width: 1024px) and (orientation: portrait) {

    #registerForm .alignright {
        margin-left: 50px;
    }
}

/*ipad mini 4 */
@media only screen and (min-width: 768px) and (orientation: portrait) {
    .pg_calendar .guest.lead {
        bottom: 36px;
    }

    #registerForm .alignright {
        margin-left: 0px;
    }
}
@media only screen and (width: 1024px) and (orientation: landscape) {
    .obj_nav-hexa{
          margin: 0 0 0 440px;
    }
}

/* ipad mini4 ends*/

@media only screen and (min-width: 769px) {
    .popover-container-body {
        display: none !important;
    }


}



/*@media only screen and (min-width: 769px) {
    .popover-container-body {
        display: none !important;
    }


}*/


@media screen and (min-width: 960px) {
	    .timeline.skinceuticals .left-1.y97 .content,.timeline.skinceuticals .right-1.y97 .content {
    padding-left:20px;
}
  .pg_orderdetails .obj_shadow-box, .pg_orderdetails .sb-bottom,.pg_myskinceuticals .obj_shadow-box,.pg_myskinceuticals .sb-bottom {
      background: none;
  }

  .pg_orderdetails .myskinceuticals .onglet,.pg_myskinceuticals .myskinceuticals .onglet {
      position: relative;
      z-index: 3;
      padding-top: 30px;
      margin: 0 auto;
      max-width: 960px;
      background: #fff;
      box-shadow: 2px 5px 50px #ccc;
      border-radius: 5px;
      padding: 25px;
      margin-top: -11px;
  }

      .pg_orderdetails .myskinceuticals .onglet > header {
          position: absolute;
          top: -1px;
          width: 206px;
      }
}


/*ipad pro*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #MyEducation .obj_table-reports .listHeader {
      display: block;
  }

  .myskinceuticals .obj_table-reports td
  {
      display:inline-block;
      width: 24%;
  }
  #MyEducation .obj_table-reports .listHeader th
  {
      width:24%;
      display: inline-block;
  }
  .obj_table-reports tr > * {
      padding: 20px 20px 10px !important;
      border-bottom: 1px solid #e8e8e8;
  }
  #MyEducation .obj_table-reports td {
      padding: 10px 0 10px 10px !important;
      word-break:break-all;
  }
  .myskinceuticals .obj_table-reports td
  {
       padding: 15px 0 15px 10px !important;
	   border-bottom:0 !important;
  }
  .obj_table-reports .back td
  {
      /*background:none;*/
      border:none;

  }

  .myskinceuticals.report-container .obj_table-reports  tr
  {
      width:100%;
      display: inline-flex;
  }

  .obj_nav-hexa{
        margin: 0 0 0 440px;
  }
}