@media screen and (max-width:991px) {
    section{padding:1rem 0;}
    h1{font-size: 28px;}
    h3{font: size 18px !important;font-weight: 600;}
    h2{font-size:24px;font-weight: 600;}
    body{font-size: 14px;}
    #banner {padding-top: 120px;}}
@media only screen and (min-width:992px) and (max-width:1200px) {
    h1{font-size: 2.15rem!important;}
    h3{font-size:1.1rem!important;font-weight: 600;}
    h2{font-size:26px;font-weight: 600;}
   #banner {width: 100%;padding: 110px 0px 40px 0 !important;}
    section{padding:2.5rem 0;}
    .box-step .wrap-icon-step {height:70px ;width: 70px;}
    .w-sm-60 {width: 65%!important;}
    .w-40 {width: 45px;} 
    .fs-5 { font-size: 1.15rem!important;}
    .w-50 {width: 58%!important;}
    .ms4 {margin-left: 1rem!important;}
    .mt4 {margin-top: 1rem!important;}
    .w-70 {width: 71%!important;}
    .w-60 {width: 60%!important;}
    .w-65{width: 46px;}
    .w-35{width:85%;}}
@media only screen and (min-width:768px) and (max-width:991px) {
   section{padding:1.7rem 0;}
   h1{font-size: 25px!important;}
   h3{font-size: 17px !important;font-weight: 600;}
   h2{font-size:22px;font-weight: 600;}
    body{font-size: 14px;}
    #banner {padding: 115px 0px 20px 0 !important;}
   .fs-5{font-size: 0.9rem!important;}
   .arrow::after {left: 108%;}
   .box-step .wrap-icon-step {height:70px ;width: 70px;}
    .w-sm-60 {width: 65%!important;}
    .w-40 {width: 45px;}
    .w-35{width:32%;}
    .box .wrap-icon{height: 82px;width: 82px;}
    .mt4 { margin-top: 1.0rem!important;}
    .w-50 {width: 58%!important;}
    .w-70 {width: 71%!important;}
    .w-65{width: 47px;}
    .w-80{width:70px;}
    .ms4 { margin-left: 1.1rem!important;}}
@media only screen and (min-width:300px) and (max-width:767px) {
    p { font-size: 14px; line-height: 21px; margin-bottom: 16px; }
    h1{font-size: 24px!important; font-weight: 600;}
    h2 { font-size: 20px; margin-bottom: 13px; font-weight: 600;}
    h3 { font-size: 18px!important;font-weight: 600;}
     body{margin: 0px;}
    .navbar-mobile a:hover,
    .navbar-mobile .active,
    .navbar-mobile li:hover>a {color: #fff;}
    #header{min-height: 50px!important;}
    section {padding: 25px 0;overflow: hidden;}
    .navbar-mobile ul { padding: 12px !important;border-radius: 25px;}
    #banner { padding: 90px 0px 15px 0 !important; background-position: 0px;text-align: center; }
    #banner .btn{margin-bottom: 5px;}
    .fs-5 {font-size: 16px!important; }
    .btn-lg{padding: 0.4rem 0.5rem;font-size: 1rem;}
    .arrow::after {left: 43%;}
    .box-step .wrap-icon-step {height:80px ;width: 80px;margin-bottom: 2px;}
    .w-sm-60 { width: 59%!important;}
    .mt-sm-3{margin-top: 50px;}
    .mt-sm-5{margin-top: 55px;}
    .mb-sm-3{margin-bottom: 16px;}
    .sm-center{text-align: center;}
    .w-40 {width: 45px;} 
    .border-start{border-left: 0px!important;}  
    .w-35{width:45%;}
    .w-80{width:60px;}
    .arrow::after {
        transform: rotate(90deg);
        top: 111%;}
        .w-75{width: 100%!important;}
    .box .wrap-icon{height: 80px;width: 80px;}
        .mt4 {margin-top: 1.2rem!important;}
        .faq h3{font-size: 16px!important;}
        .border-sm-top{border-top: 1px solid #FE134E;}
        .ms4 {margin-left: 1.2rem!important;}}
@media only screen and (min-width:1200px) and (max-width:1367px) {
    #banner { padding: 137px 0px 100px 0 !important;  }
     h1 {font-size: 2.5rem;}}