* {margin: 0; padding: 0;}
body{box-sizing: border-box;}
body a:hover{text-decoration: none;} body,p,span,li,a{  font-family: 'Open Sans', sans-serif !important;} 
body.body { font-family: Open Sans,Arial,sans-serif; font-size: 16px; color: #666; background-color: #fff; line-height: 1.7em; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif !important;} 
.banner-sec .container { max-width: 1628px; } 
.header-bar { display: flex; align-items: center; justify-content: center; padding: 10px 0px; flex-wrap: wrap; } 
.logo p { margin: 0; text-align: center; font-size: 12px; } 
.logo img { width: 190px; } 
.header_bar h2 { font-weight: 700; font-size: 20px; color: #ffffff; text-align: center; padding: 15px 0px; margin: 0;} 
.header_bar { background-image: linear-gradient(180deg ,#ffb200 0%,#f48600 100%); color: #fff; } 
section.banner-sec { 
    /* background-image: linear-gradient( 180deg ,rgba(0,53,49,0.75) 0%,rgba(0,129,106,0.77) 100%),url(./img/PAC-new.jpg)!important; 
    color: #fff; 
    background-position: 50%; 
    background-size: cover; 
    background-repeat: no-repeat; */
    padding: 55px 0px;
} 
.nov-heading {
    color: #1b6ce6 !important;
}
.banner-sec h1 { 
    font-weight: 800; 
    font-size: 48px;
    color: #1d1d1b;
} 
.banner-sec li img { position: absolute; left: 0px; width: 30px; top: 5px; } 
.banner-sec li { font-family: 'Raleway',sans-serif!important; font-weight: 700; font-size: 19px; position: relative;  padding-bottom: 6px;     width: 100%;display: flex;} 
.banner-sec ul { list-style-type: none; } 
.form-main {
    padding: 40px 20px;
    border-radius: 22px;
} 
.txt-form {
    border-radius: 2px;
    background: #2f74dc;
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: 70%;
    margin: auto;
}
.infos_p { 
    text-align: center;
    color: #fff;
    padding-bottom: 10px;
    padding-top: 7px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.7em;
}
.sub-txt-form {
    font-family: 'Raleway',sans-serif!important;
    font-weight: 700;
    font-size: 19px;
    text-align: center;
}
.spn-sub-tick {
    padding-right: 7px;
}
.describe-txt-form {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #1d1d1b;
    line-height: 33px;
}
.step-form .progress { height: 30px; border-radius: 4px; margin: 30px 0px; } 
.step-form .progress-bar { background-color: #2f74dc; } 
.title p {
    text-align: center;
    color: #1d1d1b;
    font-size: 21px;
    font-weight: 700;
    margin: 0;
}
.box-txt {
    cursor: pointer;
    transition: all 0.5s ease-out;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 22px;
    padding: 20px 0px 0px;
    text-align: center;
    width: 49%;
    background: #f7f8fd;
    border: 1px solid #31cf00;
    color: #2f74dc;
}
.frm-inner { display: flex; align-items: center; justify-content: space-between; } 
.box-txt p {
    font-size: 1rem;
    padding: 10px;
    background: #31cf00;
    margin: 10px 0 0;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    transition: all 0.5s ease-out;
}
.title { 
    margin-bottom: 30px;
}
.postal-sub-title p {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    padding: 10px;
    background-image: linear-gradient(45deg, #1269eb, #458fff);
    border-radius: 5px;
    margin: 30px;
}
.frm-inner .form-check { padding-left: 0; } 
.box-txt img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin: 30px 0px;
}
.btn-next-submit {
    width: 100%;
    margin: auto;
}
.btn-next-submit input {
    color: #ffffff !important;
    background: #31cf00 !important;
    font-size: 21px !important;
    font-weight: 500 !important;
}
.btn-next input {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 45%;
    min-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none;
    border-radius: 6px;
    font-size: 21px;
    padding: 10px;
    background-color: #ffffff;
    color: #1d1d1b;
    transition: 0.5s;
    border: 1px solid transparent;
} 
.box-txt:hover {
    background-color: #31cf00;
    color: #ffffff;
    border-color: #31cf00;
}
.btn-next input:hover { 
    border-color: #31cf00;
} 
.box-txt:hover p{color: #fff;}
.form-2,.form-3,.form-4,.form-44,.form-45,.form-5,.form-6,.form-7,.form-8, .form-apart-2, .form-apart-3{display: none;}
.form-3 .box-txt img { width: 36px; object-fit: contain; height: 36px; } 
/* .form-3 .box-txt p { padding: 0; margin-bottom: 5px; }  */
.form-check { position: relative; display: block; padding-left: 0; }
.form-check { padding: 0; background: #48acfe; font-size: 18px; width: 100%; cursor: pointer; margin-bottom: 10px; background-color: #31cf00; width: 100%; text-align: center;
 color: #fff; font-weight: 700; border-radius: 0; } 
 .form-check input { visibility: hidden; } 
 label.form-check-label { font-weight: 700; font-size: 22px; display: block; padding: 15px 25px 15px 25px; cursor: pointer; } 
 .form-4 .frm-inner,.form-44 .frm-inner,.form-45 .frm-inner,.form-5 .frm-inner,.form-6 .frm-inner { display: block; } 
 .form-9 .frm-inner { display: block; } 
 .form-check1 input { background: white; color: #4b4b4b; border-radius: 15px; font-size: 16px; height: 60px; width: 100%; font-weight: 600; border: 1px solid #DFE1EB;
  box-shadow: none; padding: 20px 10px; } 
.form-check1.input-cls { width: 100%; text-align: center; color: #fff; font-weight: 700; border-radius: 0; } 
.form-6 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #DFE1EB; } 
.form-6 input::-moz-placeholder { /* Firefox 19+ */ color: #DFE1EB; }
.form-6 input:-ms-input-placeholder { /* IE 10+ */ color: #DFE1EB; }
.form-6 input:-moz-placeholder { /* Firefox 18- */ color: #DFE1EB; }
.form-6 input:focus-visible { outline: 0; }
.form5_img { text-align: center; margin-top: 20px; } 
.form-7 img { width: 44%; margin: 0 auto; }
.form-check1 select { background: white; color: #4b4b4b; border-radius: 15px; font-size: 16px; height: 65px; width: 100%; font-weight: 600; border: 1px solid #DFE1EB;
box-shadow: none; line-height: 50px; padding: 20px 10px; }
.form-9 .form-check1 label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; color: #666; font-size: 14px; } 
.form-9 .form-check1.input-cls { text-align: left; padding-top: 10px; } 
section.banner-sec:after { content: ''; background: url(./img/download.svg); height: 40px; position: relative; bottom: 0px; width: 100%; background-repeat: no-repeat;
position: absolute; left: 0; right: 0; } 
section.banner-sec { position: relative; } 
section.sec-sen { padding: 50px 0px; } 
.sec-sen h2 {
    font-weight: 700;
    color: #1d1d1b !important;
    text-align: center;
    font-size: 26px;
    padding: 27px 0px;
}
.sec-3 h2 {
    font-weight: 700;
    color: #1d1d1b !important;
    font-size: 26px;
    padding: 27px 0px;
}
.sec-img { text-align: center; } 
.sec-txt p {
    font-size: 22px;
    font-family: 'Raleway',sans-serif !important;
    color: #1d1d1b;
}
.btn-a {
    text-align: center;
}
.gratuit-txt {
    text-align: center;
}
.btn-a a:hover { box-shadow: 0px 0px 0px 0px #31cf00; color: #fff; } 
section.sec-3 h3 { font-family: 'Raleway',sans-serif; font-weight: 700; color: #ffffff!important; text-align: center; font-size: 22px; margin-bottom: 30px } 
.sec-3 .btn-a { text-align: center; margin-bottom: 30px; } 
section.sec-3 p { font-family: 'Raleway',sans-serif !important; font-weight: 700; text-align: center; font-size: 14px; } 
.btn-a a {
    color: #ffffff;
    border-width: 0px;
    border-radius: 12px;
    font-size: 22px;
    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    background-color: #31cf00;
    padding: 16px 30px;
    box-shadow: 1px 4px 0px 0px #31cf00;
    transition: all 300ms ease 0ms;
}
.gratuit-txt {
    color: #0a4731;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 30px;
    font-style: italic;
}
.spn-aid-action {
    color: #1d1d1b !important;
    padding-left: 10px !important;
    font-size: 18px;
    font-weight: 600;
}
.advantage-spn {
    font-size: 19px;
    font-weight: 700;
    color: #1d1d1b;
    line-height: 55px;
}
.aid-li-item {
    margin: 5px 0px;
    font-size: 18px;
    color: #1d1d1b;
}
.sm-check {
    padding-right: 12px;
}
.comment-benefit-heading h2 {
    text-align: center;
    color: #1d1d1b;
    font-size: 36px;
    font-weight: 600;
}
.CB-count p {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    background: #179567;
    width: 57px;
    height: 57px;
    padding: 15px;
    border-radius: 108px;
    margin: auto;
}
.CB-image-wrap {
    margin: 35px 0px;
}
.CB-txt {
    padding: 0px 40px;
    font-size: 18px;
    color: #1d1d1b;
}
.comment-benefit-heading {
    margin: 15px 0px 40px 0px;
}
.sec-txt { width: 94%; } 
section.sec-four { padding: 60px 0px; }
.txt-four .btn-a { text-align: center; padding: 40px 0px; margin-top: 0; }
.txt-four hr { width: 22%; margin: 40px auto ; border-top-color: #00816a; } 
.txt-four p { font-family: 'Raleway',sans-serif !important; font-weight: 500; text-align: center; font-size: 14px; padding: 20px 0px; } 
.box-four-inner ul { list-style-type: none; } 
.txt-four h2 { font-family: 'Raleway',sans-serif; font-weight: 700; color: #ffcc00!important; text-align: center; font-size: 26px; } 
.box-four-inner { width: 60%; margin: 0 auto; } 
.box-four { background-color: #d7eae7; padding-top: 30px; padding-bottom: 30px; } 
.box-four-inner ul li img { position: absolute; left: -4px; top: 5px; } 
.box-four-inner ul li { position: relative; padding-left: 25px; margin: 10px 0px; font-size: 14px; font-weight: 600; } 
.box-four-inner .btn-a { text-align: center; padding: 20px; } 
.box-four-inner h3 { font-weight: 700; color: #3b635d!important; text-align: center; font-size: 22px; padding: 20px 0px; }
.footer-section { padding: 40px 0px; } 
.footer-link ul { list-style-type: none; text-align: center; margin: 0; }
.footer-link li a { color: #2ea3f2; font-size: 14px; font-weight: 700; } 
.footer-link ul li { display: inline-block; text-align: center; padding: 0px 4px; border-right: 2px solid #666; line-height: 10px; } 
.footer-txt {
    font-size: 27px;
    font-weight: 600;
    line-height: 39px;
    color: #1d1d1b;
}
.footer-map-img {
    margin-top: 40px;
}
.footer_inner ul li:last-child { border: 0; } 
.popup-cls .modal-content { overflow-y: scroll; height: 90%; overflow-x: hidden;}
.popup-cls .modal-header { display: flex; justify-content: flex-end; padding: 0; border: 0; }
.popup-cls .modal-dialog .modal-body { width: 60%; margin: 0 auto; }
.popup-cls .modal-dialog { width: 90%; max-width: 100%; height: 100vh; } 
.popup-cls p { font-size: 14px; color: #666; line-height: 1.7em; font-weight: 600; } 
.popup-cls h5 { font-size: 14px; color: #666; line-height: 1.7em; font-weight: 600; } 
.popup-cls ul { list-style-type: none; } 
.popup-cls ul li { padding: 8px 0px; font-size: 14px; color: #666; line-height: 1.7em; font-weight: 600; } 
.thank_logo { background-color: #234b86; padding: 20px; } 
.icon-txt img { margin-bottom: 30px; } 
.icon-txt { text-align: center; background-color: #fcfcfc; padding: 10px 0px 27px; margin: 10px; } 
.form-9 { display: none; } 
.thank_box h2 { font-size: 22px; color: #234b86!important; font-weight: 600; font-family: Open Sans,Arial,sans-serif !important; line-height: 1.4em; padding: 20px 20px 0; } 
.thank_box { background-color: #ffffff; border-radius: 2px; padding: 10px; text-align: center; }
.thank_box p { font-size: 18px; color: #234b86!important; font-weight: 600; font-family: Open Sans,Arial,sans-serif !important; line-height: 1.4em; margin: 10px 10px 20px; }
.thank_box1 { border: 1px solid #f2f2f2; margin: 10px; } 
.botton-thank { text-align: right; } 
.thank_box .progress,.tank-you .progress{ height: 30px; }
.thank_box .progress-bar { height: 30px; min-width: 0%; max-width: 80.00%; background: #02a691; text-align: left; padding-left: 13px; font-weight: 700; font-size: 14px; }
.tank-you .progress-bar { height: 30px; min-width: 0%; max-width: 100%; background: #02a691; text-align: left; padding-left: 13px; font-weight: 700; font-size: 14px; } 
.form-thank_2 input { visibility: visible; width: 100%; position: unset; margin: 0; height: 45px; font-size: 15px; padding: 6px 12px; color: #474747; border: 1px solid #f9f9f9; background-color: #f9f9f9; } 
.form-thank_2 button { display: none; } 
.form-thank .form-thank_2 .form-check.input-cls { background-color: transparent; } 
section.thank { background: #e5e5e5; }
.wrap-thank { background: #fff; }
.form-thank .form-check { margin-bottom: 10px; background-color: #f3f6ff; width: 100%; padding: 0px; text-align: center; color: #234b86; font-weight: 700; } 
.form-thank label.form-check-label { font-weight: 700; font-size: 14px; }
.form-thank .form-check:hover { background-color: #255193; color: #f3f6ff; } 
input.con-btn { color: #fff; background-color: #24c68d; border-color: #66d7af; font-weight: bold; width: 100%; height: 50px; transition: 0.5s; box-shadow: none;
border: 1px solid #24c68d; margin: 10px 0px; border-radius: 2px; } 
.form-thank_2 { display: none; }
.wrap-thank { background: #fff; padding-bottom: 60px; }
input.con-btn:hover { background-color: #fdae68; border-color: #fdae68; color: #fff; transition: 0.5s; }
.icon-txt h1 { color: #234b86; font-weight: 600; font-size: 36px; text-align: center; }
.radio-btn input { visibility: hidden; position: absolute; }
.radio-btn { position: relative; display: flex; padding: 0px; margin-bottom: 0; vertical-align: middle; cursor: pointer; background-color: #f3f6ff; text-align: center;
color: #234b86; font-weight: 700; margin: 5px; } 
.time-form { display: flex; flex-wrap: wrap; }
.radio-btn label.form-check-label { padding: 15px; font-weight: 600; }
.form-thank_3 { display: none; }
section.thank { background: #f9f9f9; height: 100vh; } 
.tank-you .wrap-thank .icon-txt { background: #fff; }
.tank-you .progress { margin: 10px 0px 25px; } 
.tank-you h1 { font-family: Open Sans,Arial,sans-serif !important; color: #000; }
.tank-you p { font-size: 14px; font-weight: 600; color: #000; } 
.tank-you .wrap-thank { padding-bottom: 25px; } 
.thank_logo img { width: 180px; } 
.check_email.error,.form-6 .parsley-error,.form-9 input.error,.form-9 select.error { background: url('./img/crose.png'); background-repeat: no-repeat; background-position: center right 10px; background-size: 20px; background-color: white;
 border: 2px solid red; } 
.form-8 .form-check1.input-cls { text-align: left; } 
.form-8 label.error { color: #a94442; font-weight: 600; text-align: left; } 
.form-apart-3 .Désolé,.form-apart-2 .Désolé { padding-top: 140px; }
/* New css 20-08-2021 */
.frm-inner input[type=radio] {visibility: hidden;}
.error_message { padding: 11px; }
.error-required { visibility: visible; font-size: 14px; color: #a94442; font-weight: 600;}
.form-6 .form-check1.input-cls {text-align: left;}
span.newerror.parsley-required {font-size: 14px;}
.form-apart-3 .Désolé h3,.form-apart-2 .Désolé h3{ font-size: 22px; font-weight: 600; color: #000; }
.form-apart-3 .Désolé h4,.form-apart-2 .Désolé h4 { font-size: 18px; font-weight: 500; color: #000; }
input:focus-visible {outline: 0;}
.form-6 .parsley-success.valid,.form-8 .valid,.form-9 .valid{ background: url(./img/vaild.png); background-repeat: no-repeat; background-position: center right 10px; 
    background-size: 20px; background-color: white; border: 2px solid rgb(48,180,48); }
.form-9 .form-check1 label.error {color: #a94442;}
.mobile-txt{display: none;}
@font-face {font-family: "ETmoudles";
  src: url("font/9d25ea5c587d0f9d470aa9a3634735ea.eot"); /* IE9*/
  src: url("./font/9d25ea5c587d0f9d470aa9a3634735ea.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("./font/9d25ea5c587d0f9d470aa9a3634735ea.woff2") format("woff2"), /* chrome、firefox */
  url("./font/9d25ea5c587d0f9d470aa9a3634735ea.woff") format("woff"), /* chrome、firefox */
  url("./font/9d25ea5c587d0f9d470aa9a3634735ea.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("./font/9d25ea5c587d0f9d470aa9a3634735ea.svg#ETmoudles") format("svg"); /* iOS 4.1- */
}
span.dsm_icon_list_icon {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: ETmodules !important;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    text-transform: none;
    content: attr(data-icon);
    speak: none;
   color: #ffb200;
}
span.spn-txt {
    padding-left: 40px;
    padding-top: 4px;
}

.spn-green-txt {
    color: #179567;
}
ul.distop-txt.dsm_icon_list_items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.demand-ac-wrapper {
    position: relative;
    bottom: 2px;
    right: 4px;
}
.demand-txt {
    background: #179567;
    color: #ffffff;
    font-size: 23px;
    font-weight: 600;
    margin-left: 70px;
    padding: 5px 40px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    width: 94.5%;
}
.demand-img-wrap {
    border: 1.5px solid #179567;
    border-radius: 15px;
    position: relative;
    bottom: 28px;
    left: 34px;
    border-right: none;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
/* close css */
@media (min-width: 1024px) {
.container {max-width: 1024px;}
}

@media(min-width: 768px) and (max-width: 1024px){
.banner-sec .banner-col {font-size: 70%;width: 70%;max-width: 75%;margin: 25px auto;}
.banner-sec ul {margin-top: 30px;}
.popup-cls .modal-dialog .modal-body {width: 90%;}
.footer-link li a { font-weight: 600;}
.btn-a a,.box-txt p,.btn-next input {font-weight: 600;}
.fr-img {
    width: 100%;
    
}
.brand-image { width: 100%; }
.cold-hot-pac {width:100%;}
.demand-ac {display: none;}
.demand-ac-wrapper {display: none;}
}
@media(max-width: 767px){
.icon-txt h1 { font-size: 28px; } 
.thank_box h2 { font-size: 18px; line-height: 1.5em; padding: 20px 0px 0; } 
.thank_box p { font-size: 16px; } 
.popup-cls .modal-dialog .modal-body { width: 90%; } 
.banner-sec h1 {font-size: 30px;      line-height: 30px;  padding: 0px 0px 20px;} 
.infos_p { font-size: 18px; line-height: 1.6em; margin: 0; } 
.banner-sec li { font-size: 18px; display: flex;}
.title p { font-size: 18px;    font-weight: 600; } 
.box-txt p {
    font-size: 13px;
    margin-top: 20px;
    padding: 10px 0px;
    font-weight: 600;
}
.box-txt img { width: 45px; height: 45px; } 
.btn-next input { padding: 12px; font-size: 18px ; } 
.sec-txt p { 
    font-size: 20px;
}
.big-check {
    width: 50%;
}
/* .btn-a { display: block; margin: 37px 0; text-align: center; height: 40px; }  */
.box-four-inner { width: 92%; margin: 0 auto; } 
.form-main { margin-bottom: 30px; min-height: 700px; } 
label.form-check-label { font-size: 14px;    font-weight: 600; } 
.form-check1 input { font-size: 14px; height: 50px; } 
.form-check1 select { font-size: 14px; height: 50px; padding: 0px 10px; }
.time-form .radio-btn {margin: 4px;}
.time-form { justify-content: center;}
ul.distop-txt.dsm_icon_list_items { display: none;}
.mobile-txt{display: block;}
.distop-txt {display: none;}
.logo img { width: 108px;}
/* .box-txt {padding: 0px 10px 20px;} */
.btn-a a {
    font-weight: 600;
    font-size: 16px;
}
.footer-link li a,.btn-next input {font-weight: 600;}
.popup-cls .modal-dialog {margin: 0 auto;}
.logo p { line-height: 12px;font-weight: 600;}
.header-bar { padding: 14px 0px 8px;}
.header_bar h2 {
    padding: 12px 0px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
}
/* .demand-txt {
    padding: 5px 30px !important;
    border-radius: 12px !important;
    text-align: center !important;
}
.demand-img-wrap {
    border: 1.5px solid #179567;
    border-radius: 15px;
    position: relative;
    bottom: 28px;
    left: 34px;
} */
.tick-infos-p {
    margin: 10px 0px;
}
.footer-map-img img {
    width: 100%;
}
.fr-img {
    width: 100%;
    
}
.brand-image { width: 100%; }
.cold-hot-pac {width:100%;}
.demand-ac {display: none;}
.demand-ac-wrapper {display: none;}

}
@media only screen and (max-width: 480px) {
        /******* form.php media css start *******/
    .describe-txt-form {
        text-align: center;
        font-size: 20px;
        line-height: 24px;
    }
    .sub-txt-form {
        font-size: 16px;
    }
    .txt-form {
        width: 100%;
    }
    .btn-next-submit {
        width: 100%;
    }
    .postal-sub-title p {
        font-size: 13px;
        padding: 6px;
        margin: 15px;
    }
        /******* form.php media css end *******/

        /********** native 2 media css start ********/
    section.banner-sec {
        padding: 10px 0px 30px 0px;
    }
    .banner-sec h1 {
        font-size: 27px;
        line-height: 25px;
        padding: 0px 0px 5px;
    }
    .banner-sec li {
        font-size: 16px;
    }
    .sec-sen h2 {
        font-size: 20px;
        padding: 17px 0px;
    }
    .sec-txt {
        width: 100%;
    }
    body.body {
        font-size: 13px;
        line-height: 1.8em;
    }
    section.sec-sen {
        padding: 10px 0px;
    }
    .sec-3 h2 {
        padding: 16px 0px;
    }
    .spn-aid-action {
        font-size: 15px;
    }
    .advantage-spn {
        line-height: 30px;
    }
    .comment-benefit-heading {
        margin: 0px 0px 10px 0px;
    }
    .comment-benefit-heading h2 {
        font-size: 30px;
    }
    .comment-benefit-wrapper {
        margin: 20px 0px;
    }
    .footer-txt {
        font-size: 25px;
        line-height: 30px;
    }
        /********** native 2 media css end ********/  
            
}

@media only screen and (min-width: 480px) {
	.fr-img {
		width: 100%;
	}
    
}
@media only screen and (min-width: 375px) {
	.fr-img {
		width: 100%;
	}
}
