@media screen and (max-width: 1024px) and (orientation: portrait) {
  .rbm-sa-pg-banner .header-img .img-div{
    background-image: url(https://jewaympi.sirv.com/RBMSA/ann-head-mob.jpg);
  }

  .rbm-sa-pg-banner .header-txts .header-txts-wrap{
    min-height: calc(100vh - 70px);
  }
}

@media screen and (max-width: 1366px){
  .rbm-sa-pg-banner .pattern-elements,
  .patterns-bottom .pattern-elements{
    width: 60%;
  }
}

@media screen and (max-width: 1024px){
  .rbm-sa-pg-banner .header-txts .header-txts-cont .header-txt{
    font-size: 4vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .logo-txt-wrap {
    padding: 0 2vw 0 10vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker{
    padding: 0 10vw 0 2vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker .sticker-holder{
    max-width: 180px;
  }

  .rbmsa-x{
    width: 40px;
    height: 40px;
  }

  .rbmsa-x.smaller{
    width: 30px;
    height: 30px;
  }

  .rbmsa-x.smallest{
    width: 20px;
    height: 20px;
  }

  .top70{
    top: 60px;
  }

  .top160 {
    top: 150px;
  }

  .top255 {
    top: 235px;
  }

  .rbm-sa-pg-banner .pattern-elements{
    height: 270px;
  }

  .patterns-bottom .pattern-elements{
    height: 100px;
  }

  /* terms */
  .rbmsa-terms-content .rbmsa-terms-content-wrapper {
    padding: 0 25px 25px;
  }
  /* end terms */
}

@media screen and (max-width: 768px){
  .rbm-sa-pg-banner .logo-column .rbmsa-logo.mobile{
    display: block;
  }

  .rbm-sa-pg-banner .logo-column .rbmsa-logo.desktop{
    display: none;
  }

  .rbm-sa-pg-banner .logo-column .rbmsa-logo img{
    max-width: 160px;
  }

  .rbm-sa-pg-banner .logo-column .logo-wrapper::after {
    border-width: 80px 50vw 0 0;
  }

  .rbm-sa-pg-banner .logo-column .rbmsa-logo{
    text-align: center;
  }

  .rbm-sa-pg-banner .logo-column .logo-wrapper {
    padding: 40px 20px 15px;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .header-txt{
    font-size: 5vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker .sticker-holder{
    max-width: 160px;
  }

  .rbm-sa-pg-banner .pattern-elements, .patterns-bottom .pattern-elements {
    width: 75%;
  }

  .rbm-sa-pg-banner .lines-pattern{
    width: 80%;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker {
    padding: 0 2vw 0 2vw;
  }

  /* terms */
  .rbmsa-terms-content .rbmsa-terms-content-wrapper {
    padding: 0 15px 15px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper{
    font-size: 17px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper h1{
    font-size: 24px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper h2{
    font-size: 19px;
  }
  /* end terms */

  .rbm-sa-pg-banner .layer-5g{
    width: 30%;
  }
}

@media screen and (max-width: 640px){
  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker .sticker-holder{
    max-width: 140px;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .header-txt{
    font-size: 5.5vw;
  }

  body,
  .form-sec .form-sec-cont .form-cta-txt-intro{
    font-size: 18px;
  }

  .intro-desc .intro-desc-wrap .intro-desc-cont{
    max-width: 560px;
  }

  .form-sec .form-cta-txt{
    font-size: 22px;
    /*max-width: 340px;*/
    margin: 0 auto;
  }

  .intro-desc .intro-desc-wrap {
    padding: 70px 15px 40px;
  }

  .form-sec .form-sec-wrap{
    padding: 40px 15px 70px;
  }

  /* terms */
  .rbmsa-terms-content .rbmsa-terms-content-container {
    padding: 25px 35px;
  }
  /* end terms */

  .intro-desc .intro-desc-wrap {
    padding: 40px 15px 25px;
  }

  .form-sec .form-sec-wrap {
    padding: 25px 15px 35px;
  }

  .faq-sec .faq-sec-wrap {
    padding: 30px 15px 45px;
  }

  .mob-only{
    display: block;
  }
}

@media screen and (max-width: 568px){
  .rbm-sa-pg-banner .header-txts .header-txts-wrap {
    align-items: flex-end;
    padding: 0 0 15vh;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container{
    display: block;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .logo-txt-wrap {
    padding: 0 2vw 0 18vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker{
    padding: 12vh 18vw 0 2vw;
    text-align: right;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .header-txt{
    font-size: 7vw;
  }

  .rbmsa-x{
    width: 30px;
    height: 30px;
  }

  .rbmsa-x.smaller{
    width: 22px;
    height: 22px;
  }

  .rbmsa-x.smallest{
    width: 15px;
    height: 15px;
  }

  .intro-desc .intro-desc-wrap .intro-desc-cont p {
    display: inline;
  }

  .intro-desc .intro-desc-wrap .intro-desc-cont{
    max-width: 420px;
  }

  .r-pattern {
    width: 65%;
    -webkit-transform: translate(35%,35%);
    -moz-transform: translate(35%,35%);
    -ms-transform: translate(35%,35%);
    -o-transform: translate(35%,35%);
    transform: translate(35%,35%);
  }

  .rbm-sa-pg-banner .pattern-elements, .patterns-bottom .pattern-elements {
    width: 85%;
    right: 8%;
  }

  /*.form-sec .form-sec-cont{
    max-width: 320px;
  }*/

  /* terms */
  .rbmsa-terms-content .rbmsa-terms-content-wrapper{
    padding: 0;
  }
  .rbmsa-terms-content .rbmsa-terms-content-container{
    border-radius: 0;
    padding: 25px 15px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper{
    font-size: 16px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper h1{
    font-size: 23px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper h2{
    font-size: 19px;
  }
  /* end terms */

  .faq-sec .faq-list .fquest-blk .fquest{
    font-size: 17px;
  }

  .faq-sec .faq-list,
  .faq-sec .faq-cta-wrap .faq-cta{
    font-size: 16px;
  }
  
  .rbm-sa-pg-banner .header-img .img-div{
    background-image: url(../images/ann-head-mob-mob.jpg);
  }
}

@media screen and (max-width: 460px){
  /* terms */
  .rbmsa-terms-content .rbmsa-logo {
  	max-width: 220px;
  }
  .rbmsa-terms-content .rbmsa-terms-content-wrapper {
  	padding: 0px;
  }
  .rbmsa-terms-content .rbmsa-logo-container {
  	padding: 20px;
  }
  .rbmsa-terms-content .rbmsa-privacy-content-wrapper {
  	padding: 0px;
  }
  /* end terms */

  .faq-sec .faq-list .fquest-blk .fquest{
    padding: 10px 30px;
  }

  .faq-sec .faq-list .fquest-blk .fquest .caret{
    right: 10px;
  }

  .faq-sec .faq-list-block .fquest-blk,
  .faq-sec .faq-cta-wrap{
    padding: 5px 0;
  }

  .faq-sec .faq-cta-wrap .faq-cta {
    padding: 10px 25px 10px 5px;
  }

  .faq-sec .faq-cta .caret{
    right: 10px;
  }

  .rbm-sa-pg-banner .layer-5g{
    top: 15%;
    width: 40%;
  }

  .form-sec .success-msg{
    font-size: 18px;
  }
}

@media screen and (max-width: 420px){
  body,
  .form-sec .form-sec-cont .form-cta-txt-intro{
    font-size: 16px;
  }

  .intro-desc .intro-desc-wrap .intro-desc-cont{
    max-width: 360px;
  }

  .form-sec .form-cta-txt {
    font-size: 19px;
    /*max-width: 300px;*/
  }

  .rbmsa-x{
    width: 24px;
    height: 24px;
  }

  .rbmsa-x.smaller{
    width: 18px;
    height: 18px;
  }

  .rbmsa-x.smallest{
    width: 12px;
    height: 12px;
  }

  .patterns-bottom .pattern-elements{
    bottom: 20px;
  }

  .r-pattern {
    width: 70%;
    -webkit-transform: translate(35%,30%);
    -moz-transform: translate(35%,30%);
    -ms-transform: translate(35%,30%);
    -o-transform: translate(35%,30%);
    transform: translate(35%,30%);
  }

  .top70 {
    top: 35px;
  }

  .top160 {
    top: 85px;
  }

  .top255 {
    top: 125px;
  }

  .rbm-sa-pg-banner .pattern-elements,
  .patterns-bottom .pattern-elements {
    height: 150px;
  }

  .patterns-bottom .pattern-elements {
    bottom: 25px;
  }

  .left37 {
    left: 42%;
  }

  .left57 {
    left: 58%;
  }

  .rbm-sa-pg-banner .pattern-elements, .patterns-bottom .pattern-elements {
    width: 90%;
    right: 6%;
  }

  .left20 {
    left: 22%;
  }

  .rbm-sa-pg-banner .pattern-elements{
    bottom: 25vh;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .header-logo{
    max-width: 220px;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .logo-txt-wrap {
    padding: 0 2vw 0 12vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .texts-container .sticker {
    padding: 12vh 15vw 0 2vw;
  }

  .rbm-sa-pg-banner .header-txts .header-txts-cont .header-txt {
    font-size: 8vw;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper{
    font-size: 15px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper h1{
    font-size: 22px;
  }

  .rbmsa-terms-content .rbmsa-terms-content-wrapper h2{
    font-size: 18px;
  }

  .faq-sec .faq-list .fquest-blk .fquest {
    padding: 10px 25px 10px 10px;
  }

  .faq-sec .faq-list .fquest-blk .fquest .caret{
    width: 10px;
    height: 10px;
  }

  .faq-sec .faq-list .fquest-blk .fquest{
    font-size: 16px;
  }

  .faq-sec .faq-cta-wrap .faq-cta {
    padding: 10px 65px 10px 40px;
  }

  .faq-sec .faq-cta .caret {
    right: 15px;
  }
}

@media screen and (max-width: 375px){
  .rbm-sa-pg-banner .layer-5g {
    top: 13%;
    width: 50%;
  }
}
