@media only screen  and (min-width: 768px)  
{
.rmm.graphite {
  display: none !important;
}
.top-account {
  display: none !important;
}
}

/* ====================================================================   */

@media only screen  and (min-width: 240px) and (max-width: 1000px)  
{
#navMain {
  width: 100% !important;
}
#mainWrapper {
  width: 95% !important;
}
#footerhsy {
  margin-top: 41px !important;
 
}
.productListing-rowheading {
  height: auto !important;
}
.back {
  width: 100% !important;
}
.centerBoxContentsNew.centeredContent.back {
  width: 32% !important;
}
.buttonRow.back {
  width: auto !important;
}

}


/* ====================================================================   */


@media only screen  and (max-width: 767px) 
{
#navMain {
  display: none !important;
}
#navMainWrapper{
  height: auto !important;
}

.top-account {
  float: left;
  width: 97%;
text-align:right;
margin-bottom: 11px;
}
.rmm {
 
 float: left;
 }
#navMainWrapper a:link, #navMainWrapper a:visited {
  color: black;
}
.rmm-toggled a:hover {
  background-color: #2a315d !important;
  color: white !important;
}
.top-account a {
  color: white !important;
}
#indexDefaultMainContent img {
  height: auto !important;
  width: 100% !important;
}

}

/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 400px)  
{
#headerpic
{
background-size: 100% auto;
height: 146px;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 401px) and (max-width: 500px)  
{
#headerpic
{
background-size: 100% auto;
height: 200px;
}
}


/* ====================================================================   */
@media only screen  and (min-width: 501px) and (max-width: 600px)  
{
#headerpic
{
background-size: 100% auto;
height: 230px;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 601px) and (max-width: 700px)  
{
#headerpic
{
background-size: 100% auto;
height: 260px;
}
}


/* ====================================================================   */
@media only screen  and (min-width: 701px) and (max-width: 800px)  
{
#headerpic
{
background-size: 100% auto;
height: 290px;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 801px) and (max-width: 900px)  
{
#headerpic
{
background-size: 100% auto;
height: 320px;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 901px) and (max-width: 1000px)  
{
#headerpic
{
background-size: 100% auto;
height: 350px;
}

}

/* ====================================================================   */
@media only screen  and (min-width: 1001px) and (max-width: 1024px)  
{
#headerpic
{
background-size: 100% auto;
height: 380px;
}
}



/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 530px)  
{

#contentMainWrapper > tbody > tr > td {
  clear: both !important;
  display: block;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;

}
#contentMainWrapper > tbody > tr > td:last-child {
  margin-top: 84px !important;
}
#navColumnOneWrapper {
  margin-left: 0 !important;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 767px)  
{
.tabTable tr {
  display: block;
  width: 100% !important;
}
#contactUsForm > input {
  width: 96% !important;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 833px)  
{
#pageTwoMainContent > table > tbody > tr:nth-child(6) > td > a > img {
  width: 100% !important;
}
}
/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 650px)  
{
select {
  width: 71%;
}
#addressBookProcessDefault input {
  width: 96%;
}
#checkoutNewAddress input {
  width: 95% !important;
}
}

/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 700px)  
{
.attribImg {
  width: 100% !important;
}
.attribImg > img {
  width: 100% !important;
}
#loginForm input {
  width: 96% !important;
}
#createAccountForm input {
  width: 97% !important;
}
#loginDefault {
  padding-left: 0px !important;
}
#passwordForgotten input {
  width: 97% !important;
}
.floatingBox.back {
  float: none !important;
  width: 100% !important;
}
.floatingBox.forward {
  float: none;
  margin: auto !important;
  width: 100% !important;
}
#scUpdateQuantity {
  display: none;
}
.cartQuantityUpdate {
  float: right;
}
.cartQuantityUpdate > input {
  height: 21px;
  width: 80px;
}
.cartQuantity {
  float: left;
}
#newsletter-checkbox {
  max-width: 3%;
}
#gender-male {
  max-width: 3% !important;
}
#gender-female {
  max-width: 3% !important;
}
#email-format-html {
  max-width: 3% !important;
}
#email-format-text {
  max-width: 3% !important;
}
.navNextPrevList img {
  width: 29% !important;
}
}



/* ====================================================================   */
@media only screen  and (min-width: 240px) and (max-width: 740px)  
{
.cartProductDisplay {
  text-align: center;
  width: 100%;
}
}





@media only screen  and (min-width: 240px) and (max-width: 1024px)  
{


}