@font-face {
font-family: 'BankGothic_Md_BT';
src: url('fonts/bankgothic/bankgothic-md-bt-medium.otf') format('otf'), url('fonts/bankgothic/bankgothic-md-bt-medium.woff') format('woff'), url('fonts/bankgothic/bankgothic-md-bt-medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* */
/*
@media (min-width:320px) smartphones, iPhone, portrait 480x320 phones
@media (min-width:481px) portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.
@media (min-width:641px) portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones
@media (min-width:961px) tablet, landscape iPad, lo-res laptops ands desktops
@media (min-width:1025px) big landscape tablets, laptops, and desktops
@media (min-width:1281px) hi-res laptops and desktops
*/
/* 360px .. 5 - inches Mobile */
/* 540px .. 6 - inches Mobile */
/* 3 Step Inner Body Div */
.formElement--checkboxListItemResp {
display: block;
float: left;
width: 100% !important;
margin-bottom: 4px;
}
.ImageHeightAuto > img {
height: auto;
}
.rebateTextBoxDisplay_252 {
margin-top: 40% !important;
}
.size_responsive{
background-size: cover !important;
}
.headerTextCenter {
display: table !important;
width: 100%;
text-align: center;
position: absolute;
}
#templatePromoDescriptionHeightAuto_334 {
min-height: auto !important;
}
#templatePromoDescriptionHeightAuto_333 {
min-height: auto !important;
}
#templateBody__promotionsList_299 {
display: table !important;
width: 100% !important;
}
#templatePromotion_299 {
display: table !important;
}
#tbody_299 {
display: table !important;
width: 100% !important;
}
.divContactUs {
color: #FFFFFF ;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.promotionCover__imageAuto {
height: 100% !important;
}
}
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
@media screen and (max-width: 600px) {
.divFooterNote{
width: 100%;
text-align: center;
font-size:10px;
margin-left:10px;
padding-right:10px;
}
.divFooterLinks{
width: 100%;
text-align: center;
}
ul{
padding:5px;
}
.divTextAlignLeft label
{
text-align:center;
}
}
.linksListStyle__linksListItem {
display: inline-block !important;
margin-right: 8px;
}
@media screen and (min-width: 700px) {
.divFooterLinks {
width: 50%;
/* padding-top: 42px; */
text-align: center;
padding-top:24px;
font-size:10px;
}
.divFooterNote {
width: 50%;
text-align: center;
}
}
.divTraclingInput {
width: 100px;
border: 1px solid #e1e1e1;
border-radius: 4px;
margin-right: 4px;
padding: 0px 5px 0px 5px;
}
.divTraclingSearch {
height: 22px;
width: 26px;
padding: 0 5px !important;
line-height: 20px;
}
.divContactUs {
width: 100%;
float: left;
font-size: 14px;
}
.divFieldLarge {
width: 100%;
height: 24px;
}
.divFieldMedium__left {
width: 49%;
height: 24px;
float: left;
margin-right: 0px;
}
.divFieldMedium__right {
width: 49%;
height: 24px;
float: right;
margin-right: 0px;
}
.divFieldSmall {
width: 143.66666667px;
}
.divContavtUsLeftContainer {
max-width: 50%;
width: 49%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 49%;
text-align: center;
display: inline-block;
margin-left: 15px;
}
@media screen and (min-width: 1700px) {
.divEndingText {
display: inline-block !important;
margin-top: 75px;
}
.divTitleStyleContainer {
}
}
@media screen and (min-width: 1162px) {
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
/* .divPromotionListItem { */
/* height: auto !important; */
/* min-width: 60%; */
/* } */
}
@media screen and (max-width: 1162px) {
.divPromotionListItem {
height: auto !important;
min-width: 60%;
}
}
@media only screen and (min-width: 1920px){
.templateHeader__logo img{
max-width: 80% !important;
}
}
@media only screen and (min-width: 2500px){
.templateHeader__logo img{
max-width: 50% !important;
}
}
@media only screen and (min-width: 4000px){
.templateHeader__logo img{
max-width: 40% !important;
}
}
@media only screen and (min-width: 5000px){
.templateHeader__logo img{
max-width: 30% !important;
}
}
@media screen and (max-width: 1050px) {
.divLogoStyleContainerResponsive {
width: 25% !important;
margin-left: 5px !important;
}
.divPromotionListItem {
height: auto !important;
min-width: 65%;
}
.FooterTermsStyle {
margin: 7px 0 0 14px;
line-height: 10px;
}
.boldFont {
font-size: 10px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 10px !important;
display: table;
}
}
@media only screen and (max-width: 960px) {
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 10px;
}
.boldFont {
font-size: 10px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 9px !important;
display: table;
}
.boldFontSize13 {
font-size: 9px !important;
}
.p {
line-height: 11px;
margin: 0 auto !important;
}
}
@media only screen and (min-width: 960px) {
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
/* .divPromotionListItem { */
/* height: auto !important; */
/* min-width: 70%; */
/* } */
.divPromotionListItemDetails {
/*min-width: 100%;*/
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) {
.divLogoStyleContainerResponsive {
width: 29% !important;
margin-left: 5px !important;
}
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divPromotionListItem {
height: auto !important;
min-width: 76%;
}
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 8px;
}
.boldFont {
font-size: 8px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 9px !important;
display: table;
}
.boldFontSize13 {
font-size: 9px !important;
}
.p {
line-height: 11px;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
}
}
/* 6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.divLogoStyleContainer {
width: 30% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 42% !important;
margin-left: 5px !important;
margin-top: 2%;
}
/* .divPromotionListItem { */
/* min-width: 89%; */
/* margin: auto !important; */
/* float: none !important; */
/* height: auto !important; */
/* } */
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
label, .label {
font-size: 16px !important;
}
h2, .h2 {
font-size: 16px !important;
}
/*font {
font-size: 16px !important;
}*/
p, .p, p font {
font-size: 15px !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 7px;
}
.boldFont {
font-size: 6px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 7px !important;
display: table;
}
.boldFontSize13 {
font-size: 7px !important;
}
.p {
line-height: 11px;
}
.divFooterLink {
font-size: 12px;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: inherit !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 420px) {
.divLogoStyleContainer {
width: 40% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 46% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divTitleStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divTrackingInputStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divTrackingInputStyleContainerResponsive {
width: 50% !important;
float: left !important;
display: inline-block !important;
}
h2, .h2 {
font-size: 13px !important;
}
h3, .h3 {
font-size: 12px !important;
}
p, .p, p font {
font-size: 12px !important;
}
/*font, .font {
font-size: 13px !important;
}*/
/*.autoHide {
display: none !important;
}*/
.divFooterNote .textStyle__textLabel {
font-size: 10px !important;
}
label, .label {
font-size: 13px !important;
}
.divInnerbody {
height: auto !important;
width: 90% !important;
}
.divPromotionListItem {
min-width: 85%;
/*Check Works With All or not*/
height: auto !important;
min-height: inherit !important;
/* float: none !important; */
}
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
.fv {
height: auto !important;
min-height: inherit !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divTraclingInput {
width: 70px;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-size: 10px;
}
.divTraclingSearch {
height: 16px;
width: 19px;
font-size: 10px;
padding: 0;
line-height: 10px;
}
.divContactUs {
width: 100%;
float: left;
font-size: 12px;
}
.divFieldLarge,
.divFieldMedium,
.divFieldSmall {
width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
.FooterTermsStyle {
margin: 5px 9px 0 14px;
line-height: 10px;
}
.boldFont {
font-size: 10px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 10px !important;
display: table;
}
.boldFontSize13 {
font-size: 9px !important;
}
.divFooterLink {
font-size: 10px;
}
.p {
line-height: 12px;
margin: 0 auto !important;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: auto !important;
}
.templateFormElement {
margin-bottom: 0px !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.divLogoStyleContainer {
width: 40% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 52% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divTitleStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divTrackingInputStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divTrackingInputStyleContainerResponsive {
width: 45% !important;
float: left !important;
display: inline-block !important;
}
h2, .h2 {
font-size: 13px !important;
}
h3, .h3 {
font-size: 12px !important;
}
p, .p, p font {
font-size: 12px !important;
margin: 0 auto !important;
}
/*font, .font {
font-size: 13px !important;
}*/
.divFooterNote .textStyle__textLabel {
font-size: 10px !important;
}
label, .label {
font-size: 13px !important;
}
.divInnerbody {
height: auto !important;
}
.divPromotionListItem {
min-width: 98%;
/*Check Works With All or not*/
height: auto !important;
min-height: inherit !important;
}
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divTraclingInput {
width: 70px;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-size: 10px;
}
.divTraclingSearch {
height: 16px;
width: 19px;
font-size: 10px;
padding: 0;
line-height: 10px;
}
.divContactUs {
width: 100%;
float: left;
font-size: 12px;
}
.divFieldLarge,
.divFieldMedium,
.divFieldSmall {
width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
/* .FooterTermsStyle{ */
/* margin: 5px 9px 0 14px; */
/* line-height: 6px */
/* } */
/* .boldFont { */
/* font-size:6px !important; */
/* font-weight: bold; */
/* margin: 0 auto; */
/* text-align: left; */
/* } */
/* .boldFontSize12 { */
/* font-size:7px !important; */
/* display: table; */
/* } */
/* .boldFontSize13{ */
/* font-size:7px !important; */
/* } */
/* .p{ */
/* line-height: 11px; */
/* margin: 0 auto !important; */
/* } */
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: auto !important;
}
.templateFormElement {
margin-bottom: 0px !important;
}
.rebateFormModal__closeButton {
font-weight: bold;
font-size: 14px;
color: #a1a1a1;
cursor: pointer;
margin-right: 5px;
}
}
.trackingSummery__header {
border-width: 0px;
width: 100%;
height: 50px;
color: white;
border-radius: 5px 5px 0px 0px;
background-image: none;
background-color: #004E96;
}
.trackingSummery__body {
border-radius: 0px 0px 5px 5px;
}
.trackingSummery__button {
background-color: #004E96;
}
.trackingSummery__header_text {
display: inline-block;
width: 95%;
padding: 10px;
height: 50px;
text-align: center;
}
.trackingSummary__trackingNumber {
font-size: 17px;
margin-top: 8px;
font-weight: 400;
float: none;
color: white;
display: inline-block;
width: 60%;
background-color: #004E96;
height: 40px;
line-height: 40px;
border-radius: 7px;
}
.testAngularFont6 {
font-size: 2.75em;
}
.testAngularFont15 {
font-size: 5em;
}
@media (max-width: 1500px) {
.testAngularFont6 {
font-size: 2.5em !important;
}
.testAngularFont15 {
font-size: 4.75em !important;
}
}
@media (max-width: 1300px) {
.testAngularFont6 {
font-size: 2.25em !important;
}
.testAngularFont15 {
font-size: 4.5em !important;
}
}
@media (max-width: 1000px) {
.testAngularFont6 {
font-size: 2.25em !important;
}
.testAngularFont15 {
font-size: 3.75em !important;
}
}
@media (max-width: 900px) {
.testAngularFont6 {
font-size: 2em !important;
}
.testAngularFont15 {
font-size: 3.5em !important;
}
}
@media (max-width: 800px) {
.testAngularFont6 {
font-size: 1.75em !important;
}
.testAngularFont15 {
font-size: 2.5em !important;
}
}
@media (max-width: 700px) {
.testAngularFont6 {
font-size: 1.25em !important;
}
.testAngularFont15 {
font-size: 2em !important;
}
}
@media (max-width: 600px) {
.testAngularFont6 {
font-size: 1.2em !important;
}
.testAngularFont15 {
font-size: 1.85em !important;
}
}
@media (max-width: 600px) {
.testAngularFont6 {
font-size: 1.1em !important;
}
.testAngularFont15 {
font-size: 1.65em !important;
}
}
.headerDivLeft {
width: 60%;
float: left;
}
.headerDivRight {
width: 39%;
float: right;
margin-top: 3%;
}
@media (max-width: 1000px) {
.headerDivRight {
width: 39%;
float: right;
margin-top: 6%;
}
}
@media (max-width: 700px) {
.headerDivLeft {
width: 90%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 36% !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 600px) {
.headerDivLeft {
width: 100%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 30% !important;
height: auto !important;
width: 39% !important;
min-height: 90px !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 500px) {
.headerDivLeft {
width: 95%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 30% !important;
height: auto !important;
width: 43% !important;
min-height: 90px !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 400px) {
.headerDivLeft {
width: 95%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 29% !important;
width: 50% !important;
height: auto !important;
min-height: auto !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 600px) {
.divFooterMain {
height: auto !important;
background-repeat: initial !important;
}
.divFooterContentLeft {
Width: 100% !important;
}
.divFooterContentRight {
Width: 100% !important;
height: 38px !important;
}
.testAngularFont15 {
font-size: 1.65em !important;
}
.divFooterLinkli {
margin: 0 auto !important;
}
.divFooterLink {
font-size: 12px !important;
}
.richTextBox--html > p {
margin: 0 auto !important;
}
}
.boldFontSize14 a:hover {
text-decoration: none;
}
.CragarITPRebateBody {
min-height: auto !important;
}
@media screen and (min-width: 1700px) and (min-height: 700px) and (max-height: 1200px) {
.CragarITPRebateButton {
margin-top: 13% !important;
width: 328px !important;
height: 56px !important;
border-radius: 22px;
font-size: 24px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media screen and (min-width: 1700px) {
.CragarRebateButton {
margin-top: 36% !important;
width: 222px !important;
height: 50px !important;
font-size: 17px !important;
}
}
@media screen and (min-width: 1350px) and (min-height: 1000px) and (max-height: 1300px) {
.CragarRebateButton {
margin-top: 72% !important;
width: 222px !important;
height: 47px !important;
font-size: 20px !important;
}
.CragarITPRebateButton {
margin-top: 14% !important;
width: 276px !important;
height: 52px !important;
border-radius: 22px;
font-size: 23px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media screen and (min-width: 1000px) and (max-height: 950px) {
.CragarRebateButton {
margin-top: 31% !important;
width: 200px !important;
height: 43px !important;
font-size: 17px !important;
}
.CragarITPRebateButton {
margin-top: 17% !important;
width: 200px !important;
height: 41px !important;
border-radius: 22px;
font-size: 17px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) {
.CragarRebateButton {
margin-top: 89% !important;
width: 240px !important;
height: 50px !important;
font-size: 20px !important;
}
.CragarITPRebateButton {
margin-top: 13% !important;
width: 240px !important;
height: 46px !important;
border-radius: 22px;
font-size: 20px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 700px) and (min-height: 350px) and (max-height: 650px) {
.CragarRebateButton {
margin-top: 25% !important;
width: 180px !important;
height: 40px !important;
font-size: 16px !important;
}
.CragarITPRebateButton {
margin-top: 20% !important;
width: 180px !important;
height: 38px !important;
border-radius: 22px;
font-size: 16px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.CragarRebateButton {
margin-top: 77% !important;
width: 200px !important;
height: 40px !important;
font-size: 17px !important;
}
.CragarITPRebateButton {
margin-top: 12% !important;
width: 145px !important;
height: 35px !important;
border-radius: 22px;
font-size: 13px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) and (max-height: 500px) {
.CragarRebateButton {
margin-top: 25% !important;
width: 157px !important;
height: 36px !important;
font-size: 14px !important;
}
.CragarITPRebateButton {
margin-top: 18% !important;
width: 150px !important;
border-radius: 22px;
height: 34px !important;
font-size: 13px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.CragarRebateButton {
margin-top: 68% !important;
width: 134px !important;
height: 32px !important;
font-size: 12px !important;
}
.CragarITPRebateButton {
margin-top: 55% !important;
width: 134px !important;
border-radius: 22px;
height: 30px !important;
font-size: 12px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 420px) {
.CragarRebateButton {
margin-top: 70% !important;
width: 125px !important;
height: 28px !important;
font-size: 11px !important;
}
.CragarITPRebateButton {
margin-top: 10% !important;
width: 91px !important;
border-radius: 22px;
height: 22px !important;
font-size: 8px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.CragarRebateButton {
margin-top: 60% !important;
width: 120px !important;
height: 27px !important;
font-size: 10px !important;
}
.CragarITPRebateButton {
margin-top: 12% !important;
width: 83px !important;
height: 24px !important;
border-radius: 22px;
font-size: 7px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) and (max-height: 350px) {
.CragarRebateButton {
margin-top: 26% !important;
width: 134px !important;
height: 32px !important;
font-size: 12px !important;
}
.CragarITPRebateButton {
margin-top: 18% !important;
width: 134px !important;
border-radius: 22px;
height: 30px !important;
font-size: 12px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
.testAngularFont1 {
font-size: 0em;
}
.testAngularFont2 {
font-size: 0.5em;
}
.testAngularFont3 {
font-size: 1em;
}
.testAngularFont4 {
font-size: 1.5em;
}
.testAngularFont5 {
font-size: 2em;
}
.testAngularFont7 {
font-size: 3em;
}
.testAngularFont8 {
font-size: 3.5em;
}
.testAngularFont9 {
font-size: 4em;
}
.testAngularFont10 {
font-size: 4.5em;
}
.testAngularFont11 {
font-size: 5em;
}
.testAngularFont12 {
font-size: 5.5em;
}
.testAngularFont13 {
font-size: 6em;
}
.testAngularFont14 {
font-size: 6.5em;
}
.testAngularFont16 {
font-size: 7.5em;
}
.testAngularFont17 {
font-size: 8em;
}
/*#region Munchkin */
.MunchkinAvenir {
font-family: 'Avenir LT W01 45 Book';
}
.MunchkinPromotionRebateForm {
padding: 0% !important;
margin: 0% !important;
font-family: 'Bree Serif', serif !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
/* font-family: ProximaNova_regular,sans-serif !important; */
}
.MunchkinPromotionRebateForm .richTextBox--html a {
color: #589221;
text-decoration: none !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-weight: normal !important;
}
.MunchkinRebateButton {
border-radius: 30px;
}
.ITPStormWeelsRebateButton {
margin-top: -8%;
margin-right: 12%;
}
@media screen and (min-width: 3000px) {
.MunchkinRebateButton {
margin-top: 23% !important;
margin-right: 10% !important;
width: 600px !important;
height: 75px !important;
font-size: 34px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 10% !important;
width: 600px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 42px;
}
.divLogoStyleContainerMunchkin {
width: 6% !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.MunchkinRebateButton {
margin-top: 23% !important;
margin-right: 9% !important;
width: 500px !important;
height: 75px !important;
font-size: 34px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 9% !important;
width: 500px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 36px;
}
.divLogoStyleContainerMunchkin {
width: 7% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.MunchkinRebateButton {
margin-top: 21% !important;
margin-right: 10% !important;
width: 400px !important;
height: 65px !important;
font-size: 27px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 10% !important;
width: 400px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 28px;
}
.divLogoStyleContainerMunchkin {
width: 9% !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.MunchkinRebateButton {
margin-top: 19% !important;
margin-right: 8% !important;
width: 370px !important;
height: 62px !important;
font-size: 25px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 8% !important;
width: 370px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 26px;
}
.divLogoStyleContainerMunchkin {
width: 11% !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
/*Max-Height 850 Min-Height 590 Max-Width 1390 Min-Width 1250*/
.MunchkinRebateButton {
margin-top: 11% !important;
margin-right: 12% !important;
width: 270px !important;
height: 40px !important;
font-size: 19px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 12% !important;
width: 270px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 19px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
/*Max-Height 1100 Min-Height 890 Max-Width 1690 Min-Width 1390*/
.MunchkinRebateButton {
margin-top: 14% !important;
margin-right: 12% !important;
width: 320px !important;
height: 52px !important;
font-size: 24px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 12% !important;
width: 320px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 23px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
/*Max-Height 1050 Min-Height 851 Max-Width 1320 Min-Width 1250*/
.MunchkinRebateButton {
margin-top: 11% !important;
margin-right: 13% !important;
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 13% !important;
width: 250px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 17px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
/*Max-Height 1050 Min-Height 851 Max-Width 1320 Min-Width 1250*/
.MunchkinRebateButton {
margin-top: 3.5% !important;
margin-right: 5% !important;
width: 190px !important;
height: 38px !important;
font-size: 17px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 5% !important;
width: 190px !important;
margin-top: -1% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 14px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.MunchkinRebateButton {
style: iPadLandscape;
margin-top: 17% !important;
margin-right: 8% !important;
width: 225px !important;
height: 42px !important;
font-size: 18px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 8% !important;
width: 225px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 16px;
}
.divLogoStyleContainerMunchkin {
width: 20% !important;
margin-left: 5px !important;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.MunchkinRebateButton {
style: iPadProLandscape;
margin-top: 22% !important;
margin-right: 9% !important;
width: 275px !important;
height: 55px !important;
font-size: 25px !important;
margin-bottom: 0px !important;
border-radius: 30px;
}
.MunchkinPromotionRebateForm {
margin-right: 9% !important;
width: 275px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 19px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.MunchkinRebateButton {
style: iPadProProtrait;
margin-top: 37% !important;
margin-right: 5% !important;
width: 300px !important;
height: 55px !important;
font-size: 25px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 5% !important;
width: 300px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 21px;
}
.divLogoStyleContainerMunchkin {
width: 20% !important;
margin-left: 5px !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.MunchkinRebateButton {
style: iPadProtrait;
margin-top: 32% !important;
margin-right: 3% !important;
width: 225px !important;
height: 40px !important;
font-size: 17px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 3% !important;
width: 225px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 16px;
}
.divLogoStyleContainerMunchkin {
width: 25% !important;
margin-left: 5px !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.MunchkinRebateButton {
margin-top: 19% !important;
margin-right: 11% !important;
width: 222px !important;
height: 50px !important;
font-size: 17px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 11% !important;
width: 222px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 12px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.MunchkinRebateButton {
margin-top: 6% !important;
margin-right: 4% !important;
width: 150px !important;
height: 28px !important;
font-size: 11px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 4% !important;
width: 150px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 10px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 9% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.MunchkinRebateButton {
margin-top: 1% !important;
margin-right: 6% !important;
width: 125px !important;
height: 28px !important;
font-size: 11px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 6% !important;
width: 125px !important;
margin-top: -2% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 9px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 7% !important;
}
.divLogoStyleContainerMunchkin {
margin-top: 0% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.MunchkinRebateButton {
margin-top: -13% !important;
margin-right: 2% !important;
width: 120px !important;
height: 24px !important;
font-size: 9px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 2% !important;
width: 120px !important;
margin-top: -11% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 9px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 8% !important;
width: 53% !important;
float: left !important;
display: inline-block !important;
}
.divLogoStyleContainerMunchkin {
width: 43% !important;
margin-left: 5px !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.MunchkinRebateButton {
margin-top: 1% !important;
margin-right: 11% !important;
width: 160px !important;
height: 30px !important;
font-size: 13px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 11% !important;
width: 160px !important;
margin-top: -2% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 11px;
}
.MunchkinPromotionListItem {
width: 100% !important;
margin: 0% auto !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.MunchkinRebateButton {
margin-top: -3% !important;
margin-right: 10% !important;
width: 150px !important;
height: 26px !important;
font-size: 10px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-top: -2% !important;
margin-right: 10% !important;
width: 150px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 11px;
}
.MunchkinPromotionListItem {
width: 100% !important;
margin: 0% auto !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 4% !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.MunchkinRebateButton {
/*style: iPadProtrait;*/
margin-top: -8% !important;
margin-right: 12% !important;
width: 120px !important;
height: 31px !important;
font-size: 13px !important;
margin-bottom: -4px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 12% !important;
width: 120px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 15px;
}
.MunchkinPromotionListItem {
width: 100% !important;
margin: 0% auto !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 5% !important;
}
}
/*#endregion*/
/*#region ITP Storm Weels */
.divITPStormWeelsMainBody {
background-color: #0f0f0f !important;
}
.ITPStormWheelsRebateBody {
min-height: auto !important;
}
@media screen and (min-width: 3000px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 15% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 17% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 2% !important;
width: 19% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 28% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 19% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 26% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 30% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 24% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.ITPStormWheelsPromotionListItem {
min-width: 94% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 6% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 32% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.ITPStormWheelsPromotionListItem {
min-width: 94% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.ITPStormWheelsPromotionListItem {
min-width: 100% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 7% !important;
width: 48% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.ITPStormWheelsPromotionListItem {
min-width: 100% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 7% !important;
width: 50% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 7% !important;
width: 57% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 39% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
.footer_forResponsive p {
margin: 5px !importants;
}
.divFooterMain p {
margin: 5px !importants;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.ITPStormWheelsPromotionListItem {
min-width: 94% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.ITPStormWheelsPromotionListItem {
min-width: 95% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 5% !important;
width: 45% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
margin-top: 5px;
width: 32% !important;
margin-right: 18% !important;
height: auto !important;
min-height: auto !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 45% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*#endregion*/
/*#region PowerteqFlashPaq */
@media only screen and (max-height: 900px) and (max-width: 1920px) {
.templatePromoRebateButton_241 {
margin-top: 80px !important;
}
}
/* @media only screen and (max-height: 900px) and (max-width: 1920px) { */
/* . templatePromoDescription_241 .richTextBox--html */
/* { */
/* padding:82px !important */
/* } */
/* } */
@media only screen and (max-height: 1280px) and (max-width: 980px) {
.templatePromoRebateButton_241 {
margin-top: 100px !important;
}
}
@media only screen and (max-height: 1280px) and (max-width: 800px) {
.templatePromoRebateButton_241 {
margin-top: 100px !important;
}
}
@media only screen and (max-height: 1366px) and (max-width: 1024px) {
.templatePromoRebateButton_241 {
margin-top: 180px !important;
}
}
.PowerteqFlashPaqRebateButton {
font-family: BankGothic_Md_BT;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-family: BankGothic_Md_BT;
font-weight: normal;
margin: 0 auto !important;
display: block !important;
}
.PowerteqFlashPaqPromotionRebateForm p {
margin: 0 auto !important;
}
@media screen and (min-width: 3000px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 23px !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 21px !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 20px !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 19px !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.PowerteqFlashPaqRebateButton {
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.PowerteqFlashPaqRebateButton {
width: 200px !important;
height: 44px !important;
font-size: 20px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.PowerteqFlashPaqRebateButton {
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.PowerteqFlashPaqRebateButton {
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.PowerteqFlashPaqRebateButton {
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.PowerteqFlashPaqRebateButton {
width: 150px !important;
height: 50px !important;
border: 3px solid rgb(0, 0, 0) !important;
font-size: 16px !important;
white-space: inherit;
padding: 1px;
margin-bottom: 0px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.PowerteqFlashPaqRebateButton {
width: 78px !important;
height: 38px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 11px !important;
white-space: inherit;
padding: 2px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 8px !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.PowerteqFlashPaqRebateButton {
width: 78px !important;
height: 38px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 11px !important;
white-space: inherit;
padding: 2px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 9px !important;
}
.divPowerteqFlashPaqTrackingInputStyle {
margin-top: 9%;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.PowerteqFlashPaqRebateButton {
width: 70px !important;
height: 34px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 9px !important;
white-space: inherit;
padding: 2px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 8px !important;
}
.divPowerteqFlashPaqTrackingInputStyle {
margin-top: 9%;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.PowerteqFlashPaqRebateButton {
width: 62px !important;
height: 30px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 9px !important;
white-space: inherit;
padding: 1px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 7px !important;
}
.divPowerteqFlashPaqTrackingInputStyle {
margin-top: 9%;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.PowerteqFlashPaqRebateButton {
width: 128px !important;
height: 31px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 12px !important;
white-space: inherit;
}
.PowerteqFlashPaqPromotionRebateForm {
font-size: 10px !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.PowerteqFlashPaqRebateButton {
width: 120px !important;
height: 27px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 11px !important;
white-space: inherit;
padding: 1px;
}
.PowerteqFlashPaqPromotionRebateForm {
font-size: 7px !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.PowerteqFlashPaqRebateButton {
}
}
/*#endregion*/
/*Purpose Tea*/
/* Start region*/
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -227px;
background-size: contain;
margin-left: 500px;
position: absolute;
}
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -65px !important;
background-size: contain;
margin-left: 500px !important;
position: absolute;
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -320px !important;
background-size: contain;
margin-left: 830px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -104px !important;
background-size: contain;
margin-left: 830px !important;
position: absolute;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -310px !important;
background-size: contain;
margin-left: 710px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -105px !important;
background-size: contain;
margin-left: 710px !important;
position: absolute;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -306px !important;
background-size: contain;
margin-left: 685px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -103px !important;
background-size: contain;
margin-left: 682px !important;
position: absolute;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -230px !important;
background-size: contain;
margin-left: 492px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -95px !important;
background-size: contain;
margin-left: 497px !important;
position: absolute;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -240px !important;
background-size: contain;
margin-left: 499px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -95px !important;
background-size: contain;
margin-left: 500px !important;
position: absolute;
}
}
@media screen and (max-height: 1050px) and (min-height: 800px) and (max-width: 1320px) and (min-width: 1250px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -215px !important;
background-size: contain;
margin-left: 440px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -88px !important;
background-size: contain;
margin-left: 446px !important;
position: absolute;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -194px !important;
background-size: contain;
margin-left: 403px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -83px !important;
background-size: contain;
margin-left: 409px !important;
position: absolute;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -194px !important;
background-size: contain;
margin-left: 397px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -83px !important;
background-size: contain;
margin-left: 404px !important;
position: absolute;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -223px !important;
background-size: contain;
margin-left: 470px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -90px !important;
background-size: contain;
margin-left: 469px !important;
position: absolute;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -221px !important;
background-size: contain;
margin-left: 450px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -86px !important;
background-size: contain;
margin-left: 450px !important;
position: absolute;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 38px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -179px !important;
background-size: contain;
margin-left: 387px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 37px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -70px !important;
background-size: contain;
margin-left: 387px !important;
position: absolute;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -122px !important;
background-size: contain;
margin-left: 186px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -48px !important;
background-size: contain;
margin-left: 190px !important;
position: absolute;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 31px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -103px !important;
background-size: contain;
margin-left: 224px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 28px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -42px !important;
background-size: contain;
margin-left: 224px !important;
position: absolute;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 21px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -87px !important;
background-size: contain;
margin-left: 207px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 23px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -37px !important;
background-size: contain;
margin-left: 205px !important;
position: absolute;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 23px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -90px !important;
background-size: contain;
margin-left: 198px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 25px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -39px !important;
background-size: contain;
margin-left: 198px !important;
position: absolute;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -122px !important;
background-size: contain;
margin-left: 186px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -48px !important;
background-size: contain;
margin-left: 190px !important;
position: absolute;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -122px !important;
background-size: contain;
margin-left: 186px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -48px !important;
background-size: contain;
margin-left: 190px !important;
position: absolute;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -147px !important;
background-size: contain;
margin-left: 290px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -65px !important;
background-size: contain;
margin-left: 290px !important;
position: absolute;
}
}
/*#endregion*/
/*#region Rigid Industries */
.RigidIndustriesRebateButton {
display: block !important;
min-height: 93px !important;
font-size: 38px !important;
background-image: url("RigidIndustriesRebateButton/Button.png") !important;
background-position: right !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable {
margin: 0 !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable .richTextBox--html {
margin: 0 !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable H3 {
margin: 0 !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable a {
color: #ffffff !important;
text-decoration: underline !important;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
display: block;
padding: 0;
position: absolute;
bottom: 0;
width: 50%;
}
@media screen and (min-width: 3000px) {
.RigidIndustriesRebateButton {
width: 650px !important;
height: 65px !important;
font-size: 28px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 29px !important;
}
.RigidIndustriesRebateLable B {
float: left;
margin-left: 3%;
}
.RigidIndustriesPromotionParent {
margin-bottom: 5% !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 29px !important;
}
.RigidIndustriesRebateLable B {
float: left;
margin-left: 3%;
}
.RigidIndustriesPromotionParent {
margin-bottom: 5% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 26px !important;
}
.RigidIndustriesRebateLable B {
float: left;
margin-left: 3%;
}
.RigidIndustriesPromotionParent {
margin-bottom: 5% !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 24px !important;
margin-right: 25% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 7% !important; */
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.RigidIndustriesRebateButton {
width: 450px !important;
height: 36px !important;
min-height: 64px !important;
font-size: 31px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 18px !important;
}
.RigidIndustriesRebateLable B {
margin-left: 3%;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.RigidIndustriesRebateButton {
width: 575px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 23px !important;
margin-left: 6% !important;
}
.RigidIndustriesRebateLable B {
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.RigidIndustriesRebateButton {
width: 500px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 21px !important;
float: left;
margin-left: 2% !important;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.RigidIndustriesRebateButton {
width: 300px !important;
height: 38px !important;
font-size: 20px !important;
min-height: 60px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 13px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 2% !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.RigidIndustriesRebateButton {
width: 400px !important;
height: 38px !important;
font-size: 29px !important;
margin-left: 0% !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 17px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.RigidIndustriesRebateButton {
width: 500px !important;
height: 38px !important;
font-size: 31px !important;
margin-left: 0% !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 22px !important;
}
.RigidIndustriesRebateLable B {
margin-left: 2% !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 25px !important;
float: left;
margin-left: 5% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 35% !important; */
width: 100% !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.RigidIndustriesRebateButton {
margin-bottom: 10px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 22px !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 32% !important; */
width: 100% !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
}
.RigidIndustriesPromotionParent {
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.RigidIndustriesRebateButton {
width: 300px !important;
height: 50px !important;
font-size: 22px !important;
margin: 0 !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 12px !important;
float: left;
margin-left: 2% !important;
margin-top: 1% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 25% !important; */
width: 100% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.RigidIndustriesRebateButton {
width: 300px !important;
height: 50px !important;
font-size: 22px !important;
margin: 0 !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 12px !important;
float: left;
margin-left: 2% !important;
margin-top: 1% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 27% !important; */
width: 100% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.RigidIndustriesRebateButton {
width: 275px !important;
height: 50px !important;
font-size: 20px !important;
margin: 0 !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 11px !important;
float: left;
margin-left: 2% !important;
margin-top: 1% !important;
}
.RigidIndustriesPromotionParent {
width: 100% !important;
/* margin-bottom: 26% !important; */
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.RigidIndustriesRebateButton {
width: 300px !important;
height: 36px !important;
font-size: 13px !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 13px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 1% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.RigidIndustriesRebateButton {
width: 250px !important;
height: 36px !important;
font-size: 13px !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
margin: 0;
padding: 0 !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 12px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 1% !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.RigidIndustriesRebateButton {
width: 225px !important;
height: 32px !important;
font-size: 12px !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 11px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 2% !important;
width: 50% !important;
}
}
/*#endregion*/
/*#region ITP All-Terrain Tires */
.divAllTerrainTiresMainBody {
background-color: #0f0f0f !important;
}
.ITPAllTerrainTiresRebateBody {
min-height: auto !important;
}
.ITPAllTerrainTiresRebateButton {
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
@media screen and (min-width: 3000px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 4% !important;
width: 600px !important;
height: 100px !important;
border-radius: 18px;
font-size: 36px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 18px;
font-size: 30px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 15% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 18px;
font-size: 30px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 17% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 14% !important;
width: 406px !important;
height: 70px !important;
border-radius: 18px;
font-size: 30px !important;
margin-right: 14% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 2% !important;
width: 19% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 12% !important;
width: 350px !important;
height: 66px !important;
border-radius: 18px;
font-size: 25px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 28% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 19% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 12% !important;
width: 350px !important;
height: 65px !important;
border-radius: 18px;
font-size: 25px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 10% !important;
width: 300px !important;
height: 60px !important;
border-radius: 18px;
font-size: 21px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 26% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 9% !important;
width: 245px !important;
height: 46px !important;
border-radius: 7px;
font-size: 17px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 4% !important;
width: 250px !important;
height: 50px !important;
border-radius: 18px;
font-size: 18px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 30% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 10% !important;
width: 350px !important;
height: 65px !important;
border-radius: 10px;
font-size: 25px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 24% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 8% !important;
width: 250px !important;
height: 58px !important;
border-radius: 9px;
font-size: 19px !important;
;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 94% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 6% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 32% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 220px !important;
height: 56px !important;
border-radius: 9px;
font-size: 16px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 94% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 4% !important;
width: 350px !important;
height: 65px !important;
border-radius: 18px;
font-size: 25px !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.ITPAllTerrainTiresRebateButton {
width: 150px !important;
height: 35px !important;
border-radius: 18px;
font-size: 11px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 100% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 7% !important;
width: 48% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.ITPAllTerrainTiresRebateButton {
width: 150px !important;
height: 35px !important;
border-radius: 18px;
font-size: 11px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 100% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 7% !important;
width: 50% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 0% !important;
width: 134px !important;
height: 30px !important;
border-radius: 18px;
font-size: 10px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 7% !important;
width: 57% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 39% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
.footer_forResponsive p {
margin: 5px !importants;
}
.divFooterMain p {
margin: 5px !importants;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 200px !important;
height: 38px !important;
border-radius: 18px;
font-size: 13px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 94% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 173px !important;
height: 38px !important;
border-radius: 18px;
font-size: 13px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 95% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 5% !important;
width: 45% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
margin-top: 5px;
width: 32% !important;
margin-right: 18% !important;
height: auto !important;
min-height: auto !important;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 185px !important;
height: 37px !important;
border-radius: 18px;
font-size: 14px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 45% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*#endregion*/
/*#region Carlstar Group - Carlisle Fall Rebate */
.divCarlisleTiresMainBody {
background-color: #1f295c !important;
}
.CarlisleTiresRebateBody {
min-height: auto !important;
}
.CarlisleTiresRebateButton {
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
@media screen and (min-width: 3000px) {
.CarlisleTiresRebateButton {
margin-top: 4% !important;
width: 600px !important;
height: 100px !important;
border-radius: 54px;
font-size: 36px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 40px;
font-size: 30px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 15% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 40px;
font-size: 30px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 17% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 19% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 18% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.CarlisleTiresRebateButton {
margin-top: 13% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 28% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 19% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.CarlisleTiresRebateButton {
margin-top: 2% !important;
width: 300px !important;
height: 60px !important;
border-radius: 32px;
font-size: 21px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 4% !important;
width: 26% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.CarlisleTiresRebateButton {
margin-top: 22% !important;
width: 245px !important;
height: 46px !important;
border-radius: 32px;
font-size: 17px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.CarlisleTiresRebateButton {
margin-top: 0% !important;
width: 250px !important;
height: 50px !important;
border-radius: 30px;
font-size: 18px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 30% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.CarlisleTiresRebateButton {
margin-top: 23% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 24% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.CarlisleTiresRebateButton {
margin-top: 20% !important;
width: 250px !important;
height: 58px !important;
border-radius: 32px;
font-size: 19px !important;
;
}
.CarlisleTiresPromotionListItem {
min-width: 94% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 32% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.CarlisleTiresRebateButton {
margin-top: 20% !important;
width: 220px !important;
height: 49px !important;
border-radius: 32px;
font-size: 16px !important;
}
.CarlisleTiresPromotionListItem {
min-width: 94% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.CarlisleTiresRebateButton {
margin-top: 4% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.CarlisleTiresRebateButton {
width: 110px !important;
height: 28px !important;
border-radius: 19px;
font-size: 8px !important;
margin-top: 18%;
}
.CarlisleTiresPromotionListItem {
min-width: 100% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 4% !important;
width: 48% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.CarlisleTiresRebateButton {
width: 110px !important;
height: 28px !important;
border-radius: 37px;
font-size: 8px !important;
margin-top: 18%;
}
.CarlisleTiresPromotionListItem {
min-width: 100% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 50% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.CarlisleTiresRebateButton {
margin-top: -5% !important;
width: 108px !important;
height: 26px !important;
border-radius: 28px;
font-size: 8px !important;
margin-right: 18%;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 57% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 39% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
.footer_forResponsive p {
margin: 5px !importants;
}
.divFooterMain p {
margin: 5px !importants;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.CarlisleTiresRebateButton {
margin-top: 3% !important;
width: 200px !important;
height: 38px !important;
border-radius: 30px;
font-size: 13px !important;
}
.CarlisleTiresPromotionListItem {
min-width: 94% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.CarlisleTiresRebateButton {
margin-top: -2% !important;
width: 173px !important;
height: 38px !important;
border-radius: 32px;
font-size: 13px !important;
}
.CarlisleTiresPromotionListItem {
min-width: 95% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 45% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
margin-top: 5px;
width: 32% !important;
margin-right: 18% !important;
height: auto !important;
min-height: auto !important;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.CarlisleTiresRebateButton {
margin-top: 0% !important;
width: 185px !important;
height: 37px !important;
border-radius: 32px;
font-size: 14px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 45% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*#endregion*/
/*#region Carlstar Group - itptires april 2018 */
.ITPRideLikeAProRebateButton {
font-weight: normal;
font-style: normal;
color: rgb(255, 255, 255);
background-color: rgb(9, 31, 88);
background-image: none;
background-repeat: no-repeat;
opacity: 0.99;
display: inline-block;
border-style: solid;
visibility: visible;
border-color: rgb(248, 148, 28);
margin-bottom: 10px;
border-radius: 25px 25px 25px 25px;
}
@media screen and (min-width: 3000px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 160px;
margin-bottom: 10px;
margin-right: 15% !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 75px;
margin-bottom: 10px;
margin-right: 12% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 110px;
margin-bottom: 10px;
margin-right: 12% !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 57px;
margin-bottom: 10px;
margin-right: 5% !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.ITPRideLikeAProRebateButton {
width: 310px !important;
height: 55px !important;
font-size: 22px !important;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6% !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.ITPRideLikeAProRebateButton {
width: 310px !important;
height: 55px !important;
font-size: 22px !important;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6% !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.ITPRideLikeAProRebateButton {
height: 58px !important;
font-size: 20px !important;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 9% !important;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.ITPRideLikeAProRebateButton {
width: 220px !important;
height: 45px !important;
margin-top: -30px !important;
margin-bottom: 10px;
font-size: 15px !important;
margin-right: 10% !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
width: 220px !important;
height: 46px !important;
font-size: 15px !important;
margin-top: -20px !important;
margin-bottom: 10px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
float: right;
height: 70px !important;
font-size: 30px !important;
margin-top: 10px;
margin-bottom: 10px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.ITPRideLikeAProRebateButton {
margin-right: 7% !important;
width: 265px !important;
height: 62px !important;
font-size: 22px !important;
margin-top: 25px !important;
margin-bottom: 10px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
width: 166px !important;
height: 45px !important;
font-size: 13px !important;
margin-top: -32px;
margin-bottom: 10px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.ITPRideLikeAProRebateButton {
margin-right: 5% !important;
width: 107px !important;
height: 23px !important;
font-size: 7px !important;
margin-top: -51px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.ITPRideLikeAProRebateButton {
margin-right: -3% !important;
width: 122px !important;
height: 25px !important;
font-size: 8px !important;
margin-top: -67px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.ITPRideLikeAProRebateButton {
margin-right: -4% !important;
width: 123px !important;
height: 29px !important;
font-size: 9px !important;
margin-top: -60px !important;
margin-bottom: 10px;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.ITPRideLikeAProRebateButton {
margin-right: -4% !important;
width: 90px !important;
height: 21px !important;
font-size: 6px !important;
margin-top: -52px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.ITPRideLikeAProRebateButton {
margin-right: 6% !important;
width: 150px !important;
height: 40px !important;
font-size: 11px !important;
margin-top: -24px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.ITPRideLikeAProRebateButton {
margin-right: 6% !important;
width: 137px !important;
height: 29px !important;
font-size: 10px !important;
margin-top: -10px !important;
margin-bottom: 10px;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
width: 150px !important;
height: 40px !important;
font-size: 11px !important;
margin-top: -18px !important;
margin-bottom: 10px;
}
}
/*#endregion*/
/*#region Lasermax Products LR17-3805 Website */
.LaserMaxRebateRebateButton {
width: 400px !important;
height: 65px !important;
font-size: 30px !important;
border-radius: 15px;
margin: 0 auto !important;
margin-bottom: 10px !important;
}
.LaserMaxRebateRebateLable {
margin: 0 !important;
padding: 0 !important;
}
.LaserMaxRebateRebateLable .richTextBox--html {
margin: 0 !important;
padding: 0 !important;
}
.LaserMaxRebateRebateLable H3 {
margin: 0 !important;
padding: 0 !important;
}
.LaserMaxRebateRebateLable a {
color: #ffffff !important;
text-decoration: underline !important;
}
.LaserMaxRebatePromotionParent {
margin-bottom: 7% !important;
display: block;
padding: 0;
position: absolute;
bottom: 0;
width: 50%;
}
@media screen and (min-width: 3000px) {
.LaserMaxRebateRebateButton {
width: 650px !important;
height: 65px !important;
font-size: 28px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 29px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.LaserMaxRebateRebateButton {
width: 600px !important;
height: 75px !important;
font-size: 37px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 35px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.LaserMaxRebateRebateButton {
width: 600px !important;
height: 75px !important;
font-size: 37px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 31px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.LaserMaxRebateRebateButton {
}
.LaserMaxRebateRebateLable H3 {
font-size: 24px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.LaserMaxRebateRebateButton {
width: 350px !important;
height: 48px !important;
font-size: 25px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 18px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.LaserMaxRebateRebateButton {
width: 350px !important;
height: 48px !important;
font-size: 25px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 21px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.LaserMaxRebateRebateButton {
width: 500px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 21px !important;
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 41px !important;
font-size: 19px !important;
margin-left: 0% !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 13px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.LaserMaxRebateRebateButton {
width: 350px !important;
height: 56px !important;
font-size: 25px !important;
margin-left: 0% !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 17px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.LaserMaxRebateRebateButton {
width: 450px !important;
height: 70px !important;
font-size: 32px !important;
margin-left: 0% !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 23px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.LaserMaxRebateRebateButton {
width: 500px !important;
height: 75px !important;
font-size: 35px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 30px !important;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.LaserMaxRebateRebateButton {
}
.LaserMaxRebateRebateLable H3 {
font-size: 22px !important;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.LaserMaxRebateRebateButton {
}
.LaserMaxRebateRebateLable H3 {
}
.LaserMaxRebatePromotionParent {
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
float: left;
width: 100%;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
float: left;
width: 100%;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 11px !important;
float: left;
width: 100%;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.LaserMaxRebateRebateButton {
width: 200px !important;
height: 35px !important;
font-size: 14px !important;
margin-bottom: 3px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.LaserMaxRebateRebateButton {
width: 175px !important;
height: 35px !important;
font-size: 13px !important;
margin-bottom: 3px !important;
}
.LaserMaxRebateRebateLable H3 {
margin: 0;
padding: 0 !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.LaserMaxRebateRebateButton {
width: 225px !important;
height: 32px !important;
font-size: 12px !important;
min-height: 50px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 11px !important;
}
.LaserMaxRebatePromotionParent {
width: 50% !important;
}
}
/*#endregion*/
/*#region Lasermax Products LR18-3805 Website */
.templatePromoRebateButton_208 {
margin-right: 71%;
float: right !important;
width: 360px;
height: 60px;
font-size: 28px;
border-color: black;
border-radius: 13px 13px 13px 13px;
border-bottom-width: 6px !important;
border-left-width: 6px !important;
border-right-width: 6px !important;
border-top-width: 6px !important;
}
@media screen and (min-width: 3000px) {
.templatePromoRebateButton_208 {
margin-top: 890px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.templatePromoRebateButton_208 {
margin-top: 1168px;
width: 250px !important;
height: 50px !important;
font-size: 18px !important;
margin-right: 66% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.templatePromoRebateButton_208 {
margin-top: 750px;
width: 439px !important;
height: 75px !important;
font-size: 33px !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.templatePromoRebateButton_208 {
margin-top: 762px;
width: 400px !important;
height: 70px !important;
font-size: 30px !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.templatePromoRebateButton_208 {
margin-top: 467px;
width: 300px !important;
height: 56px !important;
font-size: 23px !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.templatePromoRebateButton_208 {
margin-top: 515px;
width: 320px !important;
height: 60px !important;
font-size: 25px !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.templatePromoRebateButton_208 {
margin-top: 472px;
margin-right: 67% !important;
width: 360px !important;
height: 60px !important;
font-size: 28px !important;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.templatePromoRebateButton_208 {
margin-top: 425px;
width: 250px !important;
height: 50px !important;
font-size: 18px !important;
margin-right: 71% !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.templatePromoRebateButton_208 {
margin-top: 448px;
width: 250px !important;
height: 50px !important;
font-size: 18px !important;
margin-right: 70% !important;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.templatePromoRebateButton_208 {
margin-top: 500px;
margin-right: 69% !important;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.templatePromoRebateButton_208 {
margin-top: 1428px;
width: 300px !important;
height: 60px !important;
font-size: 22px !important;
margin-right: 68% !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.templatePromoRebateButton_208 {
margin-top: 1062px;
width: 260px !important;
height: 55px !important;
font-size: 20px !important;
margin-right: 62% !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.templatePromoRebateButton_208 {
margin-top: 549px;
width: 200px !important;
height: 50px !important;
font-size: 15px !important;
margin-right: 51% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoRebateButton_208 {
margin-top: 540px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 50% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoRebateButton_208 {
margin-top: 512px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 45% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoRebateButton_208 {
margin-top: 420px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 38% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.templatePromoRebateButton_208 {
margin-top: 243px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 71% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.templatePromoRebateButton_208 {
margin-top: 163px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 60% !important;
}
}
/* 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.templatePromoRebateButton_208 {
margin-top: 840px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 64% !important;
}
}
/*#endregion*/
/*#region falken FT18-4023/4027 Website */
@media screen and (min-width: 3000px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.templatePromoRebateButton_173 {
top: 458px;
}
}
/*#endregion*/
/*#region Powerteq PQ18-4041 Website */
/* Pirelli Desktop Changes*/
.PirelliParentRebateButton {
display: table !important;
margin-top: 20% !important;
}
.PirelliRebateButton {
margin-right: 2% !important;
}
/*#endregion*/
/* .templatePromoRebateButton_173 { */
/* position: absolute; */
/* top: 468px; */
/* left: 45%; */
/* } */
.templatePromoRebateButton_17182 {
top: 490px;
}
.pFooter {
text-align: left;
float: left;
font-size: 8px !important;
margin: 0auto;
}
/*#region aquabot april 2018*/
.templatePromoRebateButton_206 {
position: relative;
bottom: 62px;
right: 66px;
}
.templateBackPromoRebateButton_206 {
top: 367px;
left: 111px;
position: relative;
}
.HeaderTxtAquabot {
font-size: 18px;
color: #80807f;
font-weight: normal;
}
/* 5 Inches Mobile */
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 5 Inches Mobile */
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templateBackPromoRebateButton_206 {
top: 340px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 4 Inches Mobile */
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 5 Inches Mobile Landscape */
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 5 Inches Mobile Landscape */
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
@media only screen and (max-width: 420px) and (min-width: 321px) {
}
/*#endregion*/
.ImageHeightAutoElements_19866 {
display: none;
}
.templatePreview .templatePromoDescription.editable, .templatePreview .templatePromoDescription.editable:hover {
position: relative;
z-index: 2;
}
.divPromotionListItemImage_5961 img {
width: 100% !important;
}
.divPromotionListItemImage_5948 img {
width: 100% !important;
}
@media (min-width: 1281px) {
.promotionListItem_5948 {
height: 917px !important;
}
.divPromotionListItemImage_5961 {
margin-top: 600px !important;
margin-left: 300px !important;
}
.divPromotionListItemImage_5948 {
margin-top: 600px !important;
margin-left: 210px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 200px !important;
height: 40px !important;
border-radius: 37px;
font-size: 15px !important;
margin-top: -73px !important;
margin-right: 18% !important;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.promotionListItem_5948 {
height: 900px !important;
}
.divPromotionListItemImage_5961 {
margin-top: 600px !important;
margin-left: 75px !important;
width: 58.0741% !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 600px !important;
margin-left: 190px !important;
}
.promotionListItem_5948 {
min-width: 50% !important;
}
.promotionListItem_5961 {
min-width: 50% !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 200px !important;
height: 40px !important;
border-radius: 37px;
font-size: 15px !important;
margin-top: -73px !important;
margin-right: 18% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.promotionListItem_5948 {
height: 800px !important;
}
.divPromotionListItemImage_5961 {
width: 58.0741% !important;
margin-top: 400px !important;
margin-left: 75px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 400px !important;
margin-left: 190px !important;
}
.promotionListItem_5948 {
min-width: 50% !important;
}
.promotionListItem_5961 {
min-width: 50% !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 200px !important;
height: 40px !important;
border-radius: 37px;
font-size: 15px !important;
margin-top: -73px !important;
margin-right: 14% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.divPromotionListItemImage_5961 {
margin-top: 0px !important;
margin-left: 188px !important;
width: 58.0741% !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 216px !important;
margin-left: 188px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.promotionListItem_5961 {
margin: 0% auto !important;
}
.promotionListItem_5948 {
margin: 0% auto !important;
}
.templatePromoRebateButton_216 {
margin-top: 100px !important;
}
.templatePromoDescription_216.richTextBox--html {
padding: 2px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 156px !important;
height: 32px !important;
border-radius: 37px;
font-size: 11px !important;
margin-top: -73px !important;
margin-right: 10% !important;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
.divPromotionListItemImage_5961 {
margin-top: 0px !important;
margin-left: 70px !important;
width: 58.0741% !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 330px !important;
margin-left: 70px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.promotionListItem_5961 {
margin: 0% auto !important;
}
.promotionListItem_5948 {
margin: 0% auto !important;
}
.templatePromoRebateButton_216 {
margin-top: 200px !important;
}
.templatePromoDescription_216.richTextBox--html {
padding: 2px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 99px !important;
height: 27px !important;
border-radius: 37px;
font-size: 6px !important;
margin-top: -73px !important;
margin-right: 13% !important;
}
}
@media (min-width: 120px) and (max-width: 320px) {
.divPromotionListItemImage_5961 {
margin-top: 0px !important;
margin-left: 70px !important;
width: 58.0741% !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 300px !important;
margin-left: 70px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.promotionListItem_5961 {
margin: 0% auto !important;
}
.promotionListItem_5948 {
margin: 0% auto !important;
}
.templatePromoRebateButton_216 {
margin-top: 250px !important;
}
.templatePromoDescription_216.richTextBox--html {
padding: 2px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 99px !important;
height: 27px !important;
border-radius: 37px;
font-size: 6px !important;
margin-top: -73px !important;
margin-right: 13% !important;
}
}
.templatePromoRebateButton_21067 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.templatePromoRebateButton_21104 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.templateBackPromoRebateButton_216 {
margin-bottom: 0px !important;
margin-top: 0px !important;
width: 109px !important;
height: 26px !important;
font-size: 14px !important;
}
/*#region Sony Mobile offers June 2018 */
.SonyMobileOfferProRebateButton {
width: 340px;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.dpromotionListItem_6100 {
min-width: 30%;
position: relative;
/* float: none !important; */
margin: 0px !important;
}
.dpromotionListItem_6102 {
min-width: 31%;
position: relative;
float: none !important;
margin: 0px !important;
}
@media screen and (min-width: 3000px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:495px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:440px */
/* } */
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:495px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:440px */
/* } */
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:495px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:440px */
/* } */
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:695px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:695px */
/* } */
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:351px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:351px */
/* } */
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:354px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:320px */
/* } */
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:535px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:535px */
/* } */
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* /* top:495px */ */
/* top:300px */
/* } */
/* .dpromotionListItem_6102{ */
/* /* top:440px */ */
/* top:257px */
/* } */
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 450px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 450px !important; */ */
/* } */
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 380px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 366px !important; */ */
/* } */
}
/* @media screen and (min-width: 1168px) and (max-width: 1260px) { */
/* .dpromotionListItem_6100{ */
/* top: 282px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* top: 238px !important; */
/* } */
/* } */
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 780px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 780px !important; */ */
/* } */
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 572px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 566px !important; */ */
/* } */
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 380px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 366px !important; */ */
/* } */
}
/* .templateBody__promotionsList1 */
/* { position: absolute; */
/* bottom: 0px; */
/* left: 25px; */
/* } */
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 430px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 430px !important; */ */
/* } */
}
/* @media only screen */
/* and (device-width : 375px) */
/* and (device-height : 812px) */
/* and (-webkit-device-pixel-ratio : 3) { */
/* /* .dpromotionListItem_6100 { */ */
/* /* min-width: 47% !important; */ */
/* /* top: 449px !important; */ */
/* /* } */ */
/* /* .dpromotionListItem_6102{ */ */
/* /* min-width: 48% !important; */ */
/* /* top: 466px !important; */ */
/* /* } */ */
/* } */
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.SonyMobileOfferProRebateButton;
{
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 420px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top:420px !important; */
/* } */
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 320px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 319px !important; */
/* } */
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 380px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 366px !important; */
/* } */
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 380px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 366px !important; */
/* } */
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 380px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 366px !important; */
/* } */
}
/*#endregion*/
/* @media only screen and (max-width: 800px) and (min-width: 541px){ */
/* .dpromotionListItem_6100{ */
/* min-width: 30% !important; */
/* top: 311pxs !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 30% !important; */
/* top: 570px !important; */
/* } */
/* } */
/* @media only screen */
/* and (min-device-width: 834px) */
/* and (max-device-width: 834px) */
/* and (orientation: portrait) */
/* and (-webkit-min-device-pixel-ratio: 2) { */
/* .dpromotionListItem_6100 { */
/* min-width: 47% !important; */
/* /* top: 572px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 47% !important; */
/* /* top: 590px !important; */ */
/* } */
/* } */
/* Landscape */
@media only screen and (min-width: 1112px) and (max-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* .dpromotionListItem_6100 { */
/* min-width: 47% !important; */
/* top: 572px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 47% !important; */
/* top: 590px !important; */
/* } */
}
.divPromotionSiteDetails_241 {
min-height: 500px;
}
@media only screen and (max-height: 2000px) and (min-height: 900px) {
.divPromotionSiteDetails_241 {
min-height: 700px;
}
}
@font-face {
font-family: 'BankGothic_Md_BT';
src: url('fonts/bankgothic/bankgothic-md-bt-medium.otf') format('otf'), url('fonts/bankgothic/bankgothic-md-bt-medium.woff') format('woff'), url('fonts/bankgothic/bankgothic-md-bt-medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* */
/*
@media (min-width:320px) smartphones, iPhone, portrait 480x320 phones
@media (min-width:481px) portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.
@media (min-width:641px) portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones
@media (min-width:961px) tablet, landscape iPad, lo-res laptops ands desktops
@media (min-width:1025px) big landscape tablets, laptops, and desktops
@media (min-width:1281px) hi-res laptops and desktops
*/
/* 360px .. 5 - inches Mobile */
/* 540px .. 6 - inches Mobile */
/* 3 Step Inner Body Div */
.ImageHeightAuto > img {
height: auto;
}
.headerTextCenter {
display: table !important;
width: 100%;
text-align: center;
position: absolute;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.promotionCover__imageAuto {
height: 100% !important;
}
}
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
/* .divFooterNote { */
/* width: 50%; */
/* text-align: center; */
/* } */
/* .divFooterLinks { */
/* width: 50%; */
/* /* padding-top: 42px; */ */
/* padding-top: 24px; */
/* text-align: center; */
/* } */
.divTraclingInput {
width: 100px;
border: 1px solid #e1e1e1;
border-radius: 4px;
margin-right: 4px;
padding: 0px 5px 0px 5px;
}
.divTraclingSearch {
height: 22px;
width: 26px;
padding: 0;
line-height: 20px;
}
.divContactUs {
width: 100%;
float: left;
font-size: 14px;
}
.divFieldLarge {
width: 100%;
height: 24px;
}
.divFieldMedium__left {
width: 49%;
height: 24px;
float: left;
margin-right: 0px;
}
.divFieldMedium__right {
width: 49%;
height: 24px;
float: right;
margin-right: 0px;
}
.divFieldSmall {
width: 143.66666667px;
}
.divContavtUsLeftContainer {
max-width: 50%;
width: 49%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 49%;
text-align: center;
display: inline-block;
margin-left: 15px;
}
@media screen and (min-width: 1700px) {
.divEndingText {
display: inline-block !important;
margin-top: 75px;
}
.divTitleStyleContainer {
}
}
@media screen and (min-width: 1162px) {
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
/* .divPromotionListItem { */
/* height: auto !important; */
/* min-width: 60%; */
/* } */
}
@media screen and (max-width: 1162px) {
.divPromotionListItem {
height: auto !important;
min-width: 60%;
}
}
@media screen and (max-width: 1050px) {
.divLogoStyleContainerResponsive {
width: 25% !important;
margin-left: 5px !important;
}
.divPromotionListItem {
height: auto !important;
min-width: 65%;
}
.FooterTermsStyle {
margin: 7px 0 0 14px;
line-height: 10px;
}
.boldFont {
font-size: 10px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 10px !important;
display: table;
}
}
@media only screen and (max-width: 960px) {
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 10px;
}
.boldFont {
font-size: 10px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 9px !important;
display: table;
}
.boldFontSize13 {
font-size: 9px !important;
}
.p {
line-height: 11px;
margin: 0 auto !important;
}
}
@media only screen and (min-width: 960px) {
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
/* .divPromotionListItem { */
/* height: auto !important; */
/* min-width: 70%; */
/* } */
.divPromotionListItemDetails {
/*min-width: 100%;*/
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) {
.divLogoStyleContainerResponsive {
width: 29% !important;
margin-left: 5px !important;
}
.divLogoStyleContainer {
}
.divTitleStyleContainer {
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divPromotionListItem {
height: auto !important;
min-width: 76%;
}
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 8px;
}
.boldFont {
font-size: 8px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 9px !important;
display: table;
}
.boldFontSize13 {
font-size: 9px !important;
}
.p {
line-height: 11px;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
}
}
/* 6 Inches Mobile*/
@media only screen and (min-width: 375px) and (max-width: 844px) {
.divLogoStyleContainer {
/* width: 30% !important; */
width: 55% !important;
margin-left: 5px !important;
margin-top: 0%;
}
.templateHeader__logo img {
width: 180px !important;
}
.templateHeader__trackingNumber {
float: none !important;
}
.divContactUs {
width: 100%;
float: left;
font-size: 12px;
margin-left: 35px;
padding-bottom: 23px;
}
.divLogoStyleContainer_2729{
width: 42% !important;
margin-left: 133px !important;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 42% !important;
margin-left: 5px !important;
margin-top: 2%;
}
/* .divPromotionListItem { */
/* min-width: 89%; */
/* margin: auto !important; */
/* float: none !important; */
/* height: auto !important; */
/* } */
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
label, .label {
font-size: 16px !important;
}
h2, .h2 {
font-size: 16px !important;
}
/*font {
font-size: 16px !important;
}*/
p, .p, p font {
font-size: 15px !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 7px;
}
.boldFont {
font-size: 6px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 7px !important;
display: table;
}
.boldFontSize13 {
font-size: 7px !important;
}
.p {
line-height: 11px;
}
.divFooterLink {
font-size: 12px;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: inherit !important;
}
}
/* 6 Inches Mobile 8001*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.divLogoStyleContainer {
/* width: 30% !important; */
width: 55% !important;
margin-left: 5px !important;
margin-top: 0%;
}
.divLogoStyleContainer_2729{
width: 42% !important;
margin-left: 133px !important;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 42% !important;
margin-left: 5px !important;
margin-top: 2%;
}
/* .divPromotionListItem { */
/* min-width: 89%; */
/* margin: auto !important; */
/* float: none !important; */
/* height: auto !important; */
/* } */
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
label, .label {
font-size: 16px !important;
}
h2, .h2 {
font-size: 16px !important;
}
/*font {
font-size: 16px !important;
}*/
p, .p, p font {
font-size: 15px !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
.FooterTermsStyle {
margin: 5px 0 0 14px;
line-height: 7px;
}
.boldFont {
font-size: 6px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 7px !important;
display: table;
}
.boldFontSize13 {
font-size: 7px !important;
}
.p {
line-height: 11px;
}
.divFooterLink {
font-size: 12px;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: inherit !important;
}
}
@media only screen and (min-width: 420px) and (max-width: 520px)
{
.divPromotionListItem {
min-width: 95%;
height: auto !important;
min-height: inherit !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 419px)
{
.divPromotionListItem {
min-width: 85%;
/*Check Works With All or not*/
height: auto !important;
min-height: inherit !important;
/* float: none !important; */
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 420px) {
.divLogoStyleContainer {
/* width: 42% !important; */
width: 56% !important;
margin-left: 5px !important;
margin-top: 0%;
}
.divLogoStyleContainer_2729{
width: 30% !important;
margin-left: 145px !important;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 46% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divTitleStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divTrackingInputStyleContainer {
/* width: 55% !important; */
width: 40% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divContactUs {
width: 100% !important;
float: left !important;
font-size: 12px !important;
margin-left: 35px !important;
padding-bottom: 23px !important;
}
.divTrackingInputStyleContainerResponsive {
width: 50% !important;
float: left !important;
display: inline-block !important;
}
h2, .h2 {
font-size: 13px !important;
}
h3, .h3 {
font-size: 12px !important;
}
p, .p, p font {
font-size: 12px !important;
}
/*font, .font {
font-size: 13px !important;
}*/
.autoHide {
display: block !important;
}
.divFooterNote .textStyle__textLabel {
font-size: 12px !important;
}
label, .label {
font-size: 13px !important;
}
.divInnerbody {
height: auto !important;
width: 90% !important;
}
.divPromotionListItem {
/* min-width: 85%; */
/*Check Works With All or not*/
/* height: auto !important; */
/* min-height: inherit !important; */
/* float: none !important; */
}
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
.fv {
height: auto !important;
min-height: inherit !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divTraclingInput {
width: 70px;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-size: 10px;
}
.divTraclingSearch {
height: 16px;
width: 19px;
font-size: 10px;
padding: 0;
line-height: 10px;
}
.divFieldLarge,
.divFieldMedium,
.divFieldSmall {
width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
.FooterTermsStyle {
margin: 5px 9px 0 14px;
line-height: 10px;
}
.boldFont {
font-size: 10px !important;
font-weight: bold;
margin: 0 auto;
text-align: left;
}
.boldFontSize12 {
font-size: 10px !important;
display: table;
}
.boldFontSize13 {
font-size: 9px !important;
}
.divFooterLink {
font-size: 10px;
}
.p {
line-height: 12px;
margin: 0 auto !important;
}
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: auto !important;
}
.templateFormElement {
margin-bottom: 0px !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.divLogoStyleContainer {
width: 42% !important;
margin-left: 5px !important;
margin-top: 0%;
}
.divLogoStyleContainer_2729{
width: 42% !important;
margin-left: 100px !important;
}
.divLogoStyleContainer_266 img {
width: 100% !important;
}
.divLogoStyleContainerResponsive {
width: 52% !important;
margin-left: 5px !important;
margin-top: 2%;
}
.divTitleStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divTrackingInputStyleContainer {
width: 55% !important;
height: 50% !important;
float: left !important;
display: inline-block !important;
}
.divContactUs {
width: 100%;
float: left;
font-size: 12px;
margin-left: 35px;
padding-bottom: 23px;
}
.divTrackingInputStyleContainerResponsive {
width: 45% !important;
float: left !important;
display: inline-block !important;
}
h2, .h2 {
font-size: 13px !important;
}
h3, .h3 {
font-size: 12px !important;
}
p, .p, p font {
font-size: 12px !important;
margin: 0 auto !important;
}
/*font, .font {
font-size: 13px !important;
}*/
.divFooterNote .textStyle__textLabel {
font-size: 10px !important;
}
label, .label {
font-size: 13px !important;
}
.divInnerbody {
height: auto !important;
}
.divPromotionListItem {
min-width: 98%;
/*Check Works With All or not*/
height: auto !important;
min-height: inherit !important;
}
.divPromotionListItemImage {
height: auto !important;
min-height: inherit !important;
}
.divPromotionListItemDetails {
min-width: 100%;
}
.divTraclingInput {
width: 70px;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-size: 10px;
}
.divTraclingSearch {
height: 16px;
width: 19px;
font-size: 10px;
padding: 0;
line-height: 10px;
}
.divContactUs {
width: 100%;
float: left;
font-size: 12px;
}
.divFieldLarge,
.divFieldMedium,
.divFieldSmall {
width: 100%;
}
.divContavtUsLeftContainer {
max-width: 100%;
width: 100%;
text-align: center;
display: inline-block;
float: left;
}
.divContavtUsRightContainer {
width: 100%;
text-align: center;
display: inline-block;
margin-left: 0px !important;
}
/* .FooterTermsStyle{ */
/* margin: 5px 9px 0 14px; */
/* line-height: 6px */
/* } */
/* .boldFont { */
/* font-size:6px !important; */
/* font-weight: bold; */
/* margin: 0 auto; */
/* text-align: left; */
/* } */
/* .boldFontSize12 { */
/* font-size:7px !important; */
/* display: table; */
/* } */
/* .boldFontSize13{ */
/* font-size:7px !important; */
/* } */
/* .p{ */
/* line-height: 11px; */
/* margin: 0 auto !important; */
/* } */
.removeBottomPadding {
/* padding-bottom: 50px !important; */
/* min-height: 1px !important; */
}
.templatePromoDescriptionRomoveMinHeight {
min-height: inherit !important;
height: auto !important;
}
.templateFormElement {
margin-bottom: 0px !important;
}
.rebateFormModal__closeButton {
font-weight: bold;
font-size: 14px;
color: #a1a1a1;
cursor: pointer;
margin-right: 5px;
}
}
.trackingSummery__header {
border-width: 0px;
width: 100%;
height: 50px;
color: white;
border-radius: 5px 5px 0px 0px;
background-image: none;
background-color: #004E96;
}
.trackingSummery__body {
border-radius: 0px 0px 5px 5px;
}
.trackingSummery__button {
background-color: #004E96;
}
.trackingSummery__header_text {
display: inline-block;
width: 95%;
padding: 10px;
height: 50px;
text-align: center;
}
.trackingSummary__trackingNumber {
font-size: 17px;
margin-top: 8px;
font-weight: 400;
float: none;
color: white;
display: inline-block;
width: 60%;
background-color: #004E96;
height: 40px;
line-height: 40px;
border-radius: 7px;
}
.testAngularFont6 {
font-size: 2.75em;
}
.testAngularFont15 {
font-size: 5em;
}
@media (max-width: 1500px) {
.testAngularFont6 {
font-size: 2.5em !important;
}
.testAngularFont15 {
font-size: 4.75em !important;
}
}
@media (max-width: 1300px) {
.testAngularFont6 {
font-size: 2.25em !important;
}
.testAngularFont15 {
font-size: 4.5em !important;
}
}
@media (max-width: 1000px) {
.testAngularFont6 {
font-size: 2.25em !important;
}
.testAngularFont15 {
font-size: 3.75em !important;
}
}
@media (max-width: 900px) {
.testAngularFont6 {
font-size: 2em !important;
}
.testAngularFont15 {
font-size: 3.5em !important;
}
}
@media (max-width: 800px) {
.testAngularFont6 {
font-size: 1.75em !important;
}
.testAngularFont15 {
font-size: 2.5em !important;
}
}
@media (max-width: 700px) {
.testAngularFont6 {
font-size: 1.25em !important;
}
.testAngularFont15 {
font-size: 2em !important;
}
}
@media (max-width: 600px) {
.testAngularFont6 {
font-size: 1.2em !important;
}
.testAngularFont15 {
font-size: 1.85em !important;
}
}
@media (max-width: 600px) {
.testAngularFont6 {
font-size: 1.1em !important;
}
.testAngularFont15 {
font-size: 1.65em !important;
}
}
.headerDivLeft {
width: 60%;
float: left;
}
.headerDivRight {
width: 39%;
float: right;
margin-top: 3%;
}
@media (max-width: 1000px) {
.headerDivRight {
width: 39%;
float: right;
margin-top: 6%;
}
}
@media (max-width: 700px) {
.headerDivLeft {
width: 90%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 36% !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 600px) {
.headerDivLeft {
width: 100%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 30% !important;
height: auto !important;
width: 39% !important;
min-height: 90px !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 500px) {
.headerDivLeft {
width: 95%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 30% !important;
height: auto !important;
width: 43% !important;
min-height: 90px !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 400px) {
.headerDivLeft {
width: 95%;
float: left;
}
.headerDiv {
height: auto !important;
}
.headerDivLeftBody {
float: none !important;
margin-left: 29% !important;
width: 50% !important;
height: auto !important;
min-height: auto !important;
}
.headerDivRight {
width: 99%;
float: right;
margin-top: 0px !important;
}
}
@media (max-width: 600px) {
.divFooterMain {
height: auto !important;
background-repeat: initial !important;
}
.divFooterContentLeft {
Width: 100% !important;
}
.divFooterContentRight {
Width: 100% !important;
height: 38px !important;
}
.testAngularFont15 {
font-size: 1.65em !important;
}
.divFooterLinkli {
margin: 0 auto !important;
}
.divFooterLink {
font-size: 12px !important;
}
.richTextBox--html > p {
margin: 0 auto !important;
}
}
.boldFontSize14 a:hover {
text-decoration: none;
}
.CragarITPRebateBody {
min-height: auto !important;
}
@media screen and (min-width: 1700px) and (min-height: 700px) and (max-height: 1200px) {
.CragarITPRebateButton {
margin-top: 13% !important;
width: 328px !important;
height: 56px !important;
border-radius: 22px;
font-size: 24px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media screen and (min-width: 1700px) {
.CragarRebateButton {
margin-top: 36% !important;
width: 222px !important;
height: 50px !important;
font-size: 17px !important;
}
.ImageHeightAuto img {
height: auto !important;
max-width: 100% !important;
width: 86%;
}
}
}
@media screen and (min-width: 1500px){
.ImageHeightAuto img {
height: auto !important;
max-width: 100% !important;
width: 86% !important;
}
}
@media screen and (min-width: 1350px) and (min-height: 1000px) and (max-height: 1300px) {
.CragarRebateButton {
margin-top: 72% !important;
width: 222px !important;
height: 47px !important;
font-size: 20px !important;
}
.CragarITPRebateButton {
margin-top: 14% !important;
width: 276px !important;
height: 52px !important;
border-radius: 22px;
font-size: 23px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
}
@media screen and (min-width: 1000px) and (max-height: 950px) {
.CragarRebateButton {
margin-top: 31% !important;
width: 200px !important;
height: 43px !important;
font-size: 17px !important;
}
.CragarITPRebateButton {
margin-top: 17% !important;
width: 200px !important;
height: 41px !important;
border-radius: 22px;
font-size: 17px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) {
.CragarRebateButton {
margin-top: 89% !important;
width: 240px !important;
height: 50px !important;
font-size: 20px !important;
}
.CragarITPRebateButton {
margin-top: 13% !important;
width: 240px !important;
height: 46px !important;
border-radius: 22px;
font-size: 20px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 960px) {
}
@media only screen and (min-width: 700px) and (min-height: 350px) and (max-height: 650px) {
.CragarRebateButton {
margin-top: 25% !important;
width: 180px !important;
height: 40px !important;
font-size: 16px !important;
}
.CragarITPRebateButton {
margin-top: 20% !important;
width: 180px !important;
height: 38px !important;
border-radius: 22px;
font-size: 16px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.CragarRebateButton {
margin-top: 77% !important;
width: 200px !important;
height: 40px !important;
font-size: 17px !important;
}
.CragarITPRebateButton {
margin-top: 12% !important;
width: 145px !important;
height: 35px !important;
border-radius: 22px;
font-size: 13px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) and (max-height: 500px) {
.CragarRebateButton {
margin-top: 25% !important;
width: 157px !important;
height: 36px !important;
font-size: 14px !important;
}
.CragarITPRebateButton {
margin-top: 18% !important;
width: 150px !important;
border-radius: 22px;
height: 34px !important;
font-size: 13px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.CragarRebateButton {
margin-top: 68% !important;
width: 134px !important;
height: 32px !important;
font-size: 12px !important;
}
.CragarITPRebateButton {
margin-top: 55% !important;
width: 134px !important;
border-radius: 22px;
height: 30px !important;
font-size: 12px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 420px) {
.CragarRebateButton {
margin-top: 70% !important;
width: 125px !important;
height: 28px !important;
font-size: 11px !important;
}
.CragarITPRebateButton {
margin-top: 10% !important;
width: 91px !important;
border-radius: 22px;
height: 22px !important;
font-size: 8px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.CragarRebateButton {
margin-top: 60% !important;
width: 120px !important;
height: 27px !important;
font-size: 10px !important;
}
.CragarITPRebateButton {
margin-top: 12% !important;
width: 83px !important;
height: 24px !important;
border-radius: 22px;
font-size: 7px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
@media only screen and (min-width: 541px) and (max-width: 800px) and (max-height: 350px) {
.CragarRebateButton {
margin-top: 26% !important;
width: 134px !important;
height: 32px !important;
font-size: 12px !important;
}
.CragarITPRebateButton {
margin-top: 18% !important;
width: 134px !important;
border-radius: 22px;
height: 30px !important;
font-size: 12px !important;
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
}
.testAngularFont1 {
font-size: 0em;
}
.testAngularFont2 {
font-size: 0.5em;
}
.testAngularFont3 {
font-size: 1em;
}
.testAngularFont4 {
font-size: 1.5em;
}
.testAngularFont5 {
font-size: 2em;
}
.testAngularFont7 {
font-size: 3em;
}
.testAngularFont8 {
font-size: 3.5em;
}
.testAngularFont9 {
font-size: 4em;
}
.testAngularFont10 {
font-size: 4.5em;
}
.testAngularFont11 {
font-size: 5em;
}
.testAngularFont12 {
font-size: 5.5em;
}
.testAngularFont13 {
font-size: 6em;
}
.testAngularFont14 {
font-size: 6.5em;
}
.testAngularFont16 {
font-size: 7.5em;
}
.testAngularFont17 {
font-size: 8em;
}
/*#region Munchkin */
.MunchkinAvenir {
font-family: 'Avenir LT W01 45 Book';
}
.MunchkinPromotionRebateForm {
padding: 0% !important;
margin: 0% !important;
font-family: 'Bree Serif', serif !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
/* font-family: ProximaNova_regular,sans-serif !important; */
}
.MunchkinPromotionRebateForm .richTextBox--html a {
color: #589221;
text-decoration: none !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-weight: normal !important;
}
.MunchkinRebateButton {
border-radius: 30px;
}
.ITPStormWeelsRebateButton {
margin-top: -8%;
margin-right: 12%;
}
@media screen and (min-width: 3000px) {
.MunchkinRebateButton {
margin-top: 23% !important;
margin-right: 10% !important;
width: 600px !important;
height: 75px !important;
font-size: 34px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 10% !important;
width: 600px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 42px;
}
.divLogoStyleContainerMunchkin {
width: 6% !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.MunchkinRebateButton {
margin-top: 23% !important;
margin-right: 9% !important;
width: 500px !important;
height: 75px !important;
font-size: 34px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 9% !important;
width: 500px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 36px;
}
.divLogoStyleContainerMunchkin {
width: 7% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.MunchkinRebateButton {
margin-top: 21% !important;
margin-right: 10% !important;
width: 400px !important;
height: 65px !important;
font-size: 27px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 10% !important;
width: 400px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 28px;
}
.divLogoStyleContainerMunchkin {
width: 9% !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.MunchkinRebateButton {
margin-top: 19% !important;
margin-right: 8% !important;
width: 370px !important;
height: 62px !important;
font-size: 25px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 8% !important;
width: 370px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 26px;
}
.divLogoStyleContainerMunchkin {
width: 11% !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
/*Max-Height 850 Min-Height 590 Max-Width 1390 Min-Width 1250*/
.MunchkinRebateButton {
margin-top: 11% !important;
margin-right: 12% !important;
width: 270px !important;
height: 40px !important;
font-size: 19px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 12% !important;
width: 270px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 19px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
/*Max-Height 1100 Min-Height 890 Max-Width 1690 Min-Width 1390*/
.MunchkinRebateButton {
margin-top: 14% !important;
margin-right: 12% !important;
width: 320px !important;
height: 52px !important;
font-size: 24px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 12% !important;
width: 320px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 23px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
/*Max-Height 1050 Min-Height 851 Max-Width 1320 Min-Width 1250*/
.MunchkinRebateButton {
margin-top: 11% !important;
margin-right: 13% !important;
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 13% !important;
width: 250px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 17px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
/*Max-Height 1050 Min-Height 851 Max-Width 1320 Min-Width 1250*/
.MunchkinRebateButton {
margin-top: 3.5% !important;
margin-right: 5% !important;
width: 190px !important;
height: 38px !important;
font-size: 17px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 5% !important;
width: 190px !important;
margin-top: -1% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 14px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.MunchkinRebateButton {
style: iPadLandscape;
margin-top: 17% !important;
margin-right: 8% !important;
width: 225px !important;
height: 42px !important;
font-size: 18px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 8% !important;
width: 225px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 16px;
}
.divLogoStyleContainerMunchkin {
width: 20% !important;
margin-left: 5px !important;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.MunchkinRebateButton {
style: iPadProLandscape;
margin-top: 22% !important;
margin-right: 9% !important;
width: 275px !important;
height: 55px !important;
font-size: 25px !important;
margin-bottom: 0px !important;
border-radius: 30px;
}
.MunchkinPromotionRebateForm {
margin-right: 9% !important;
width: 275px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 19px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.MunchkinRebateButton {
style: iPadProProtrait;
margin-top: 37% !important;
margin-right: 5% !important;
width: 300px !important;
height: 55px !important;
font-size: 25px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 5% !important;
width: 300px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 21px;
}
.divLogoStyleContainerMunchkin {
width: 20% !important;
margin-left: 5px !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.MunchkinRebateButton {
style: iPadProtrait;
margin-top: 32% !important;
margin-right: 3% !important;
width: 225px !important;
height: 40px !important;
font-size: 17px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 3% !important;
width: 225px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 16px;
}
.divLogoStyleContainerMunchkin {
width: 25% !important;
margin-left: 5px !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.MunchkinRebateButton {
margin-top: 19% !important;
margin-right: 11% !important;
width: 222px !important;
height: 50px !important;
font-size: 17px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 11% !important;
width: 222px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 12px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.MunchkinRebateButton {
margin-top: 6% !important;
margin-right: 4% !important;
width: 150px !important;
height: 28px !important;
font-size: 11px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 4% !important;
width: 150px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 10px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 9% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.MunchkinRebateButton {
margin-top: 1% !important;
margin-right: 6% !important;
width: 125px !important;
height: 28px !important;
font-size: 11px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 6% !important;
width: 125px !important;
margin-top: -2% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 9px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 7% !important;
}
.divLogoStyleContainerMunchkin {
margin-top: 0% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.MunchkinRebateButton {
margin-top: -13% !important;
margin-right: 2% !important;
width: 120px !important;
height: 24px !important;
font-size: 9px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 2% !important;
width: 120px !important;
margin-top: -11% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 9px;
}
.MunchkinPromotionListItem {
width: 100% !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 8% !important;
width: 53% !important;
float: left !important;
display: inline-block !important;
}
.divLogoStyleContainerMunchkin {
width: 43% !important;
margin-left: 5px !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.MunchkinRebateButton {
margin-top: 1% !important;
margin-right: 11% !important;
width: 160px !important;
height: 30px !important;
font-size: 13px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 11% !important;
width: 160px !important;
margin-top: -2% !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 11px;
}
.MunchkinPromotionListItem {
width: 100% !important;
margin: 0% auto !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.MunchkinRebateButton {
margin-top: -3% !important;
margin-right: 10% !important;
width: 150px !important;
height: 26px !important;
font-size: 10px !important;
margin-bottom: 0px !important;
}
.MunchkinPromotionRebateForm {
margin-top: -2% !important;
margin-right: 10% !important;
width: 150px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 11px;
}
.MunchkinPromotionListItem {
width: 100% !important;
margin: 0% auto !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 4% !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.MunchkinRebateButton {
/*style: iPadProtrait;*/
margin-top: -8% !important;
margin-right: 12% !important;
width: 120px !important;
height: 31px !important;
font-size: 13px !important;
margin-bottom: -4px !important;
}
.MunchkinPromotionRebateForm {
margin-right: 12% !important;
width: 120px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html {
padding: 0px !important;
}
.MunchkinPromotionRebateForm .richTextBox--html b {
font-size: 15px;
}
.MunchkinPromotionListItem {
width: 100% !important;
margin: 0% auto !important;
}
.MunchkinPromotionListItem .templatePromotion {
padding: 0px;
margin: 0% auto;
}
.divMunchkinTrackingInputStyle {
margin-top: 5% !important;
}
}
/*#endregion*/
/*#region ITP Storm Weels */
.divITPStormWeelsMainBody {
background-color: #0f0f0f !important;
}
.ITPStormWheelsRebateBody {
min-height: auto !important;
}
@media screen and (min-width: 3000px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 15% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 17% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 2% !important;
width: 19% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 28% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 19% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 26% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 30% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 4% !important;
width: 24% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.ITPStormWheelsPromotionListItem {
min-width: 94% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 6% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 32% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.ITPStormWheelsPromotionListItem {
min-width: 94% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.ITPStormWheelsPromotionListItem {
min-width: 100% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 7% !important;
width: 48% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.ITPStormWheelsPromotionListItem {
min-width: 100% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 7% !important;
width: 50% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 7% !important;
width: 57% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 39% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
.footer_forResponsive p {
margin: 5px !importants;
}
.divFooterMain p {
margin: 5px !importants;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.ITPStormWheelsPromotionListItem {
min-width: 94% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.ITPStormWheelsPromotionListItem {
min-width: 95% !important;
}
.divITPStormWeelsLogoMain .headerDiv {
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 5% !important;
width: 45% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
margin-top: 5px;
width: 32% !important;
margin-right: 18% !important;
height: auto !important;
min-height: auto !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) {
.divITPStormWeelsLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoInner {
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsTrackingInputStyle {
margin-top: 3% !important;
width: 45% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divITPStormWeelsLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*#endregion*/
/*#region PowerteqFlashPaq */
@media only screen and (max-height: 900px) and (max-width: 1920px) {
.templatePromoRebateButton_241 {
margin-top: 80px !important;
}
}
/* @media only screen and (max-height: 900px) and (max-width: 1920px) { */
/* . templatePromoDescription_241 .richTextBox--html */
/* { */
/* padding:82px !important */
/* } */
/* } */
@media only screen and (max-height: 1280px) and (max-width: 980px) {
.templatePromoRebateButton_241 {
margin-top: 100px !important;
}
}
@media only screen and (max-height: 1280px) and (max-width: 800px) {
.templatePromoRebateButton_241 {
margin-top: 100px !important;
}
}
@media only screen and (max-height: 1366px) and (max-width: 1024px) {
.templatePromoRebateButton_241 {
margin-top: 180px !important;
}
}
.PowerteqFlashPaqRebateButton {
font-family: BankGothic_Md_BT;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-family: BankGothic_Md_BT;
font-weight: normal;
margin: 0 auto !important;
display: block !important;
}
.PowerteqFlashPaqPromotionRebateForm p {
margin: 0 auto !important;
}
@media screen and (min-width: 3000px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 23px !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 21px !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 20px !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 19px !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.PowerteqFlashPaqRebateButton {
font-size: 27px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.PowerteqFlashPaqRebateButton {
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.PowerteqFlashPaqRebateButton {
width: 200px !important;
height: 44px !important;
font-size: 20px !important;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 17px !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.PowerteqFlashPaqRebateButton {
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.PowerteqFlashPaqRebateButton {
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.PowerteqFlashPaqRebateButton {
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.PowerteqFlashPaqRebateButton {
width: 150px !important;
height: 50px !important;
border: 3px solid rgb(0, 0, 0) !important;
font-size: 16px !important;
white-space: inherit;
padding: 1px;
margin-bottom: 0px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.PowerteqFlashPaqRebateButton {
width: 78px !important;
height: 38px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 11px !important;
white-space: inherit;
padding: 2px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 8px !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.PowerteqFlashPaqRebateButton {
width: 78px !important;
height: 38px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 11px !important;
white-space: inherit;
padding: 2px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 9px !important;
}
.divPowerteqFlashPaqTrackingInputStyle {
margin-top: 9%;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.PowerteqFlashPaqRebateButton {
width: 70px !important;
height: 34px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 9px !important;
white-space: inherit;
padding: 2px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 8px !important;
}
.divPowerteqFlashPaqTrackingInputStyle {
margin-top: 9%;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.PowerteqFlashPaqRebateButton {
width: 62px !important;
height: 30px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 9px !important;
white-space: inherit;
padding: 1px;
}
.PowerteqFlashPaqPromotionRebateForm b {
font-size: 7px !important;
}
.divPowerteqFlashPaqTrackingInputStyle {
margin-top: 9%;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.PowerteqFlashPaqRebateButton {
width: 128px !important;
height: 31px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 12px !important;
white-space: inherit;
}
.PowerteqFlashPaqPromotionRebateForm {
font-size: 10px !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.PowerteqFlashPaqRebateButton {
width: 120px !important;
height: 27px !important;
border: 2px solid rgb(0, 0, 0) !important;
font-size: 11px !important;
white-space: inherit;
padding: 1px;
}
.PowerteqFlashPaqPromotionRebateForm {
font-size: 7px !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.PowerteqFlashPaqRebateButton {
}
}
/*#endregion*/
/*Purpose Tea*/
/* Start region*/
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px;
height: 60px;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -227px;
background-size: contain;
margin-left: 500px;
position: absolute;
}
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -65px !important;
background-size: contain;
margin-left: 500px !important;
position: absolute;
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -320px !important;
background-size: contain;
margin-left: 830px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -104px !important;
background-size: contain;
margin-left: 830px !important;
position: absolute;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -310px !important;
background-size: contain;
margin-left: 710px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -105px !important;
background-size: contain;
margin-left: 710px !important;
position: absolute;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -306px !important;
background-size: contain;
margin-left: 685px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -103px !important;
background-size: contain;
margin-left: 682px !important;
position: absolute;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -230px !important;
background-size: contain;
margin-left: 492px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -95px !important;
background-size: contain;
margin-left: 497px !important;
position: absolute;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -240px !important;
background-size: contain;
margin-left: 499px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -95px !important;
background-size: contain;
margin-left: 500px !important;
position: absolute;
}
}
@media screen and (max-height: 1050px) and (min-height: 800px) and (max-width: 1320px) and (min-width: 1250px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -215px !important;
background-size: contain;
margin-left: 440px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -88px !important;
background-size: contain;
margin-left: 446px !important;
position: absolute;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -194px !important;
background-size: contain;
margin-left: 403px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -83px !important;
background-size: contain;
margin-left: 409px !important;
position: absolute;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -194px !important;
background-size: contain;
margin-left: 397px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -83px !important;
background-size: contain;
margin-left: 404px !important;
position: absolute;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -223px !important;
background-size: contain;
margin-left: 470px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -90px !important;
background-size: contain;
margin-left: 469px !important;
position: absolute;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -221px !important;
background-size: contain;
margin-left: 450px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -86px !important;
background-size: contain;
margin-left: 450px !important;
position: absolute;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 38px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -179px !important;
background-size: contain;
margin-left: 387px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 37px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -70px !important;
background-size: contain;
margin-left: 387px !important;
position: absolute;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -122px !important;
background-size: contain;
margin-left: 186px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -48px !important;
background-size: contain;
margin-left: 190px !important;
position: absolute;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 31px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -103px !important;
background-size: contain;
margin-left: 224px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 28px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -42px !important;
background-size: contain;
margin-left: 224px !important;
position: absolute;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 21px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -87px !important;
background-size: contain;
margin-left: 207px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 23px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -37px !important;
background-size: contain;
margin-left: 205px !important;
position: absolute;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 23px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -90px !important;
background-size: contain;
margin-left: 198px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 25px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -39px !important;
background-size: contain;
margin-left: 198px !important;
position: absolute;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -122px !important;
background-size: contain;
margin-left: 186px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -48px !important;
background-size: contain;
margin-left: 190px !important;
position: absolute;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -122px !important;
background-size: contain;
margin-left: 186px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -48px !important;
background-size: contain;
margin-left: 190px !important;
position: absolute;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.loveit {
background-image: url(../Styles/Loveit.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -147px !important;
background-size: contain;
margin-left: 290px !important;
position: absolute;
}
.nothanks {
background-image: url(../Styles/Nothanks.png);
background-repeat: no-repeat;
width: 60px !important;
height: 60px !important;
display: table;
cursor: pointer;
z-index: 9999;
margin-top: -65px !important;
background-size: contain;
margin-left: 290px !important;
position: absolute;
}
}
/*#endregion*/
/*#region Rigid Industries */
.RigidIndustriesRebateButton {
display: block !important;
min-height: 93px !important;
font-size: 38px !important;
background-image: url("RigidIndustriesRebateButton/Button.png") !important;
background-position: right !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable {
margin: 0 !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable .richTextBox--html {
margin: 0 !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable H3 {
margin: 0 !important;
padding: 0 !important;
}
.RigidIndustriesRebateLable a {
color: #ffffff !important;
text-decoration: underline !important;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
display: block;
padding: 0;
position: absolute;
bottom: 0;
width: 50%;
}
@media screen and (min-width: 3000px) {
.RigidIndustriesRebateButton {
width: 650px !important;
height: 65px !important;
font-size: 28px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 29px !important;
}
.RigidIndustriesRebateLable B {
float: left;
margin-left: 3%;
}
.RigidIndustriesPromotionParent {
margin-bottom: 5% !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 29px !important;
}
.RigidIndustriesRebateLable B {
float: left;
margin-left: 3%;
}
.RigidIndustriesPromotionParent {
margin-bottom: 5% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 26px !important;
}
.RigidIndustriesRebateLable B {
float: left;
margin-left: 3%;
}
.RigidIndustriesPromotionParent {
margin-bottom: 5% !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 24px !important;
margin-right: 25% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 7% !important; */
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.RigidIndustriesRebateButton {
width: 450px !important;
height: 36px !important;
min-height: 64px !important;
font-size: 31px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 18px !important;
}
.RigidIndustriesRebateLable B {
margin-left: 3%;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.RigidIndustriesRebateButton {
width: 575px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 23px !important;
margin-left: 6% !important;
}
.RigidIndustriesRebateLable B {
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.RigidIndustriesRebateButton {
width: 500px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 21px !important;
float: left;
margin-left: 2% !important;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.RigidIndustriesRebateButton {
width: 300px !important;
height: 38px !important;
font-size: 20px !important;
min-height: 60px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 13px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 2% !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.RigidIndustriesRebateButton {
width: 400px !important;
height: 38px !important;
font-size: 29px !important;
margin-left: 0% !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 17px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.RigidIndustriesRebateButton {
width: 500px !important;
height: 38px !important;
font-size: 31px !important;
margin-left: 0% !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 22px !important;
}
.RigidIndustriesRebateLable B {
margin-left: 2% !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 3% !important;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
font-size: 25px !important;
float: left;
margin-left: 5% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 35% !important; */
width: 100% !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.RigidIndustriesRebateButton {
margin-bottom: 10px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 22px !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 32% !important; */
width: 100% !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.RigidIndustriesRebateButton {
}
.RigidIndustriesRebateLable H3 {
}
.RigidIndustriesPromotionParent {
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.RigidIndustriesRebateButton {
width: 300px !important;
height: 50px !important;
font-size: 22px !important;
margin: 0 !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 12px !important;
float: left;
margin-left: 2% !important;
margin-top: 1% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 25% !important; */
width: 100% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.RigidIndustriesRebateButton {
width: 300px !important;
height: 50px !important;
font-size: 22px !important;
margin: 0 !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 12px !important;
float: left;
margin-left: 2% !important;
margin-top: 1% !important;
}
.RigidIndustriesPromotionParent {
/* margin-bottom: 27% !important; */
width: 100% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.RigidIndustriesRebateButton {
width: 275px !important;
height: 50px !important;
font-size: 20px !important;
margin: 0 !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 11px !important;
float: left;
margin-left: 2% !important;
margin-top: 1% !important;
}
.RigidIndustriesPromotionParent {
width: 100% !important;
/* margin-bottom: 26% !important; */
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.RigidIndustriesRebateButton {
width: 300px !important;
height: 36px !important;
font-size: 13px !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 13px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 1% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.RigidIndustriesRebateButton {
width: 250px !important;
height: 36px !important;
font-size: 13px !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
margin: 0;
padding: 0 !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 12px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 1% !important;
}
}
/* 600*800 */
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.RigidIndustriesRebateButton {
width: 225px !important;
height: 32px !important;
font-size: 12px !important;
min-height: 50px !important;
}
.RigidIndustriesRebateLable H3 {
font-size: 11px !important;
float: left;
}
.RigidIndustriesPromotionParent {
margin-bottom: 2% !important;
width: 50% !important;
}
}
/*#endregion*/
/*#region ITP All-Terrain Tires */
.divAllTerrainTiresMainBody {
background-color: #0f0f0f !important;
}
.ITPAllTerrainTiresRebateBody {
min-height: auto !important;
}
.ITPAllTerrainTiresRebateButton {
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
@media screen and (min-width: 3000px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 4% !important;
width: 600px !important;
height: 100px !important;
border-radius: 18px;
font-size: 36px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 18px;
font-size: 30px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 15% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 18px;
font-size: 30px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 17% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 14% !important;
width: 406px !important;
height: 70px !important;
border-radius: 18px;
font-size: 30px !important;
margin-right: 14% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 2% !important;
width: 19% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 12% !important;
width: 350px !important;
height: 66px !important;
border-radius: 18px;
font-size: 25px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 28% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 19% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 12% !important;
width: 350px !important;
height: 65px !important;
border-radius: 18px;
font-size: 25px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 10% !important;
width: 300px !important;
height: 60px !important;
border-radius: 18px;
font-size: 21px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 26% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 9% !important;
width: 245px !important;
height: 46px !important;
border-radius: 7px;
font-size: 17px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 4% !important;
width: 250px !important;
height: 50px !important;
border-radius: 18px;
font-size: 18px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 30% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 10% !important;
width: 350px !important;
height: 65px !important;
border-radius: 10px;
font-size: 25px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 4% !important;
width: 24% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 8% !important;
width: 250px !important;
height: 58px !important;
border-radius: 9px;
font-size: 19px !important;
;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 94% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 6% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 32% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 220px !important;
height: 56px !important;
border-radius: 9px;
font-size: 16px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 94% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 4% !important;
width: 350px !important;
height: 65px !important;
border-radius: 18px;
font-size: 25px !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.ITPAllTerrainTiresRebateButton {
width: 150px !important;
height: 35px !important;
border-radius: 18px;
font-size: 11px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 100% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 7% !important;
width: 48% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.ITPAllTerrainTiresRebateButton {
width: 150px !important;
height: 35px !important;
border-radius: 18px;
font-size: 11px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 100% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 7% !important;
width: 50% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 0% !important;
width: 134px !important;
height: 30px !important;
border-radius: 18px;
font-size: 10px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 7% !important;
width: 57% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 39% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
.footer_forResponsive p {
margin: 5px !importants;
}
.divFooterMain p {
margin: 5px !importants;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 200px !important;
height: 38px !important;
border-radius: 18px;
font-size: 13px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 94% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 173px !important;
height: 38px !important;
border-radius: 18px;
font-size: 13px !important;
}
.ITPAllTerrainTiresPromotionListItem {
min-width: 95% !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 5% !important;
width: 45% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
margin-top: 5px;
width: 32% !important;
margin-right: 18% !important;
height: auto !important;
min-height: auto !important;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.ITPAllTerrainTiresRebateButton {
margin-top: 3% !important;
width: 185px !important;
height: 37px !important;
border-radius: 18px;
font-size: 14px !important;
}
.divAllTerrainTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresTrackingInputStyle {
margin-top: 3% !important;
width: 45% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divAllTerrainTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*#endregion*/
/*#region Carlstar Group - Carlisle Fall Rebate */
.divCarlisleTiresMainBody {
background-color: #1f295c !important;
}
.CarlisleTiresRebateBody {
min-height: auto !important;
}
.CarlisleTiresRebateButton {
box-shadow: 0 0 28px rgba(0,0,0,0.9);
-moz-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.9);
-o-box-shadow: 0 0 28px rgba(0,0,0,0.9);
}
@media screen and (min-width: 3000px) {
.CarlisleTiresRebateButton {
margin-top: 4% !important;
width: 600px !important;
height: 100px !important;
border-radius: 54px;
font-size: 36px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 12% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 40px;
font-size: 30px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 15% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 500px !important;
height: 80px !important;
border-radius: 40px;
font-size: 30px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 12% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 17% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 19% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 18% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.CarlisleTiresRebateButton {
margin-top: 13% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 28% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 19% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.CarlisleTiresRebateButton {
margin-top: 14% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 4% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.CarlisleTiresRebateButton {
margin-top: 2% !important;
width: 300px !important;
height: 60px !important;
border-radius: 32px;
font-size: 21px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 4% !important;
width: 26% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.CarlisleTiresRebateButton {
margin-top: 22% !important;
width: 245px !important;
height: 46px !important;
border-radius: 32px;
font-size: 17px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 22% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.CarlisleTiresRebateButton {
margin-top: 0% !important;
width: 250px !important;
height: 50px !important;
border-radius: 30px;
font-size: 18px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 30% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.CarlisleTiresRebateButton {
margin-top: 23% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 24% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.CarlisleTiresRebateButton {
margin-top: 20% !important;
width: 250px !important;
height: 58px !important;
border-radius: 32px;
font-size: 19px !important;
;
}
.CarlisleTiresPromotionListItem {
min-width: 94% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 32% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.CarlisleTiresRebateButton {
margin-top: 20% !important;
width: 220px !important;
height: 49px !important;
border-radius: 32px;
font-size: 16px !important;
}
.CarlisleTiresPromotionListItem {
min-width: 94% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 36% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.CarlisleTiresRebateButton {
margin-top: 4% !important;
width: 350px !important;
height: 65px !important;
border-radius: 32px;
font-size: 25px !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.CarlisleTiresRebateButton {
width: 110px !important;
height: 28px !important;
border-radius: 19px;
font-size: 8px !important;
margin-top: 18%;
}
.CarlisleTiresPromotionListItem {
min-width: 100% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 4% !important;
width: 48% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.CarlisleTiresRebateButton {
width: 110px !important;
height: 28px !important;
border-radius: 37px;
font-size: 8px !important;
margin-top: 18%;
}
.CarlisleTiresPromotionListItem {
min-width: 100% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 50% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 47% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.CarlisleTiresRebateButton {
margin-top: -5% !important;
width: 108px !important;
height: 26px !important;
border-radius: 28px;
font-size: 8px !important;
margin-right: 18%;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 57% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 39% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
}
.footer_forResponsive p {
margin: 5px !importants;
}
.divFooterMain p {
margin: 5px !importants;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.CarlisleTiresRebateButton {
margin-top: 3% !important;
width: 200px !important;
height: 38px !important;
border-radius: 30px;
font-size: 13px !important;
}
.CarlisleTiresPromotionListItem {
min-width: 94% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 36% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 21% !important;
margin-left: 5px !important;
margin-right: 38% !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.CarlisleTiresRebateButton {
margin-top: -2% !important;
width: 173px !important;
height: 38px !important;
border-radius: 32px;
font-size: 13px !important;
}
.CarlisleTiresPromotionListItem {
min-width: 95% !important;
}
.divCarlisleTiresLogoMain .headerDiv {
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 2% !important;
width: 45% !important;
float: left !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
margin-top: 5px;
width: 32% !important;
margin-right: 18% !important;
height: auto !important;
min-height: auto !important;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.CarlisleTiresRebateButton {
margin-top: 0% !important;
width: 185px !important;
height: 37px !important;
border-radius: 32px;
font-size: 14px !important;
}
.divCarlisleTiresLogoMain .headerDiv {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoInner {
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresTrackingInputStyle {
margin-top: 3% !important;
width: 45% !important;
float: right !important;
display: inline-block !important;
height: auto !important;
min-height: auto !important;
}
.divCarlisleTiresLogoStyleContainer {
width: 27% !important;
margin-left: 5px !important;
height: auto !important;
min-height: auto !important;
margin-top: 5px;
}
}
/*#endregion*/
/*#region Carlstar Group - itptires april 2018 */
.ITPRideLikeAProRebateButton {
font-weight: normal;
font-style: normal;
color: rgb(255, 255, 255);
background-color: rgb(9, 31, 88);
background-image: none;
background-repeat: no-repeat;
opacity: 0.99;
display: inline-block;
border-style: solid;
visibility: visible;
border-color: rgb(248, 148, 28);
margin-bottom: 10px;
border-radius: 25px 25px 25px 25px;
}
@media screen and (min-width: 3000px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 160px;
margin-bottom: 10px;
margin-right: 15% !important;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 75px;
margin-bottom: 10px;
margin-right: 12% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 110px;
margin-bottom: 10px;
margin-right: 12% !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.ITPRideLikeAProRebateButton {
height: 70px !important;
font-size: 30px !important;
margin-top: 57px;
margin-bottom: 10px;
margin-right: 5% !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.ITPRideLikeAProRebateButton {
width: 310px !important;
height: 55px !important;
font-size: 22px !important;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6% !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.ITPRideLikeAProRebateButton {
width: 310px !important;
height: 55px !important;
font-size: 22px !important;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 6% !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.ITPRideLikeAProRebateButton {
height: 58px !important;
font-size: 20px !important;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 9% !important;
}
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.ITPRideLikeAProRebateButton {
width: 220px !important;
height: 45px !important;
margin-top: -30px !important;
margin-bottom: 10px;
font-size: 15px !important;
margin-right: 10% !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
width: 220px !important;
height: 46px !important;
font-size: 15px !important;
margin-top: -20px !important;
margin-bottom: 10px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
float: right;
height: 70px !important;
font-size: 30px !important;
margin-top: 10px;
margin-bottom: 10px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.ITPRideLikeAProRebateButton {
margin-right: 7% !important;
width: 265px !important;
height: 62px !important;
font-size: 22px !important;
margin-top: 25px !important;
margin-bottom: 10px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
width: 166px !important;
height: 45px !important;
font-size: 13px !important;
margin-top: -32px;
margin-bottom: 10px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.ITPRideLikeAProRebateButton {
margin-right: 5% !important;
width: 107px !important;
height: 23px !important;
font-size: 7px !important;
margin-top: -51px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.ITPRideLikeAProRebateButton {
margin-right: -3% !important;
width: 122px !important;
height: 25px !important;
font-size: 8px !important;
margin-top: -67px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.ITPRideLikeAProRebateButton {
margin-right: -4% !important;
width: 123px !important;
height: 29px !important;
font-size: 9px !important;
margin-top: -60px !important;
margin-bottom: 10px;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.ITPRideLikeAProRebateButton {
margin-right: -4% !important;
width: 90px !important;
height: 21px !important;
font-size: 6px !important;
margin-top: -52px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.ITPRideLikeAProRebateButton {
margin-right: 6% !important;
width: 150px !important;
height: 40px !important;
font-size: 11px !important;
margin-top: -24px !important;
margin-bottom: 10px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.ITPRideLikeAProRebateButton {
margin-right: 6% !important;
width: 137px !important;
height: 29px !important;
font-size: 10px !important;
margin-top: -10px !important;
margin-bottom: 10px;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.ITPRideLikeAProRebateButton {
margin-right: 0% !important;
width: 150px !important;
height: 40px !important;
font-size: 11px !important;
margin-top: -18px !important;
margin-bottom: 10px;
}
}
/*#endregion*/
/*#region Lasermax Products LR17-3805 Website */
.LaserMaxRebateRebateButton {
width: 400px !important;
height: 65px !important;
font-size: 30px !important;
border-radius: 15px;
margin: 0 auto !important;
margin-bottom: 10px !important;
}
.LaserMaxRebateRebateLable {
margin: 0 !important;
padding: 0 !important;
}
.LaserMaxRebateRebateLable .richTextBox--html {
margin: 0 !important;
padding: 0 !important;
}
.LaserMaxRebateRebateLable H3 {
margin: 0 !important;
padding: 0 !important;
}
.LaserMaxRebateRebateLable a {
color: #ffffff !important;
text-decoration: underline !important;
}
.LaserMaxRebatePromotionParent {
margin-bottom: 7% !important;
display: block;
padding: 0;
position: absolute;
bottom: 0;
width: 50%;
}
@media screen and (min-width: 3000px) {
.LaserMaxRebateRebateButton {
width: 650px !important;
height: 65px !important;
font-size: 28px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 29px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.LaserMaxRebateRebateButton {
width: 600px !important;
height: 75px !important;
font-size: 37px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 35px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.LaserMaxRebateRebateButton {
width: 600px !important;
height: 75px !important;
font-size: 37px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 31px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.LaserMaxRebateRebateButton {
}
.LaserMaxRebateRebateLable H3 {
font-size: 24px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.LaserMaxRebateRebateButton {
width: 350px !important;
height: 48px !important;
font-size: 25px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 18px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.LaserMaxRebateRebateButton {
width: 350px !important;
height: 48px !important;
font-size: 25px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 21px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.LaserMaxRebateRebateButton {
width: 500px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 21px !important;
}
.LaserMaxRebatePromotionParent {
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 41px !important;
font-size: 19px !important;
margin-left: 0% !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 13px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.LaserMaxRebateRebateButton {
width: 350px !important;
height: 56px !important;
font-size: 25px !important;
margin-left: 0% !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 17px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.LaserMaxRebateRebateButton {
width: 450px !important;
height: 70px !important;
font-size: 32px !important;
margin-left: 0% !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 23px !important;
}
.LaserMaxRebateRebateLable B {
}
.LaserMaxRebatePromotionParent {
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.LaserMaxRebateRebateButton {
width: 500px !important;
height: 75px !important;
font-size: 35px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 30px !important;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.LaserMaxRebateRebateButton {
}
.LaserMaxRebateRebateLable H3 {
font-size: 22px !important;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.LaserMaxRebateRebateButton {
}
.LaserMaxRebateRebateLable H3 {
}
.LaserMaxRebatePromotionParent {
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
float: left;
width: 100%;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
float: left;
width: 100%;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoBackButton {
margin-top: 1px;
margin-bottom: 6px;
width: 65px !important;
height: 27px !important;
font-size: 11px !important;
}
.LaserMaxRebateRebateButton {
width: 250px !important;
height: 40px !important;
font-size: 19px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 11px !important;
float: left;
width: 100%;
}
.LaserMaxRebatePromotionParent {
width: 100% !important;
margin-bottom: 17% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.LaserMaxRebateRebateButton {
width: 200px !important;
height: 35px !important;
font-size: 14px !important;
margin-bottom: 3px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.LaserMaxRebateRebateButton {
width: 175px !important;
height: 35px !important;
font-size: 13px !important;
margin-bottom: 3px !important;
}
.LaserMaxRebateRebateLable H3 {
margin: 0;
padding: 0 !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 12px !important;
}
.LaserMaxRebatePromotionParent {
}
}
/* 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.LaserMaxRebateRebateButton {
width: 225px !important;
height: 32px !important;
font-size: 12px !important;
min-height: 50px !important;
}
.LaserMaxRebateRebateLable H3 {
font-size: 11px !important;
}
.LaserMaxRebatePromotionParent {
width: 50% !important;
}
}
/*#endregion*/
/*#region Lasermax Products LR18-3805 Website */
.templatePromoRebateButton_208 {
margin-right: 71%;
float: right !important;
width: 360px;
height: 60px;
font-size: 28px;
border-color: black;
border-radius: 13px 13px 13px 13px;
border-bottom-width: 6px !important;
border-left-width: 6px !important;
border-right-width: 6px !important;
border-top-width: 6px !important;
}
@media screen and (min-width: 3000px) {
.templatePromoRebateButton_208 {
margin-top: 890px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.templatePromoRebateButton_208 {
margin-top: 1168px;
width: 250px !important;
height: 50px !important;
font-size: 18px !important;
margin-right: 66% !important;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.templatePromoRebateButton_208 {
margin-top: 750px;
width: 439px !important;
height: 75px !important;
font-size: 33px !important;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.templatePromoRebateButton_208 {
margin-top: 762px;
width: 400px !important;
height: 70px !important;
font-size: 30px !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.templatePromoRebateButton_208 {
margin-top: 467px;
width: 300px !important;
height: 56px !important;
font-size: 23px !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.templatePromoRebateButton_208 {
margin-top: 515px;
width: 320px !important;
height: 60px !important;
font-size: 25px !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.templatePromoRebateButton_208 {
margin-top: 472px;
margin-right: 67% !important;
width: 360px !important;
height: 60px !important;
font-size: 28px !important;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.templatePromoRebateButton_208 {
margin-top: 425px;
width: 250px !important;
height: 50px !important;
font-size: 18px !important;
margin-right: 71% !important;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.templatePromoRebateButton_208 {
margin-top: 448px;
width: 250px !important;
height: 50px !important;
font-size: 18px !important;
margin-right: 70% !important;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.templatePromoRebateButton_208 {
margin-top: 500px;
margin-right: 69% !important;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.templatePromoRebateButton_208 {
margin-top: 1428px;
width: 300px !important;
height: 60px !important;
font-size: 22px !important;
margin-right: 68% !important;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.templatePromoRebateButton_208 {
margin-top: 1062px;
width: 260px !important;
height: 55px !important;
font-size: 20px !important;
margin-right: 62% !important;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.templatePromoRebateButton_208 {
margin-top: 549px;
width: 200px !important;
height: 50px !important;
font-size: 15px !important;
margin-right: 51% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoRebateButton_208 {
margin-top: 540px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 50% !important;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoRebateButton_208 {
margin-top: 512px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 45% !important;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoRebateButton_208 {
margin-top: 420px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 38% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.templatePromoRebateButton_208 {
margin-top: 243px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 71% !important;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.templatePromoRebateButton_208 {
margin-top: 163px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 60% !important;
}
}
/* 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.templatePromoRebateButton_208 {
margin-top: 840px;
width: 190px !important;
height: 43px !important;
font-size: 14px !important;
margin-right: 64% !important;
}
}
/*#endregion*/
/*#region falken FT18-4023/4027 Website */
@media screen and (min-width: 3000px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.templatePromoRebateButton_173 {
top: 535px;
}
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.templatePromoRebateButton_173 {
top: 500px;
}
}
/* 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.templatePromoRebateButton_173 {
top: 458px;
}
}
/*#endregion*/
/*#region Powerteq PQ18-4041 Website */
/* Pirelli Desktop Changes*/
.PirelliParentRebateButton {
display: table !important;
margin-top: 20% !important;
}
.PirelliRebateButton {
margin-right: 2% !important;
}
/*#endregion*/
/* .templatePromoRebateButton_173 { */
/* position: absolute; */
/* top: 468px; */
/* left: 45%; */
/* } */
.templatePromoRebateButton_17182 {
top: 490px;
}
.pFooter {
text-align: left;
float: left;
font-size: 8px !important;
margin: 0auto;
}
/*#region aquabot april 2018*/
.templatePromoRebateButton_206 {
position: relative;
bottom: 62px;
right: 66px;
}
.templateBackPromoRebateButton_206 {
top: 367px;
left: 111px;
position: relative;
}
.HeaderTxtAquabot {
font-size: 18px;
color: #80807f;
font-weight: normal;
}
/* 5 Inches Mobile */
@media only screen and (min-width: 391px) and (max-width: 420px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 5 Inches Mobile */
@media only screen and (min-width: 321px) and (max-width: 390px) {
.templateBackPromoRebateButton_206 {
top: 340px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 4 Inches Mobile */
@media only screen and (min-width: 100px) and (max-width: 320px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 5 Inches Mobile Landscape */
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 5 Inches Mobile Landscape */
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.templateBackPromoRebateButton_206 {
top: 361px;
left: 102px;
position: relative;
width: 120px !important;
height: 34px !important;
font-size: 14px !important;
}
}
@media only screen and (max-width: 420px) and (min-width: 321px) {
}
/*#endregion*/
.ImageHeightAutoElements_19866 {
display: none;
}
.templatePreview .templatePromoDescription.editable, .templatePreview .templatePromoDescription.editable:hover {
position: relative;
z-index: 2;
}
.divPromotionListItemImage_5961 img {
width: 100% !important;
}
.divPromotionListItemImage_5948 img {
width: 100% !important;
}
@media (min-width: 1281px) {
.promotionListItem_5948 {
height: 917px !important;
}
.divPromotionListItemImage_5961 {
margin-top: 600px !important;
margin-left: 300px !important;
}
.divPromotionListItemImage_5948 {
margin-top: 600px !important;
margin-left: 210px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 200px !important;
height: 40px !important;
border-radius: 37px;
font-size: 15px !important;
margin-top: -73px !important;
margin-right: 18% !important;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.promotionListItem_5948 {
height: 900px !important;
}
.divPromotionListItemImage_5961 {
margin-top: 600px !important;
margin-left: 75px !important;
width: 58.0741% !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 600px !important;
margin-left: 190px !important;
}
.promotionListItem_5948 {
min-width: 50% !important;
}
.promotionListItem_5961 {
min-width: 50% !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 200px !important;
height: 40px !important;
border-radius: 37px;
font-size: 15px !important;
margin-top: -73px !important;
margin-right: 18% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.promotionListItem_5948 {
height: 800px !important;
}
.divPromotionListItemImage_5961 {
width: 58.0741% !important;
margin-top: 400px !important;
margin-left: 75px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 400px !important;
margin-left: 190px !important;
}
.promotionListItem_5948 {
min-width: 50% !important;
}
.promotionListItem_5961 {
min-width: 50% !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 200px !important;
height: 40px !important;
border-radius: 37px;
font-size: 15px !important;
margin-top: -73px !important;
margin-right: 14% !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.rebateTextBoxDisplay_252 font {
font-size: 15px !important;
}
.divPromotionListItemImage_5961 {
margin-top: 0px !important;
margin-left: 188px !important;
width: 58.0741% !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 216px !important;
margin-left: 188px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.promotionListItem_5961 {
margin: 0% auto !important;
}
.promotionListItem_5948 {
margin: 0% auto !important;
}
.templatePromoRebateButton_216 {
margin-top: 100px !important;
}
.templatePromoDescription_216.richTextBox--html {
padding: 2px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 156px !important;
height: 32px !important;
border-radius: 37px;
font-size: 11px !important;
margin-top: -73px !important;
margin-right: 10% !important;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
.divPromotionListItemImage_5961 {
margin-top: 0px !important;
margin-left: 70px !important;
width: 58.0741% !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 330px !important;
margin-left: 70px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.promotionListItem_5961 {
margin: 0% auto !important;
}
.promotionListItem_5948 {
margin: 0% auto !important;
}
.templatePromoRebateButton_216 {
margin-top: 200px !important;
}
.templatePromoDescription_216.richTextBox--html {
padding: 2px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 99px !important;
height: 27px !important;
border-radius: 37px;
font-size: 6px !important;
margin-top: -73px !important;
margin-right: 13% !important;
}
}
@media (min-width: 120px) and (max-width: 320px) {
.divPromotionListItemImage_5961 {
margin-top: 0px !important;
margin-left: 70px !important;
width: 58.0741% !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.divPromotionListItemImage_5948 {
width: 58.0741% !important;
margin-top: 300px !important;
margin-left: 70px !important;
margin-bottom: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
.promotionListItem_5961 {
margin: 0% auto !important;
}
.promotionListItem_5948 {
margin: 0% auto !important;
}
.templatePromoRebateButton_216 {
margin-top: 250px !important;
}
.templatePromoDescription_216.richTextBox--html {
padding: 2px !important;
}
.ITPStormWeelsRebateButton {
background-color: rgba(48, 143, 232, 0.58) !important;
width: 99px !important;
height: 27px !important;
border-radius: 37px;
font-size: 6px !important;
margin-top: -73px !important;
margin-right: 13% !important;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
}
.templatePromoRebateButton_21067 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.templatePromoRebateButton_21104 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.templateBackPromoRebateButton_216 {
margin-bottom: 0px !important;
margin-top: 0px !important;
width: 109px !important;
height: 26px !important;
font-size: 14px !important;
}
/*#region Sony Mobile offers June 2018 */
/* .rebateTextBoxDisplay */
/* { */
/* margin-top : 0% !important; */
/* } */
.SonyMobileOfferProRebateButton {
width: 340px;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
@media screen and (min-width: 3000px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:495px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:440px */
/* } */
}
@media screen and (max-height: 1700px) and (min-height: 1300px) and (min-width: 2500px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:495px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:440px */
/* } */
}
@media screen and (max-height: 1300px) and (min-height: 1050px) and (min-width: 2000px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:495px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:440px */
/* } */
}
@media screen and (min-width: 1700px) and (max-width: 1990px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:695px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:695px */
/* } */
.rebateTextBoxDisplay_252 {
margin-top: 50% !important;
}
}
/* Used For =>>> Desktop*/
@media screen and (max-height: 850px) and (min-height: 590px) and (max-width: 1390px) and (min-width: 1250px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 50% !important;
}
}
/* Used For =>>> Desktop 1680*1050, 1600*900, 1440*900, 1400* 1050*/
@media screen and (max-height: 1100px) and (min-height: 580px) and (max-width: 1690px) and (min-width: 1390px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 50% !important;
}
}
@media screen and (max-height: 1050px) and (min-height: 851px) and (max-width: 1320px) and (min-width: 1250px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* top:535px */
/* } */
/* .dpromotionListItem_6102{ */
/* top:535px */
/* } */
}
/* Used For =>>> 800*600 */
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 580px) and (min-width: 780px) {
.SonyMobileOfferProRebateButton {
width: 340px !important;
margin-top: -300px;
position: absolute;
z-index: 37;
margin-left: -10% !important;
}
.SonyMobileOfferProDesc {
margin-top: 37%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* /* top:495px */ */
/* top:300px */
/* } */
/* .dpromotionListItem_6102{ */
/* /* top:440px */ */
/* top:257px */
/* } */
}
/* Used For =>>> iPad Mini Landscape, iPad Landscape, Desktop 1152*864, 1024*768*/
@media screen and (max-height: 880px) and (max-width: 1170px) and (min-height: 750px) and (min-width: 780px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 450px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 450px !important; */ */
/* } */
}
/* Used For =>>> iPad Pro Landscape*/
@media screen and (max-height: 1300px) and (min-height: 1000px) and (min-width: 1350px) and (max-width: 1450px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 380px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 366px !important; */ */
/* } */
}
/* @media screen and (min-width: 1168px) and (max-width: 1260px) { */
/* .dpromotionListItem_6100{ */
/* top: 282px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* top: 238px !important; */
/* } */
/* } */
/* Used For =>>> iPad Pro Portrait*/
@media screen and (max-height: 1500px) and (min-height: 1100px) and (min-width: 1000px) and (max-width: 1690px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 780px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 780px !important; */ */
/* } */
}
/* Used For =>>> iPad Mini Portrait*/
@media only screen and (min-width: 541px) and (max-width: 800px) and (min-height: 800px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 572px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 566px !important; */ */
/* } */
}
/*6 Inches Mobile*/
@media only screen and (min-width: 421px) and (max-width: 540px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 380px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 366px !important; */ */
/* } */
}
/* .templateBody__promotionsList1 */
/* { position: absolute; */
/* bottom: 0px; */
/* left: 25px; */
/* } */
/* 5 Inches Mobile*/
@media only screen and (min-width: 391px) and (max-width: 420px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* /* top: 430px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* /* top: 430px !important; */ */
/* } */
}
/* @media only screen */
/* and (device-width : 375px) */
/* and (device-height : 812px) */
/* and (-webkit-device-pixel-ratio : 3) { */
/* /* .dpromotionListItem_6100 { */ */
/* /* min-width: 47% !important; */ */
/* /* top: 449px !important; */ */
/* /* } */ */
/* /* .dpromotionListItem_6102{ */ */
/* /* min-width: 48% !important; */ */
/* /* top: 466px !important; */ */
/* /* } */ */
/* } */
/* 5 Inches Mobile*/
@media only screen and (min-width: 321px) and (max-width: 390px) {
.SonyMobileOfferProRebateButton;
{
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 420px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top:420px !important; */
/* } */
}
/*4 Inches Mobile*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 320px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 319px !important; */
/* } */
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 420px) and (max-width: 750px) and (min-height: 400px) and (min-width: 720px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 380px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 366px !important; */
/* } */
}
/* 5 Inches Mobile Landscape*/
@media only screen and (max-height: 390px) and (max-width: 680px) and (min-height: 300px) and (min-width: 500px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 380px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 366px !important; */
/* } */
}
/* 600*800 */
/* Used For =>>> 600*800 */
@media only screen and (max-height: 810px) and (max-width: 610px) and (min-height: 790px) and (min-width: 590px) {
.SonyMobileOfferProRebateButton {
width: 290px !important;
margin-top: -480px;
position: absolute;
z-index: 37;
margin-left: -31% !important;
}
.SonyMobileOfferProDesc {
margin-top: 63%;
float: none !important;
margin-right: auto !important;
margin-left: auto !important;
width: 74%;
}
.rebateTextBoxDisplay_252 {
margin-top: 0% !important;
}
/* .dpromotionListItem_6100{ */
/* min-width: 47% !important; */
/* top: 380px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 48% !important; */
/* top: 366px !important; */
/* } */
}
/*#endregion*/
/* @media only screen and (max-width: 800px) and (min-width: 541px){ */
/* .dpromotionListItem_6100{ */
/* min-width: 30% !important; */
/* top: 311pxs !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 30% !important; */
/* top: 570px !important; */
/* } */
/* } */
/* @media only screen */
/* and (min-device-width: 834px) */
/* and (max-device-width: 834px) */
/* and (orientation: portrait) */
/* and (-webkit-min-device-pixel-ratio: 2) { */
/* .dpromotionListItem_6100 { */
/* min-width: 47% !important; */
/* /* top: 572px !important; */ */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 47% !important; */
/* /* top: 590px !important; */ */
/* } */
/* } */
/* Landscape */
@media only screen and (min-width: 1112px) and (max-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* .dpromotionListItem_6100 { */
/* min-width: 47% !important; */
/* top: 572px !important; */
/* } */
/* .dpromotionListItem_6102{ */
/* min-width: 47% !important; */
/* top: 590px !important; */
/* } */
}
.divPromotionSiteDetails_241 {
min-height: 500px;
}
@media only screen and (max-height: 2000px) and (min-height: 900px) {
.divPromotionSiteDetails_241 {
min-height: 700px;
}
}
.templatePromotion_6223 {
width: 90% !important;
display: inherit !important;
}
.templatePromoBackButton < div {
margin: 0% !important;
}
.templatePromoDescription_248 {
min-height: 0px !important;
}
.promotionCover {
margin-left: 6% !important;
}
.templatePromoRebateButton_252 {
margin-top: 375px !important;
margin-left: 0% !important;
}
.richTextBox--html {
padding: 0px !important;
}
.templateWrapper_252 {
background-color: #212121 !important;
}
.rebateTextBoxDisplay_252 font {
font-size: 20px;
}
.eligible {
text-decoration: underline;
}
.templatePromoDescription_6694 {
min-height: 524px !important;
}
.divTrackingInputStyleContainer_202 {
margin-top: 23px !important;
margin-left: 158px !important;
}
.templatePromoDescription_6223 {
min-height: 300px !important;
}
.divLogoStyleContainerResponsive_266 {
width: 76% !important;
text-align: right !important;
}
.divLogoStyleContainerResponsive_266 img {
width: 57% !important;
}
.templatePromoDescription_266 {
min-height: 0px !important;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
#templatePromoRebateButton_299 {
position: absolute;
bottom: 677px;
left: 10px;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
#templatePromoRebateButton_299 {
position: absolute;
bottom: 500px;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#templatePromoRebateButton_299 {
position: absolute;
bottom: 700px;
/*left:129px;*/
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#templatePromoRebateButton_299 {
position: absolute;
bottom: 700px;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#templatePromoRebateButton_299 {
position: absolute;
bottom: 700px;
left: 185px;
}
}
}
@media (max-width: 960px) {
.divLogoStyleContainerResponsive_266 img {
width: 100% !important;
}
.divTrackingInputStyleContainer_266 {
width: 100% !important;
text-align: right;
}
}
.customclient {
width: 70%;
margin: auto;
background-color: rgb(0, 0, 0);
height: 200px;
}