@font-face {
    font-family: 'LG EI';
    src: url('../fonts/LGEIHeadline-Sb.woff2') format('woff2'),
        url('../fonts/LGEIHeadline-Sb.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LG EI';
    src: url('../fonts/LGEIHeadline-Bd.woff2') format('woff2'),
        url('../fonts/LGEIHeadline-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LG EI';
    src: url('../fonts/LGEIHeadline-Rg.woff2') format('woff2'),
        url('../fonts/LGEIHeadline-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;box-sizing:border-box}
body,th,td,input,select,textarea,button{font-size:1rem;line-height:1.2rem;font-family:'LG EI',sans-serif;color:#282828;font-weight:400}
body,html{position:relative;width:100%;height:100%;background:#f0ece4;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li,dl,dt,dd{list-style:none outside none;padding:0;margin:0}
hr{display:none}
span{margin:0;padding:0;outline:0}
button{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;width:100%}
img{width:100%;vertical-align:middle}
a{text-decoration:none;cursor:pointer;transition:ease all .5s}
a:active,a:hover{text-decoration:none;transition:ease all .5s}
.des_img{display: block}
.m_img{display: none;}
header{ width: 100%; background: #fff; padding: 10px 0;transition:ease all .5s}
header.fixTop{background:#fff;padding:10px 0;box-shadow:0 0 30px -8px #000; position: fixed; top:0px; left: 0px;}
.logo {width:150px;transition:ease all .5s}
.logo img{ width: 100%}
.fixTop .logo{width:110px}
.life-good{width:200px;transition:ease all .5s}
.life-good img{width: 100%}
.fixTop .life-good{width:130px}
.banner{ width: 100%;}
.banner img{ width: 100%;}

.braille-serv-sec{ width: 100%; padding: 60px 0;}
.braille-serv-sec ul.serlist{ padding: 0px; margin: 0px; display: flex; flex-wrap: wrap;}
.braille-serv-sec ul.serlist li{ flex: 0 0 auto}
.braille-serv-sec ul.serlist li.ser1{flex: 0 0 30.2%}
.braille-serv-sec ul.serlist li.ser2{flex: 0 0 25.3%}
.braille-serv-sec ul.serlist li.ser3{flex: 0 0 44.5%}
.braille-serv-sec ul.serlist li.ser4{flex: 0 0 40.3%}
.braille-serv-sec ul.serlist li.ser5{flex: 0 0 36.5%}
.braille-serv-sec ul.serlist li.ser6{flex: 0 0 23.2%}

.service-sec{ width: 100%; padding: 0px 0 60px;}
.title-m{ width: 100%; text-align: center; margin-bottom: 30px;}
.title-m h2{ font-size: 2rem; color:#a50034; line-height:2.5rem; text-align: center; margin: 0px; font-weight: 800;}
.service-sec .stage-box{ width: 100%; background: #fff; border-radius: 20px; padding: 50px; display: flex; align-items: center;}
.service-sec .stage-box .icon-b{ flex: 0 0 30%}
.service-sec .stage-box .icon-b img{ width: 100%}
.service-sec .stage-box .stg-contant{ padding-left: 50px; text-align: left; font-size: 1.2rem; line-height: 1.5rem; color:#767676;}
.service-sec .stage-box .stg-contant a{ color:#000000}
.service-sec .stage-box .stg-contant a:hover{ color:#a50034;}

.store-locater{ width: 100%; padding: 0 0 60px}
.store-locater .title-m h2{ font-size: 2.8rem; line-height: 3rem; font-weight: 800;}
.loction-tab .nav-link{ background: #fff; color:#000; transition:ease all .5s ;  padding: 7px 20px; border-radius: 30px; font-size: 1.2rem; line-height: 1.8rem; display: block; font-weight: 600;}
.loction-tab .nav-link.active{ background: #a50034;}
.loction-tab .nav-item{ margin-right: 15px;}
.loction-tab .nav-item:last-child{margin-right: 0px;}
.loction-tab .nav-link:hover{ background: #a50034; color:#fff; transition:ease all .5s}

.loction-list{ width: 100%; display: flex; padding: 15px 0; flex-wrap: wrap; margin: 0 -10px}
.loction-list li{ padding: 10px; flex: 0 0 25%}
.loction-list li .loction-b{ background: #fff; min-height: 150px; border-radius: 30px; padding: 20px;}
.loction-list li .loction-b h2{ font-size: 1.5rem; line-height: 1.5rem; color:#000; font-weight: 800; margin-bottom: 10px;}
.loction-list li .loction-b h3{ font-size: 1.2rem; line-height: 1.5rem; color:#000; font-weight: 600; margin-bottom: 10px;}
.loction-list li .loction-b p{ font-size: 1.1rem; line-height: 1.4rem; color:#000; font-weight: 400; margin-bottom:0px;}
.footer_nav{width:100%;margin:.5% 0}
.footer_sec .footer_nav ul{margin:0;padding:0;list-style:none;display:flex}
.footer_sec .footer_nav ul li{text-align:center;border-right:1px solid #fff;font-size:16px}
.footer_sec .footer_nav ul li:last-child{border-right:0}
.footer_sec .footer_nav ul li a{color:#fff;text-decoration:none;font-size:14px;padding:0 20px}
.footer_sec .footer_nav ul li:first-child a{padding:0 20px 0 0}
.footer_sec p{font-size:16px;display:block;width:100%;margin:0;padding:0;line-height:24px}
.footer_sec p a{color:#fff;font-family:'LG EI'}
.ft_main{background:#333;color:#fff}
.foot-scan{display:flex;justify-content:flex-end;align-items:center}
.foot-scan img{width:200px}

.btn-close{background:#fd312e;opacity:1;border-radius:100px;width:25px;height:25px;position:absolute;right:-10px;top:-10px;box-shadow:0 0 10px -1px #fff}
.btn-close img{width:15px}
.btn-close:hover{background:#bd2725;opacity:1}
.modal-dialog { max-width: 800px}
.modal-content { border-radius: 0;}

@media (max-width:1400px) {
.banCta2{margin:0 0 0 260px}
.banCta3{margin:0 0 0 110px}
}
@media (max-width:1200px) {
.banCta2{margin:0 0 0 200px}
.banCta3{margin:0 0 0 70px}
}
@media (max-width:990px) {
.banCta2{margin:0 0 0 120px}
.banCta3{margin:0 0 0 30px}
}
@media (max-width:767px) {
	.des_img{display: none}
.m_img{display: block;}
.top-border{height:15px}
.logo .img1{width:80px}
.logo .img2{width:120px}
.banner{padding:0px}
	
.braille-serv-sec ul.serlist li.ser1 {flex: 0 0 54.2%;}
.braille-serv-sec ul.serlist li.ser2{flex: 0 0 45.3%;}
.braille-serv-sec ul.serlist li.ser3 {flex: 0 0 100%;}
.braille-serv-sec ul.serlist li.ser4 {
    flex: 0 0 100%;
}	
.braille-serv-sec ul.serlist li.ser5 {
    flex: 0 0 61%;
}
	.braille-serv-sec ul.serlist li.ser6 {
    flex: 0 0 39%;
}
	
	.service-sec .stage-box .icon-b {
    width: 100px;
    margin: 0 auto 20px;
}
	.service-sec .stage-box {padding: 24px; display: grid; margin-bottom: 15px;}
.service-sec .stage-box .stg-contant {
     padding-left:0; 
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #767676;
    text-align: center;
}	
	.loction-tab{display: flex; flex-wrap: nowrap;overflow: auto; padding-bottom: 10px;}
	.loction-tab .nav-link{ white-space: nowrap;font-size: 1.1rem;}	
	.loction-list{ margin: 0px;}
	.loction-list li{flex: 0 0 100%;}
footer{text-align:center}
.footer_sec p{font-size:14px;line-height:20px;margin:10px 0 0}
.footer_sec .footer_nav ul{justify-content:center}
.footer_sec .footer_nav ul li a{padding:0 20px;display:block}
.foot-scan{justify-content:center;padding:15px 0 0}
.banner p.txt1{font-size:25px;padding:10px 0}
.banner p.txt2{padding:0 5%}

.btn-close{background:#fd312e;opacity:1;border-radius:100px;width:15px;height:15px;position:absolute;right:-2px;top:-4px;box-shadow:0 0 10px -1px #fff}
.btn-close img{width:12px;display:inline-block;vertical-align:top;margin:2px 0 0}

}