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

    .HeaderOuterWrapper { float:left; width:100%; background:#000; border-top:2px solid #ECC148  }
    .HeaderInnerWrapper { margin:0px auto; width:768px; }
    .HeaderContent .Logo {height:60px; }
    .HeaderContent .LogoSVG {max-width: 280px;}
    .HeaderContent .LogoASKO { height:45px; margin-top:10px; }
    .HeaderContent .UserInfoWrapper {font-size:11px; padding:5px; width:200px;   }

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

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

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

    /* PRICE CALCULATOR */
    .ProductSearchWrapper .txtSearch { width:330px; } 
    .ProductSearchWrapper .btnSearch {  }
    .ProductSearchWrapper { }
    .Products { }

    .SelectedProductWrapper { }

    .CreateEmailWrapper label {  }
    .CreateEmailWrapper .txt { width:255px; }
    .CreateEmailWrapper .btn {}

    /* GRIDVIEW */
    .GridView { font-size:12px;}
    .GridView .GridViewHeader { font-size:12px; }
    .GridView .GridViewRow {font-size:12px; }
    .GridView .GridViewFooter {font-size:12px;}
    .GridView .GridViewPager .dxp-lead {  font-size:11px; }
    .dxbButton_Metropolis div.dxb { padding:0px; }


    .Members .GridViewHeader:nth-child(1) {width:80px;}
    .Members .GridViewHeader:nth-child(2) {width:508px;}
    .Members .GridViewHeader:nth-child(3) { width:100px;}
    .Members .GridViewHeader:nth-child(4) {width:80px;}
   
    .Bonus .GridViewHeader { font-size:10px;   font-weight:700; }
    .Bonus .GridViewRow {font-size:10px;}
    .Bonus .GridViewFooter {font-size:10px; font-weight:700;}

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

    .Products {}
    .Products tbody { overflow:auto !important; width:480px !important;}
    .Products .GridViewHeader { font-size:10px; }
    .Products .GridViewRow {font-size:10px; }
    .Products .GridViewFooter {font-size:10px;}
    .Products .GridViewPager .dxp-lead {  font-size:9px; }
    .Products .GridViewHeader td { white-space:normal; }
    .Products .GridViewRow td.dxgv { padding: 0px; padding-left: 2px; font-size:10px; padding-bottom: 4px; padding-right: 2px;  }
    .Products .GridViewPager .dxp-num { font-size:12px; padding:6px; padding-left:7px; padding-right:7px; margin-top:0px; }
    .Products .GridViewPager .dxp-ellip { font-size:12px; padding:6px; padding-left:0px; padding-right:0px; margin-top:0px; } 
    .Products .GridViewPager .dxp-button { padding:0px; margin-left:0px;  }

    .TableResponsiveWrapper { width:374px; overflow:hidden;}
    .TablePinned { width:110px;float:left; overflow:hidden; border-right:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
    .TablePinned .GridViewHeader { border-left:1px solid #ccc; }
    .TablePinned .GridViewRow td { border-left:1px solid #ccc; }
    .TablePinned .GridViewRow:last-child { }
    
    .TableOverFlow { float:right; width:264px; overflow:auto;}
    .TableOverFlowWidth {width:600px;}
    .TableOverFlow .GridViewHeader:nth-child(1) {background-color:red; display:none;}
    .TableOverFlow .GridViewHeader:last-child {background-color:red; display:none;}
    .TableOverFlow .GridViewHeader:nth-child(2) { width:100px !important;}
    .TableOverFlow .GridViewRow td:nth-child(1) {background-color:red; display:none;}
    .TableOverFlow .GridViewRow td:last-child {background-color:red; display:none;}

        
    /* CAMPAIGNS */
        .ArticlesOuterWrapper article { width:33%; box-sizing:border-box; margin-bottom:10px; padding:10px; float:left;}

.ArticlesOuterWrapper article:nth-child(4n+1) { clear:none;}
.ArticlesOuterWrapper article:nth-child(3n+1) { clear:left;}
    

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