$24.80
body { font-family: “Market Sans”, Arial, sans-serif; }
body {
font-family: ‘Roboto’, sans-serif;
font-size: 17px !important;
max-width: 980px;
margin: 0 auto;
color: #222222;
}
img {
max-width: 100%;
}
.maindiv {
background: #fff;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
display: block;
margin: 0 auto;
overflow: hidden;
width: 95%;
max-width: 1200px;
color: #111;
}
.mainimg {
max-width: 60% !important;
max-height: auto;
width: 60%;
height: auto;
margin: 0 auto;
text-align: center;
}
.mainimg img {
border-radius: 10px;
}
#header {
min-height: 134px !important;
position: relative;
top: 0;
z-index: 0 !important;
text-align: center;
background-color: #E91440;
}
.promo {
background-color: #800B8D;
}
.promo ul {
margin: 0;
padding: 0;
text-align: center;
}
.promo ul li {
display: inline-block;
list-style-type: none;
color: #fff;
text-transform: uppercase;
padding: 10px 15px;
}
#footer {
background-color: #E91440;
min-height: 100px !important;
position: relative;
bottom: 0;
z-index: 0 !important;
}
.bigsale {
left: 5px;
z-index: 1 !important;
height: 145px;
}
.return {
position: relative;
top: 25px;
/* left: 5px; */
z-index: 1 !important;
height: 50px;
display: block;
}
.truck {
position: relative;
top: 30px;
/* left: 5px; */
z-index: 1 !important;
height: 37px;
}
.trusted {
position: relative;
top: 25px;
/* left: 5px; */
z-index: 1 !important;
height: 50px;
}
.topic-txt {
color: #fff;
font-size: 70%;
position: absolute;
top: 80px;
width: 80%;
}
.title h1 {
font-size: 24px !important;
font-family: ‘Roboto’, sans-serif;
padding-bottom: 20px;
padding-top: 20px;
text-align: center !important;
color: #222;
}
.description {
font-family: ‘Roboto’, sans-serif;
color: #222222 !important;
font-size: 17px !important;
margin-top: 25px;
}
.policy-description {
font-family: ‘Roboto’, sans-serif;
color: #222222 !important;
font-size: 17px !important;
margin-top: 5px;
margin-bottom: 10px;
}
.descriptions {
width: 100%;
display: block;
overflow: hidden;
font-family: ‘Roboto’, sans-serif;
font-weight: 400;
margin-top: 10px
}
h1.desc-header {
color: #222222 !important;
font-size: 22px !important;
overflow: hidden;
}
h1.desc-header:after {
content: ‘ ‘;
display: block;
margin-top: 10px;
border: 2px solid #bc0406;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
h2.policy-header {
position: relative;
}
h2.policy-header span {
display: block;
color: #fff;
font-size: 20px !important;
background: #E91440;
padding: 15px 30px;
border-radius: 90px 0 90px 0;
z-index: 2;
position: relative;
}
h2.policy-header:before {
content: ”;
position: absolute;
height: 90%;
width: 25%;
left: -15px;
top: 5%;
background-color: #800B8D;
z-index: 1;
border-radius: 90px 0 90px 0;
}
h2.policy-header:after {
content: ”;
position: absolute;
height: 90%;
width: 25%;
right: -15px;
top: 5%;
background-color: #800B8D;
z-index: 1;
border-radius: 90px 0 90px 0;
}
h2.policy-header span i {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 24px;
}
.images,
.images img {
max-width: 95%
}
.thanks {
font-family: ‘Courgette’, cursive;
font-size: xx-large;
color: #fff;
text-align: center;
padding-top: 3%;
}
@media only screen and (max-width:1024px) {
.total_body {
width: 95%
}
.description {
margin-top: 10px;
}
}
@media only screen and (max-width:768px) {
.total_body {
width: 95%
}
.title h1 {
font-size: 22px !important;
}
.icon {
display: none;
}
.thanks2 {
font-size: x-large;
padding-top: 4%;
}
}
img.icon {
position: relative;
top: 5px;
max-width: 115px;
}
@media screen and (max-width:760px) {
.description {
margin-top: 10px;
}
img.icon {
display: none;
}
.title h1 {
font-size: 22px !important;
}
}
@media screen and (max-width:640px) {
.description {
font-family: ‘Roboto’, sans-serif;
color: #111 !important;
font-size: 15px !important;
}
.promo,
#header {
display: none;
}
}
@media screen and (max-width:480px) {
.maindiv {
width: 100%;
}
.mainimg {
max-width: 90% !important;
width: 90%;
}
.description {
margin-top: 5px;
padding: 2px !important;
}
.description {
font-family: ‘Roboto’, sans-serif;
color: #111 !important;
font-size: 15px !important;
}
.promo,
#header {
display: none;
}
.col-xs-12.col-sm-12.col-md-10.col-lg-10.description {
margin-top: 5px;
}
.col-xs-12 {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
Â