.button {
    display: inline-block;
    vertical-align: middle;
    padding: 11px 24px;
    border: 1px solid black;
    border-radius: 8px;
    background: #3352cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#4b4b4b));
    background: -moz-linear-gradient(top, #000000, #4b4b4b);
    background: linear-gradient(to bottom, #000000, #4b4b4b);
    -webkit-box-shadow: #cac084 0px 0px 3px 0px;
    -moz-box-shadow: #cac084 0px 0px 3px 0px;
    box-shadow: #cac084 0px 0px 3px 0px;
    text-shadow: #101a40 1px -1px 0px;
    font: normal normal bold 20px arial;
    color: #cdab82;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid black;
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#000000));
    background: -moz-linear-gradient(top, #4b4b4b, #000000);
    background: linear-gradient(to bottom, #4b4b4b, #000000);
    color: #cdab82;
    text-decoration: none;
}
.button:active {
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#4b4b4b));
    background: -moz-linear-gradient(top, #000000,#4b4b4b);
    background: linear-gradient(to bottom, #000000, #4b4b4b);
}
#rrpic{
    width:100%;
}
.mda{
    position: absolute;
}

.mda img{
    width: 40%;}

.divTable1{
    display: flex;
}
.divTable2{
    display: flex;
}
.divTableCell{
    width: 20%;
    text-align: center;
    margin-right: 1%;
    padding-bottom: 1%
}

.productlist{
    width: 45%;
    margin: 0 auto;
}
a {
    text-decoration:none;
}
.rrbanner{
 width:100%;
}
.continer{
    padding-bottom: 2%;
}
.rrbanner{
       display: block;
    }
.rrbannermb{
        display: none;
    }
#rrline{
    display: none;
}

strong{background: -webkit-linear-gradient(white,#cdab82);}


@media (max-width: 1024px) {
 .divTable2{
    display: flex;
    flex-direction: column;}
    .productlist {
    width: 100%;}
    #rrpic img{
        width: 100%;
    }
.divTable1{
    flex-direction: column;
}
.divTableCell{
    width: 100%;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
#rrline{
    margin: 6% 0 4% 0;
    display: block;
}


@media (max-width: 500px){
    .rrbanner{
       display: none;
    }
    .rrbannermb{
        display: block;
    }
    
}