@media only screen and (max-width: 575px) {
    body {
        /*background-color: lightteal;*/
    }
  
  p.ProductList {display:none;}
  .ProductList2019 {height:auto;margin-bottom:20px;}
  h3.ProductList {height:auto;}

  
.OrderFormLine {margin-bottom:1px; border: solid 1px #ededed; height:8vh;}
.OrderFormLinesHeader {background-color:#5B6770; color:#FFF;}

.OrderFormImageContainer {text-align:center;}
img.OrderFormImage {width:auto;  max-width:100%; margin:1vh;}

.OrderFormItemNo {padding-top:5px; padding-bottom:5px;}
.OrderFormItemTitle {padding-top:5px; padding-bottom:5px;}
.OrderFormItemRRP {text-align:center; padding-top:5px; padding-bottom:5px;}
.OrderFormItemPrice {text-align:center; padding-top:5px; padding-bottom:5px;}
.OrderFormItemRewardsCost {text-align:center; padding-top:5px; padding-bottom:5px;}
.OrderFormItemRewardsEarn {text-align:center; padding-top:5px; padding-bottom:5px;}
.OrderFormItemQuantity {text-align:center; padding-top:5px; padding-bottom:5px;}
.OrderFormItemQuantity input {width:100%; text-align:center; color:#5B6770;}
.OrderFormItemFavourite {text-align:center;}
.OrderFormItemFavouriteSelect {text-align:center; padding-top:5px; padding-bottom:5px;}
  
  
.DermShoppingCartContent {height:auto; overflow:none;}
.DermShoppingCartFooter {height:auto; overflow:none;}
  
.PromotionHeader {}
  
.productcard {
height:auto;
}
  
  /*Login*/

.LoginUI {background-color: #FFF; height:100%; padding-top:5vh; margin-top:0; border:0;}
.LoginUI img {padding:1vw; padding-top:2vw; padding-bottom:2vw;}
.LoginTitle {float:left;}
.LoginMain {float:left;}
.LoginImage {float:left; display:none;}
.LoginImage img {padding:0.5vw; display:none;}
.LoginFoot {float:left; margin-bottom:0vh; background-color:#FFF;}
  
 
  
  .DermMasterSearch
.form-control
{
width: 92vw;
margin: 1vw;
}
  
  
    .UISiteMode {
        text-align: center;
    }

    .navbar {
        height: auto;
    }
    .UISubNav {
        display:none;
    }
  
/*User Information*/
  
  
/*fonts*/
  
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
    color: #666;

}

h1 {
    margin-top: 20px;
    font-size: 2em;
}
  
h2 {
}

h3 {
}
  
h4 { font-size: 1em;
}
  
h5 {
}
  


legend {
    font-weight: 300;
    margin-left: 10px;
    text-transform: lowercase;
}

p {
    font-weight: 300;
}


  /*navigation*/

.MobileHeaderTrigger {padding:1vh; padding:1vw; color:#FFF;}
  


.navbar-collapse {background-color:#FFF; border: none;}
  
#ItemCategoryMenu_SubName {cursor: pointer; margin:1vw; padding-left:1vw; padding-right:1vw;}
  
#ItemCategoryMenu_SubName:hover {color:#00A9E0;}
  

.navbar .mega-dropdown .dropdown-menu.mega-menu {
    
    margin-left: -20px;
    padding: 20px !important;
    text-transform: lowercase;
    height: 60vh;
    text-transform: lowercase;
    background-color: #FFF !important;
    width: 94vw !important;

  }
  
#ItemCategoryMenu_RootName {color:#00A9E0; font-weight:500; margin-left:2vw; margin-right:2vw; }


.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link {font-size:16px;}

.navbar .dropdown-menu{position:relative !important;}

.mega-dropdown .dropdown-menu.mega-menu {}
  
  article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display:none;}


  
  
  
  
  /*cart*/
  .list-group-item {margin-bottom:0px; border:none; height:auto; padding-left:0px; margin-left:0px;}
  
  
  /*Layout*/
  .DermMasterMsg {
    height: auto;
}
  
  .DermMasterImpersonate {
    height: auto;
    font-size:0.9rem;
    max-height:none;
}
  
.DermMasterHeader {
    height: auto;
}

.DermMasterSummaries {
    height: auto;
}

.DermMasterLogo {
    height: auto;
    font-size:0.9rem;
    max-height:none;
}

.DermMasterLogo img {
    max-height: auto;
    max-width: auto;
}

.DermMasterSearch {
    height: auto;
    font-size:0.9rem;
    max-height:none;
}

.DermMasterBalanceSummary {
    height: auto;
    font-size:0.9rem;
    max-height:none;
}

.DermMasterCartSummary {
    height: auto;
    font-size:0.9rem;
    max-height:none;
}

.DermMasterNavigation {
    height:auto;
}

.DermMasterPlaceholder {
    height: auto;

}

.DermMasterShoppingCart {
    height:auto;
    
    }
  
  
  .DermMasterCart img {height:auto;}

.DermMasterCopyright {
    height: auto;
    padding: 0.4vw;
}

/*footer*/  
  
.CopyrightText {
    margin:0.5vh;
    }

}