/*// Extra large devices (large desktops, 1440px and up)*/
@media (min-width: 2100px) {}

/*// Extra large devices (large desktops, 1440px and up)*/
@media (min-width: 1700px) and (max-width: 2099.98px) {}

/*// Extra large devices (large desktops, 1440px and up)*/
@media (max-width: 1600px) {}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1439.98px) {}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  .promotionsWrapp .BonusIndustries .IndustriesInner .item .box {
    top: 20px;
    left: 20px;
  }

  .sliderWrapp .slider.slider5 .item span {
    padding: 7px 15px 7px;
    left: 10px;
    bottom: 10px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 12px/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);
  }

  .promotionsWrapp .BonusIndustries .IndustriesInner .item .box h6 {

    min-height: 88px;
    margin-bottom: 15px;
  }
}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 991.98px) {
  nav.navBar ul li {
    align-self: center;
    margin-bottom: 5px;
  }

  .Industries2.Industries .IndustriesInner .itemRight,
  .Industries2.Industries .IndustriesInner .itemLeft {
    width: 100%;
  }

  .accordionWrapp .accordion .accordion-item .accordion-header button {
    padding: 25px 30px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 24px/41px var(--unnamed-font-family-open-sans);
  }

  .accordionWrapp .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  :root {
    --unnamed-font-size-14: 10px;
    --unnamed-font-size-16: 14px;
    --unnamed-font-size-18: 16px;
    --unnamed-font-size-20: 18px;
    --unnamed-font-size-28: 22px;
    --unnamed-font-size-35: 28px;
    --unnamed-font-size-48: 32px;
    --unnamed-font-size-50: 40px;
    --unnamed-font-size-92: 73px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing--1-84: -1px;
    --unnamed-line-spacing-19: 16px;
    --unnamed-line-spacing-22: 18px;
    --unnamed-line-spacing-24: 20px;
    --unnamed-line-spacing-27: 22px;
    --unnamed-line-spacing-38: 28px;
    --unnamed-line-spacing-47: 32px;
    --unnamed-line-spacing-65: 50px;
    --unnamed-line-spacing-66: 55px;
    --unnamed-line-spacing-121: 100px;
  }

  .moneyBack .box h6 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 52px/80px var(--unnamed-font-family-roboto-condensed);
    margin-bottom: 12px;
    margin-top: -20px;
  }

  .moneyBack .box a {
    padding: 12px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 28px/50px var(--unnamed-font-family-open-sans);
  }

  .moneyBack .box {
    max-width: 425px;
  }

  .banner .bannerBox h3 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 78px/70px var(--unnamed-font-family-roboto-condensed);
  }

  .banner .bannerBox h5 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 60px/65px var(--unnamed-font-family-roboto-condensed);

  }

  .banner .bannerBox h4::before,
  .banner .bannerBox h4::after {
    width: 160px;
    height: 20px;
  }

  .banner .bannerBox {
    width: 465px;
    max-width: 100%;
  }

  .banner .bannerBox a {
    padding: 15px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 25px/45px var(--unnamed-font-family-open-sans);
  }

  .banner {
    background-position: left center;
    background-image: url("../img/img_new/banner-mobile1.jpg") !important;
  }

  .LoyaltyProgram .box ul li button {
    padding: 12px 40px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 16px/24px var(--unnamed-font-family-open-sans);
  }

  .LoyaltyProgram .EarnLoyalty {
    padding: 45px 25px;
  }

  .LoyaltyProgram .EarnLoyalty .itemLeft img {
    margin-bottom: 20px;
    max-width: 50px;
  }

  .LoyaltyProgram .EarnLoyalty .itemLeft h4 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18px/26px var(--unnamed-font-family-open-sans);
    margin-bottom: 20px;
  }

  .LoyaltyProgram .EarnLoyalty .itemRight a.logIn {
    padding: 12px 100px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18px/26px var(--unnamed-font-family-open-sans);
    margin-bottom: 21px;
  }

  .LoyaltyProgram .EarnLoyalty .itemRight a.Forgot {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 16px/26px var(--unnamed-font-family-open-sans);
  }

  .JoinWrapp .modal-content .modal-body .row .col-lg-6:last-child {
    width: 100%;
  }

  .JoinWrapp .modal-content .modal-body .itemRight {
    padding-top: 30px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 30px;
  }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 767.98px) {
  .bankingServices .bankingServicesInner .item {
    width: 100%;
    max-width: 100%;
  }

  .bankingServices .bankingServicesInner .item p {
    min-height: auto;
    display: block;
  }

  .bankingBanner .box h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 42px/64px var(--unnamed-font-family-roboto-condensed);
  }

  .bankingBanner .box h4 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 26px/32px var(--unnamed-font-family-roboto-condensed);
  }

  .bankingServices .bankingServicesInner .item a {
    padding: 15px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18px/22px var(--unnamed-font-family-open-sans);
  }

  .sliderWrapp .slider.slider5 .item span {
    border-radius: 5px;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    left: 15px;
    bottom: 30px;
  }

  .JoinWrapp .modal-content .modal-body form select,
  .JoinWrapp .modal-content .modal-body form .passwordWrapp input,
  .JoinWrapp .modal-content .modal-body form .inputNumberItem input,
  .JoinWrapp .modal-content .modal-body form .inputPhoneItem input,
  .JoinWrapp .modal-content .modal-body form .inputItem input {
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 10px;
  }

  .WrappCity::after {
    right: 15px;
    top: 15px;
    width: 15px;
    height: 15px;
  }

  .JoinWrapp .modal-dialog {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  :root {
    --unnamed-font-size-14: 12px;
    --unnamed-font-size-16: 14px;
    --unnamed-font-size-18: 16px;
    --unnamed-font-size-20: 18px;
    --unnamed-font-size-28: 20px;
    --unnamed-font-size-35: 22px;
    --unnamed-font-size-48: 26px;
    --unnamed-font-size-50: 26px;
    --unnamed-font-size-92: 48px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-character-spacing--1-84: -1px;
    --unnamed-line-spacing-19: 14px;
    --unnamed-line-spacing-22: 20px;
    --unnamed-line-spacing-24: 18px;
    --unnamed-line-spacing-27: 20px;
    --unnamed-line-spacing-38: 26px;
    --unnamed-line-spacing-47: 28px;
    --unnamed-line-spacing-65: 48px;
    --unnamed-line-spacing-66: 52px;
    --unnamed-line-spacing-121: 80px;
  }

  .wintoroTakes .box {
    padding: 25px 15px;
  }

  .banner .bannerBox h4::before,
  .banner .bannerBox h4::after {
    width: 105px;
    height: 12px;
  }

  .banner .bannerBox h3 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 48px/52px var(--unnamed-font-family-roboto-condensed);
  }

  .banner .bannerBox h5 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 38px/45px var(--unnamed-font-family-roboto-condensed);
  }

  .Industries .IndustriesNav h4 {
    margin-bottom: 10px;
  }

  .moneyBack .box h6 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 33px/50px var(--unnamed-font-family-roboto-condensed);
    margin-bottom: 12px;
    margin-top: -15px;
  }

  .moneyBack .box a {
    padding: 12px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 25px/40px var(--unnamed-font-family-open-sans);
  }

  .moneyBack .box h2,
  .moneyBack .box h4,
  .moneyBack .box h6 {
    text-align: center;
  }

  .TermsConditions .box {
    padding: 25px 15px;
  }

  .bankingBanner .box h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 28px/36px var(--unnamed-font-family-roboto-condensed);
  }

  .bankingBanner {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .promotionsWrapp .promotionsWrappInnerNav ul li button.active::after {
    bottom: 0;
    height: 4px;
  }

  .promotionsWrapp .promotionsWrappInnerNav ul li button {
    padding: 15px 0;
    margin: 0 10px;
  }

  .promotionsWrapp .BonusIndustries .IndustriesInner .item .box {
    top: 10px;
    left: 10px;
  }

  .promotionsWrapp .BonusIndustries .IndustriesInner .item .box h6 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-171717);
    text-align: left;
    min-height: auto;
    margin-bottom: 10px;
    max-width: 310px;
  }

  .promotionsWrapp .BonusIndustries .IndustriesInner .item .box h4 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 22px/var(--unnamed-line-spacing-22) var(--unnamed-font-family-open-sans);
    margin-bottom: 10px;
  }

  .promotionsWrapp .BonusIndustries .IndustriesInner .item .box a.signUp {
    padding: 8px 20px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 12px/var(--unnamed-line-spacing-27) var(--unnamed-font-family-open-sans);
  }

  .accordionWrapp .accordion .accordion-item .accordion-header button {
    padding: 12px 20px;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 16px/26px var(--unnamed-font-family-open-sans);
  }

  .promotionsWrapp .mt-5 {
    margin-top: 2rem !important;
  }

  .accordionWrapp .accordion {
    padding: 25px 20px;
    border-radius: 5px;
  }

  .accordion-button:not(.collapsed)::after {
    position: relative;
    top: -4px !important;
  }

  .accordionWrapp .accordion .accordion-item .accordion-button::after {
    position: relative !important;
    top: 5px;
  }

  .accordionWrapp .accordion .accordion-item .accordion-collapse .accordion-body ul {
    list-style: decimal;
    padding-left: 25px;
  }

  .accordionWrapp .accordion .accordion-item .accordion-collapse .accordion-body ul li {
    padding-left: 5px;
  }

  .accordionWrapp .accordion .accordion-item .accordion-collapse .accordion-body ul li ul li {
    margin-left: -5px;
  }

  .promotionsWrapp .BonusIndustries .IndustriesInner {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .JoinWrapp .modal-content .modal-body .itemRight {
    padding-top: 30px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 30px;
  }
}

/*Extra small devices (portrait phones, less than 414px)*/
@media (max-width: 414px) {}

/*Extra small devices (portrait phones, less than 375px)*/
@media (max-width: 375px) {}

/*Extra small devices (portrait phones, less than 360px)*/
@media (max-width: 360px) {}

/*Extra small devices (portrait phones, less than 320px)*/
@media (max-width: 320px) {}