/**
 * @author    JoomlaShine.com http://www.joomlashine.com
 * @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
 * @license   JoomlaShine.com Proprietary License
 */
/************************************************************************************
 desktop layout (larger than 1200): common settings for wide desktop screen
*************************************************************************************/
@media only screen and (min-width: 1024px) {
.vm-col-4{
	width:24.8%!important;
}
    /* Beautyadd custom css Beginning */
    /* Martin Add css information */
    #jsn-page {
        border-left: unset !important;
        border-right: unset !important;
    }
    /* login */
    #username-lbl{
        font-size: 1.2vw !important;
    }
    #password-lbl{
	    font-size: 1.2vw !important;
    }
    .well{
        background-color: #F8B732 !important;
        border: 0px solid #e3e3e3 !important;
    }

    .form-actions button[type="submit"]{
        margin-left: 18%;
    }

    .login{
        width: 30%;
        margin: auto;
    }

    .login button[type="submit"]{
        background-color: unset;
        background-image: unset;
        background-repeat: unset;
        border: unset;
        
        background-color: #49BBAC !important;
        margin-left: 20%;
    }

    .control-group{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .form-horizontal .controls {
        width: 70%; 
        margin-left: 0%;
    }

    .form-horizontal .control-label {
        width: 30%;
    }

    .form-horizontal .control-label label{
        font-size: 1.0vw !important;
    }
    
    input[type="text"], input[type="password"], input[type="email"]{
        /* background-color: #49BBAC; */
        width: 100%;
        font-size: 1.2vw !important;
    }

    #form-login-username, #form-login-password{
        margin-right: 4vw;
    }

    #com-form-login-username input{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
        font-size: 1.2vw !important;

        height: 3vw !important;
    }
    /* new login */
    /* #login-form { */
    /*     background-color: #F8B732; */
    /*     width: 40%; */
    /*     margin: 0 auto; */
    /*     padding: 3vh; */
    /*     height: 3vh; */
    /* } */
    /* .form-inline{ */
    /*     background-color: #F8B732; */
    /*     width: 40%; */
    /*     margin: 0 auto; */
    /*     padding: 3vh; */
    /*     height: 3vh; */
    /* } */
    /* .pretext, .userdata{ */
    /*     background-color: #F8B732; */
    /* } */

    .moduletablebeautyadd_logout {
        background-color: #F8B732;
        width: 40%;
        margin: auto;
        padding: 3vh;
        text-align: center;
    }

    .login-greeting{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
		margin: 13px 0px 13px 0 !important;
        font-size: 1.6vw !important;
    }

    #login-form a{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
        font-size: 1.2vw !important;
    }

    .userdata ul {
        margin-top: 2vh;
        position: relative;
    }

    .userdata li {
        border-radius: 4px;
        background-color: #49BBAC !important;
        margin: 0 auto;
        padding: 1vh 0 1vh 0;
        width: 12vw;
    }

    #login-form .userdata ul a{
        color: white !important;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
        font-size: 1.0vw !important;
    }

    .userdata ul a:hover{
        text-decoration: none !important;
    }

    .userdata .icon-arrow-right{
        display: none;
    }

    .logout-button input[type="submit"], #form-login-submit button[type="submit"]{
        background-color: unset;
        background-image: unset;
        background-repeat: unset;
        border: unset;

        padding: 1vh;
        width: 12vw;
        background-color: #49BBAC !important;
        
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
        font-size: 1.0vw !important;
    }

    .control-label{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
		margin: 13px 0px 13px 0 !important;
        font-size: 1.0vw !important;
    }

    
    #modlgn-username{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
		letter-spacing: 1px !important;
		line-height: 1.4 !important;
        font-size: 1.2vw !important;

        height: 3vw !important;
    }

    #modlgn-passwd{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif;
		letter-spacing: 1px;
		line-height: 1.4;
        font-size: 1.2vw !important;

        height: 3vw !important;     
    }

    .input-prepend{
        height: 3vw !important;
    }

    .add-on {
        height: 3vw !important;
    }

    form#login-form a.btn{
        height: 3vw !important;
    }

    [class^="icon-"], [class*=" icon-"]{
        margin-top: 0.5vw !important;
    }
    /* new login end */
    /* login end */
    #jsn-footer{
        border-top: 0px solid #b3b3b3 !important;
        background-image: url('https://previews.123rf.com/images/milkos/milkos1805/milkos180501625/101266…r-yellow-background-with-copy-space-top-view-minimalistic-design-for-.jpg');
        background-size: 80%;
        background-position: bottom;
    }

    .beautyadd_facebook_widget_in_footer{
	    width: 50%;
        float: left;
        text-align: center;
    }
    .beautyadd_footer_menu{
	    width: 50%;
        float: right;
    }
    /* End of Martin Add css information */
    body{
        padding: 0;
        margin: 0;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
    }

    h1{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.6vw !important;
        text-align: center;
    }

    h2{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.4vw !important;
    }

    .my_font_size_1{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.2vw !important;
    }

    .my_font_size_2{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.0vw !important;
    }

    ul li{
        list-style:none
    }

    *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .my-width-40{
        width: 40%;
    }

    .my-width-60{
        width: 60%;
    }
    
    .my-width-33{
        width: 33%;
    }

    .my-width-66{
        width: 66%;
    }
    
    .my-container{
        margin: 0 auto;
        padding-left: 1vw;
        padding-right: 1vw;
        width: 85%;
        overflow: auto;

    }

    .my-row{
        margin-right: 1vw;
        margin-left: 1vw;
        overflow: auto;
    }

    .my-row:before,.bob-row:after{
        display: table;
        content: " ";  
    }

    .my-row:after{
        clear: both;
    }

    .my-item-1{
        width: 100%;
    }

    .my-item-2{
        width: 50%;
    }

    .my-item-3{
        width: 33.33333333%;
    }

    .my-item-4{
        width:25%;
    }

    .my-item-5{
        width:20%;
    }

    .my-item-6{
        width: 16.66666666%;
    }

    .my-item-7{
        width: 14.28571%
    }

    .my-item-8{
        width: 12.5%;
    }

    .my-item-9{
        width: 11.11111111%;
    }

    .my-item-10{
        width: 10%%;
    }

    .my-item-11{
        width: 9.090909%;
    }

    .my-item-12{
        width: 8.333333333%;
    }

    .my-width-40,.my-width-60,.my-width-33,.my-width-66,.my-item-1,.my-item-2,.my-item-3,.my-item-4,.my-item-5,.my-item-6,.my-item-7,.my-item-8,.my-item-9,.my-item-10,.my-item-11,.my-item-12{
        position: relative;
        min-height: 1px;
        padding-right: 5%;
        padding-left: 5%;
        float: left;
    }

    /* .my-item-2 img,.my-item-3 img,.my-item-4,.my-item-5,.my-item-6,.my-item-7,.my-item-8,.my-item-9,.my-item-10,.my-item-11,.my-item-12 img{ */
    /*     width: 100%; */
    /*     display: block; */
    /* } */

    .my-border{
        border-width: 1px;
        padding: 2px;
        border-style:solid;
        border-radius: 3px;
        box-shadow:3px 3px 5px 6px #cccccc;
    }

    .my-center{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .my-text-center{
        text-align: center;
    }

    .my-nowrap{
        white-space: nowrap;
    }
    /* menu beginning */

    #jsn-menu {

        background: linear-gradient(to bottom, #ffffff 6%,#F57F32 7%,#ffffff 8%,#ffffff 14%,#F57F32 15%,#ffffff 16%,#ffffff 19%,#ffffff 89%,#F57F32 90%,#ffffff 91%,#ffffff 96%,#F57F32 97%,#ffffff 98%);
    }

    #jsn-menu .jsn-modulecontent{
        width: 100%;
        height: 120px;
    }

    #jsn-menu ._menu{
        width: 100%;
    }

    #n2-ss-1-align {
        width: 100%
    }

    #jsn-menu span{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
    }

    div.jsn-modulecontainer ul.menu-mainmenu {
        text-align: center;
        /* background-color: white; */
        color: #333333;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li {
        width: 20%;
        height: 120px;
        border-right: 0px solid white;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li > a {
        /* background-color: white; */
        margin-top: 40px;
        
        color: #404040;
        font-size: 1.6vw;
        border-right: 0px solid white;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li > a > span{
        width: 7vw;
        margin: 0 auto;
    }

    .logo_powcook span{
        padding-bottom: unset !important;
        border-bottom: unset !important;
        width: unset !important;
        margin: unset !important;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li.active > a{
        background: unset;
        color: #030303;

        text-shadow: unset;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li.active > a > span{
        padding-bottom: 8px;
        border-bottom: 3px solid #B89239;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a{
        background-color: unset;
        color: black;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a > span{
        padding-bottom: 8px;
        border-bottom: 3px solid #B89239;
    }

    div.jsn-modulecontainer ul.menu-mainmenu > li > a img{
        height: 100px;
    }

    .logo_powcook{
        display: block;
        margin-bottom: -40px;
    }

    .logo_powcook img{
        background-color: white;
    }

    .home_mobile {
        display: none;
    }

    #FlexibleVM3Cart{
        position: fixed !important;
        right: 1%;
        z-index: 999;
    }
    
    #FlexibleVM3Cart .flexible_cart_icon{
        top: 35px !important;
        width: 58px !important;
        height: 58px !important;
    }

    #FlexibleVM3Cart .flexibleDropdown{
        width: 50%;
        top: 160% !important;
        right: 0px;
    }

    #FlexibleVM3Cart .flexibleDropdown:after{
        left: 90% !important;
    }

    #FlexibleVM3Cart .flexibleCartTitle {
        color: #000;
    }
    /* menu End */

    /* cart */
    /*
    textarea#customer_note_field {
        background: #49BBAC;
    }
   */

    input[type="checkbox"].terms-of-service{
        margin-top: -4px;
    }

    /* cart end */


    /* powcook-outlet-location */
    .powcook-outlet-location-point{
        padding: 30px;

        text-align: center;
    }

    .powcook-outlet-location{
        padding: 30px;

        text-align: center;
    }

    /* powcook-outlet-location end */

    /* story */
    .powcook-story{
        position: relative;
        z-index: 0;
        margin-top: 20vh;
        width: 100%;
        margin-bottom: -40vh;
    }

    .powcook-story > img{
        padding-left: 10%;
        width: 90%;
        height: 100vh;
    }

    .powcook-story-inner{
        position: absolute;
        top: 42vh;
        left: 25%;
        width: 50%;
        z-index: 1;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 3vh !important;
    }

    .powcook-story-inner-2{
        position: absolute;
        top: 70vh;
        z-index: 1;

        color: white;
        background-color: #E9D02A;
        text-align: center;
        font-weight:bold;

        border: 4px solid #030303;

        left: 30%;
        width: 40%;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 4vh !important;
        line-height: 4vh !important;
    }

    .powcook-story-head-img {
        position: relative;
        top: -120vh;
        width: 135vh !important;

        margin: 0 auto;
    }
    /* story end */

    /* distribution */
    .my-distribution h2{
        font-family: "Roboto Condensed", "Microsoft JhengHei", 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px !important;

        font-size: 1.4vw !important;
    }
    .my-distribution p{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.2vw;
    }

    /* distribution end */


    /* footer */
    .my-footer {
        width: 100%
   }

    #jsn-footer li {
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.2vw;
    }

    .beautyadd_facebook_widget_in_footer{
	    width: 50%;
        float: left;
    }
    
    .beautyadd_footer_menu{
	    width: 50%;
        float: right;
    }

    /* facebook widget */
    .fb_iframe_widget iframe{
        left: 10vw;
        top: 3vh;
    }
    #document body.plugin {
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
    }
    /* facebook widget end */
    /* footer end */

    /* blog */
    #eb .eb-post {
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        padding: 20px;
        margin: 0 0 0 25px;
        width: 70%;
        margin: auto;
    }
    /* blog end */

    /* contact */
    .beautyadd_contact_icon{
        width: 17vw;
        margin-bottom: 0.4vw;
    }

    .my-contact-p{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.2vw !important;
    }

    /* contact end */
    
    /* message */
    .expcoll, #expcolc12c1{
        display: none;
    }
    
    #contentInner{
        width: 100%;
        padding: 0;
        margin: 0;
    }

    #contentc12c1{
        width: 100% !important;
    }

    #post_titlec12c1{
        width: 100% !important;
    }
    /* problem */
    .post_title, .cattitle{
        width: 30vw !important;
    }

    .post_right .imgafter, .post_right .atext {
        width: 30vw !important;
    }
        .post_title:hover {
        background-color: #B89239 !important;
    }

    .post_title p{
        color: #000 !important;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 1.2vw;
    }
    
    /* problem end */

    #ttextc12c1 {
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;

        font-size: 1.4vw !important;
        font-weight: normal;
    }



    #wdform_1_element12{
        width: 100% !important;
    }

    #post_content_wrapperc12c1 {
        width: 100% !important;
    }

    #post_content_wrapperc12c1 {
        width: 100% !important;
    }

    .wdform_section input[type="text"], input[type="password"]{
        width: 100% !important;
    }

    #form12 {
        width: 100% !important;
    }

    #form12 .wdform-element-section{
        width: 100% !important;
    }

    #wdform_1_element12 {
        width: 100% !important;
    }

    #form12 .captcha_img{
        max-width: unset;
    }

    .wdform-field{
        width: 32vw !important;
        height: 3vh !important;
    }

    #form12 .wdform-label {
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 1.2vw;
    }
    
    #form12 .wdform-label-section{
        width: 120px !important;
    }

    #form12 input[type="text"]{
        background: #B89239 !important;
        color: #000 !important;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 1.2vw !important;
        height: 5vh !important;
    }

    #wdform_4_element12{
        background: #B89239 !important;
                color: #000 !important;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 1.2vw !important;
        height: 15vh !important;
    }

    #form12 .button-submit{
        background: #49BBAC !important;

        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 1.2vw;
    }

    /* message end */

    /* b2b */
    .my-b2b {
        margin-top: 4.1vh;
    }
    
    .my-b2b-p{
        font-family: 'Roboto Condensed', 'Microsoft JhengHei', 微软雅黑, Tahoma, Verdana, Arial, Simsun, 宋体, sans-serif !important;
        letter-spacing: 1px !important;
        line-height: 1.4 !important;
        margin: 13px 0px 13px 0 !important;
        font-size: 1.2vw;
    }
    /* b2b end */

    /* payment */
    .my-payment-img {
        width: 60%;
    }
    /* payment end */
    /* Beautyadd custom css End */
	
	#jsn-page,
	#jsn-pos-topbar,
	#jsn-menu.jsn-menu-sticky {
		width: 100%; /* beautyadd 1170px; */
	}
	div.jsn-modulescontainer {
		padding: 20px;
	}
	#jsn-pos-breadcrumbs {
		padding: 20px 0;
	}
	#jsn-pos-promo-left div.jsn-modulecontainer,
	#jsn-pos-promo-right div.jsn-modulecontainer {
		margin: 20px;
	}
	#jsn-leftsidecontent_inner,
	#jsn-rightsidecontent_inner,
	#jsn-pos-innerleft_inner,
	#jsn-pos-innerright_inner {
		padding: 20px;
	}
	#jsn-maincontent.order1 {
		padding-left: 20px;
	}
	#jsn-maincontent.order3,
	#jsn-content.jsn-hasleft:not([class="jsn-hasright"]) #jsn-maincontent.order2,
	#jsn-content.jsn-hasright:not([class="jsn-hasleft"]) #jsn-maincontent.order2 {
		padding-right: 20px;
	}
	#jsn-maincontent.span12[class*="order"],
	#jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order2 {
		padding: 0;
	}
	#jsn-maincontent.span12 #jsn-centercol.span12 {
	}
	#jsn-content.jsn-hasinnerleft:not([class="jsn-hasinnerright"]) #jsn-maincontent.span12 #jsn-centercol {
		padding-right: 20px;
	}
	#jsn-content.jsn-hasinnerright:not([class="jsn-hasinnerleft"]) #jsn-maincontent.span12 #jsn-centercol {
		padding-left: 20px;
	}
}