/*------------------------------------------------------------------

[Responsive Stylesheet]



Project     : REO VIP

Version     : 1.0

Author      : Premium Design

Author URI  : https://www.REOVIP.com

-------------------------------------------------------------------*/



@media screen and (max-width: 1200px) {

  .bg-slide-img::before {

    background-size: 50%;

  }

  .main-footer ul {

    padding-bottom: 20px;

  }



  .fs86 {

    font-size: 56px;

    line-height: 60px;

  }

  .fs75 {

    font-size: 50px;

    line-height: 55px;

  }

  .fs70 {

    font-size: 45px;

    line-height: 48px;

  }

  .fs60 {

    font-size: 40px;

    line-height: 44px;

  }

  .fs50 {

    font-size: 38px;

    line-height: 42px;

  }

  .fs36 {

    font-size: 30px;

    line-height: 34px;

  }

  .fs30 {

    font-size: 27px;

    line-height: 29px;

  }

  .fs26 {

    font-size: 24px;

    line-height: 26px;

  }

  .fs20 {

    font-size: 20px;

    line-height: 24px;

  }

  .fs17 {

    font-size: 14px;

    line-height: 17px;

  }

}



@media screen and (max-width: 992px) {

  .fs86 {

    font-size: 46px;

    line-height: 50px;

  }

  .fs75 {

    font-size: 45px;

    line-height: 50px;

  }

  .fs70 {

    font-size: 40px;

    line-height: 45px;

  }

  .fs60 {

    font-size: 35px;

    line-height: 40px;

  }

  .fs50 {

    font-size: 30px;

    line-height: 34px;

  }

  .fs36 {

    font-size: 25px;

    line-height: 30px;

  }

  .fs30 {

    font-size: 22px;

    line-height: 26px;

  }

  .fs26 {

    font-size: 18px;

    line-height: 22px;

  }

  .fs20 {

    font-size: 14px;

    line-height: 18px;

  }

}



@media screen and (max-width: 768px) {

}



@media screen and (max-width: 576px) {

  body {

    font-size: 16px;

  }

  .btn {

    min-height: 60px;

    font-size: 30px;

  }

  .slide-main h2 {

    font-size: 36px;

    line-height: 45px;

  }



  .fs86 {

    font-size: 40px;

    line-height: 45px;

  }

  .fs75 {

    font-size: 35px;

    line-height: 40px;

  }

  .fs70 {

    font-size: 30px;

    line-height: 35px;

  }

  .fs60 {

    font-size: 25px;

    line-height: 30px;

  }

  .fs50 {

    font-size: 20px;

    line-height: 25px;

  }

  .fs36 {

    font-size: 18px;

    line-height: 25px;

  }

  .fs30 {

    font-size: 14px;

    line-height: 18px;

  }

  .fs26 {

    font-size: 14px;

    line-height: 18px;

  }

  .circle_bullet li::before {

    width: 40px;

    height: 40px;

    background-size: 40px;

  }

  .circle_bullet li:not(:last-child) {

    margin-bottom: 20px;

  }

}



@media screen and (min-width: 1200px) {

  .container {

    max-width: 1130px;

  }

  .header_main .container {

    max-width: 1310px;

  }

  .ml-lg-4-ne {

    margin-left: -24px;

  }

  .ml-lg-5-ne {

    margin-left: -48px;

  }

  .gap-xl-50 {

    margin-left: -25px;

    margin-right: -25px;

  }

  .gap-xl-50 > * {

    padding-left: 25px;

    padding-right: 25px;

  }

}