@media screen and (max-width:330px) {
    body {  }

    .OuterWrapper {  }
    .InnerWrapper { font-size: 11px; line-height: 16px;   }

    .btn { font-size:10px; height:24px; background-size:1px 24px; }
    .txt { height:24px; }

    .HeaderOuterWrapper { float:left; width:100%; background:#000; border-top:2px solid #ECC148  }
    .HeaderInnerWrapper { margin:0px auto; width:280px; }
    .HeaderContent .Logo {padding-top:10px; width:120px; }
    .HeaderContent .LogoMobile {width:60px;  }
    .HeaderContent .NavWrapper { float:left; font-size:10px; }
    .HeaderContent .NavWrapper ul li { margin-right: 5px;}
    .HeaderContent .NavWrapper ul li a {padding: 5px 5px 5px 5px;}

    .MainOuterWrapper { float:left; width:100%; }
    .MainInnerWrapper { margin:0px auto; width:280px; }

    .FooterOuterWrapper { float:left; width:100%; }
    .FooterInnerWrapper {margin:0px auto; width:280px; font-size:10px; }

    .txtSearch { width:238px; } 
    .btnSearch { float:right; } 

    /* ANNUAL BONUS */
    .btnCalculate {  }
    .ddlDeliveryRate, .txtOrderSum { width:170px; }

    /* PRICE CALCULATOR */
    .ProductSearchWrapper .txtSearch { width:238px; } 
    .ProductSearchWrapper .btnSearch { float:right; }
    .ProductSearchWrapper { float:left;  width:280px;}
    .Products { width:100%; }

    .SelectedProductWrapper {  width:280px; }
    .SelectedProductWrapper label {  width:120px !important; }

    .CreateEmailWrapper label {  width:90px !important; }
    .CreateEmailWrapper .txt { width:190px; }
    .CreateEmailWrapper .btn {}

    /* FORM */
    .Form label {  width:110px; padding-top:5px; }

    /* GRID VIEW */
    .GridView { font-size:9px; width:280px; }    
    .GridView .GridViewHeader { font-weight:700; font-size:9px; padding-top: 4px; padding-left: 2px; padding-bottom: 4px; padding-right: 2px; }
    .GridView .GridViewRow td.dxgv { padding: 0px; padding-left: 2px; padding-bottom: 4px; padding-right: 2px;  }    
    .GridView .GridViewPager .dxp-lead {  font-size:9px; padding:0px; }    
    .GridView .GridViewRow {font-size:9px;}

    .Members .GridViewHeader:nth-child(1) {width:auto;}
    .Members .GridViewHeader:nth-child(2) {width:auto;}
    .Members .GridViewHeader:nth-child(3) {width:50px;}
    .Members .GridViewHeader:nth-child(4) {width:auto;}

    .Bonus .GridViewHeader { font-size:7px;    }
    .Bonus .GridViewRow {font-size:7px;}
    .Bonus .GridViewFooter {font-size:7px; font-weight:700;}

    .Bonus .GridViewHeader:nth-child(1) {width:100px;}
    .Bonus .GridViewHeader:nth-child(2) {width:36px;}
    .Bonus .GridViewHeader:nth-child(3) {width:36px;}
    .Bonus .GridViewHeader:nth-child(4) {width:36px;}
    .Bonus .GridViewHeader:nth-child(5) {width:36px;}
    .Bonus .GridViewHeader:nth-child(6) {width:36px;}
    .Bonus .GridViewHeader td { white-space:normal; }

    .Products .GridViewPager .dxp-num { font-size:12px; padding:6px; padding-left:3px; padding-right:3px;  }
    .Products .GridViewHeader { font-size:8px; padding-top: 2px; padding-left: 2px; padding-bottom: 2px; padding-right: 2px; }
    .Products .GridViewRow td.dxgv { padding: 0px; padding-left: 1px; font-size:7px; padding-bottom: 2px; padding-right: 1px;  }
    .Products .GridViewPager .dxp-button { padding:0px; margin-left:0px;  }
    /* TABLE */
    .Table { width:280px; margin-top:10px; }
    .Table tr.Result2  td { font-size:11px;}

    .LoginOuterWrapper { }
    .LoginInnerWrapper {  margin:50px auto; width:240px; color:#050505; font-family: 'Lato'; font-size: 10px; line-height: 20px;   }

    .LoginContent { padding:10px; font-size:10px; width:220px;  }
    .LoginContent .Logo {  margin-bottom:20px; width:220px;  }
    .LoginContent label { width:80px;  }
    .LoginContent input[type=text],.LoginContent input[type=password],.LoginContent input[type=email] { width:140px; }
    .LoginContent input[type=button],.LoginContent input[type=submit] {  }

    .LoginContent .ForgotPasswordButton { font-size:10px; }
    .LoginContent .ForgotPasswordButton:hover {  }

    .PopupOuterWrapper {  }
    .PopupInnerWrapper { margin:70px auto; width:228px; font-size: 10px; line-height: 16px;  }
    .PopupContent { padding:10px; }

    .SetPasswordOuterWrapper {  }
    .SetPasswordInnerWrapper {  margin:50px auto;  width:240px;  font-family: 'Lato'; font-size: 10px; line-height: 20px;  }

    .SetPasswordContent { padding:10px; width:220px; font-size:10px; }
    .SetPasswordContent .Logo { margin-bottom:20px; width:220px; }
    .SetPasswordContent label { width:70px;   }
    .SetPasswordContent input[type=text],.SetPasswordContent input[type=password],.SetPasswordContent input[type=email] {  width:150px; }
    .SetPasswordContent input[type=button],.SetPasswordContent input[type=submit] {  }
        
    .IPBLink { float:right; color:#aaa; margin-top:5px; font-size:11px; }
    .IPBLink:hover { color:#ccc;  }

    /* TOOLTIP */
    .HoverTooltip { max-width:228px;}
}