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; border: 1px solid #d0d0d0; 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 { background-image: url(https://super-ds.com/images/templates/big-sale/bg.png); background-position: 0px 0px; background-repeat: no-repeat; min-height: 134px !important; position: relative; top: 0; z-index: 0 !important; } #footer { background-image: url(https://super-ds.com/images/templates/big-sale/bg.png); background-position: 0px 0px; background-repeat: no-repeat; min-height: 134px !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: #950006; } .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, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } h2.policy-header { color: #bc0406; font-size: 20px !important; overflow: hidden; } h2.policy-header:after { content: ‘ ‘; display: block; margin-top: 10px; border: 2px solid #bc0406; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .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; } #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; } #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; } }