body{font-family: 'Open Sans', sans-serif; font-size: 16px; margin:0; padding:0; overflow-x: hidden; }
*{margin:0; padding:0;}
.section_title { font-size: 32px; color: #32126A; font-weight: 600; padding-bottom: 20px; line-height: 36px;}



#navbarNav{ margin-left:auto; }
.navbar.main_nav {padding-bottom: 12px;}

#navbarNav ul li a{ color: #522E91; font-weight: 600; font-size: 16px; letter-spacing: 0.64px; margin-right:25px;
 padding-left:0; position:relative; padding-right: 0;  }

#navbarNav ul li a:after{position:absolute; content:""; width:100%; height:8px; background:#AB95C7; bottom:-12px; left:0; 
	transform:scaleX(0);transition: transform 300ms ease-in-out;}

 #navbarNav ul li a:hover:after{transform:scaleX(1);  transition: transform 300ms ease-in-out; }

 .main_nav .container{ align-items: end; transition: 0.3s; }

.navbar-collapse {flex-grow: initial;}
.static_home_banner{ position:relative; }
.banner_cont { width: 35%; position: absolute; top: 50%; transform: translateY(-50%);}
.banner_cont p { color: #fff; font-size: 24px; font-weight: 300; line-height: 33px;}
.banner_cont h1 { color: #fff; font-size: 48px; line-height: 52px;font-weight: 600; margin-bottom: 40px;}
.banner_cont span.scroll_down {color: #fff; position: relative; padding-left: 50px; font-size: 16px; line-height: 20px;
letter-spacing: 0.64px; background: url(../images/scroll_aerow.png) no-repeat 0 0; padding-bottom: 10px;}
.banner_cont a { text-decoration:none; }


section.organ_involve{ background:#ECE7F266; padding:55px 0 80px 0;}
section.organ_involve p {font-size: 22px; font-weight: 400; padding: 0 108px; line-height: 30px;}
section.organ_involve .row.box_3 .col-md-4 .inner{ background:#fff; padding:20px;}
section.organ_involve .row.Indx.box_3 .col-md-4 .inner { background: #fff; padding: 22px 45px; min-height: 300px;height: 100%;}
section.organ_involve .row.box_3 .col-md-4 .inner { margin-right: 10px;  margin-left: 10px;    border-bottom: 16px solid #AB95C7;}

section.organ_involve .row.box_3 .col-md-4 .inner p.box_title { text-align: center; font-size: 16px;  font-weight: 500; 
padding: 0; line-height: 30px; text-transform: uppercase; margin-bottom: 0px;}
section.organ_involve span.percent_digit{ font-size:90px; line-height:90px; color:#522E91; text-align:center; display:block; 
font-weight:300;
margin-bottom:10px; }
section.organ_involve p.info_box{ padding:0; font-weight:400; font-size:22px; color:#000; text-align:center; 
letter-spacing: -0.18px;  }
section.organ_involve .row.box_3{ margin-top:50px; }
section.organ_involve a {display: inline-block;color: #fff; background: #32126A; padding: 14px 25px;font-size: 20px;
 text-decoration: none; font-weight: 600;  margin-top: 35px; transition: 0.3s;}
section.organ_involve a:hover, section.organ_involve.living_lupus a:hover { background: #522E91; transition: 0.3s;}




 section.organ_involve.living_lupus .row.box_3 .col-md-4 .inner { background: #ECE7F266;  padding: 20px;}
 section.organ_involve.living_lupus .row.box_3 .col-md-4 .inner { border-bottom: 0 none; text-align: center;height:100%;}

section.organ_involve.living_lupus .inner a { color: #32126A;background: #fff; font-size: 16px; border: 2px solid #32126A;
 margin-top: 25px; transition: 0.3s;}
 section.organ_involve.living_lupus .inner a:hover { transition: 0.3s;
    color: #fff;
    background: #32126A;
}
 section.organ_involve.living_lupus a { display: inline-block; color: #fff; background: #32126A; padding: 14px 25px;
 font-size: 20px; text-decoration: none;  font-weight: 600; margin-top: 35px;}
section.organ_involve.living_lupus .LiViNg-LUPs:nth-child(2) .inner a, section.organ_involve.living_lupus .LiViNg-LUPs:nth-child(1) .inner a { 
margin-top: 36px; margin-bottom: 13px;}
.organ_involve.Video_sec .video_wrap .video{padding: 58px; margin-top: 45px; box-shadow: 0 0 35px #0000000F}
.organ_involve.Video_sec .video_wrap .video .story_info { font-size: 24px; font-weight: 700; /*padding: 0;*/ line-height: 30px ;
/*padding-right: 130px;*/ }
.organ_involve.Video_sec .video_wrap .video .story_info p.teg_line{padding: 0; font-size: 16px;font-weight: 500;}
.organ_involve.Video_sec .video_wrap .video .story_info p.story_quote{ padding: 0;font-weight: 700; text-indent:-10px; }
/*.play_video iframe{ border-radius:20px; }*/
.organ_involve.Video_sec .video_wrap .video .story_info a{margin-top: 25px; }
.organ_involve.Video_sec .video_wrap .video .play_video{ position:relative;}
.organ_involve.Video_sec .video_wrap .video .play_video:after{ position:absolute; content:""; background:transparent; top:0; left:0;
width: 100%; height: 300px;cursor: pointer;}
.modal-header {border-bottom: 0 none;}
section.voice_matters {padding: 55px 0 80px 0;background: url(../images/blue_bg_desktop.png) no-repeat;
    background-size: 100% 100%;
}
.section_top_icon{ margin-bottom:15px; }
section.voice_matters p.quote_txt { font-size: 22px; font-weight: 200; padding: 0 108px; line-height: 27px;
font-style: italic;}
p.quote_speaker_name { font-size: 22px; font-weight: 300; padding: 0 65px;}
section.voice_matters a{}
section.voice_matters a {color: #6658A6; background: #fff; font-size: 20px; /*border: 2px solid #6658A6;*/ margin-top: 55px;
    display: inline-block; padding: 14px 20px; text-decoration: none; font-weight: 700; line-height: 26px;}
section.voice_matters a:hover{ background:#6658A6; color:#fff; transition:0.3s; }

section.refrence_wrap{padding: 35px 0;}
section.refrence_wrap ul{ padding-left: 10px; list-style: decimal; font-size: 13px; font-weight: 400;}
section.refrence_wrap ul li{ margin-bottom:10px }
section.refrence_wrap ul li a{ text-decoration: none; color:#6658A6; font-weight:500; }
section.refrence_wrap .section_title { font-size: 18px; color: #000;padding-bottom: 10px;}
section.inner_static_banner{position: relative;}
section.inner_static_banner .banner_cont h1 { color: #32126A;}
.symptoms { margin: 32px 0  48px;}
.symptoms .box{ width:20% }
.organ_involve .symptoms p{padding: 0;    margin-top: 12px;}
section.abot_40 .section_title {padding: 0 108px;}

.inner_box6 h2.section_title{ padding:0; padding-left: 40px;}
.inner_box6 { min-height: 310px; background: #f7f5fa; padding: 50px 52px; margin-right: 10px;  margin-left: 10px;border-bottom: 16px solid #AB95C7;}
section.abot_40 .inner_box6 p{padding: 0;}
section.abot_40 .inner_box6 p { padding: 0; font-size: 16px; line-height: 24px;  font-weight: 400; margin-top: 20px; 
	margin-bottom: 0; /*min-height: 95px;*/}
.row.box_6{ margin-top:60px;  }
.voice_matters.inner_pages p.quote_speaker_name { padding: 0 220px;}

.navbar.main_nav.main_nav_dark { background: #32126A!important;}
.main_nav_dark #navbarNav ul li a {color: #FFFFFF;font-weight: 600;}

section.organ_involve.living_lupus.lwl_inner {
    background: #ECE7F266!important;
}

section.organ_involve.living_lupus.lwl_inner .row.box_3 .col-md-4 .inner {
    background: #fff;
    padding: 20px;
}

section.organ_involve.living_lupus.lwl_inner .LiViNg-LUPs:nth-child(2) .inner a, section.organ_involve.living_lupus.lwl_inner .LiViNg-LUPs:nth-child(1) .inner a {
    margin-top: 25px;
}

.organ_involve.living_lupus.lwl_inner .video_wrap .video {
    padding: 58px;
    box-shadow: 0 0 35px #0000000F;    margin-top: 50px;
}

.organ_involve.living_lupus.lwl_inner .video_wrap .video .story_info p.teg_line {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
}

.organ_involve.living_lupus.lwl_inner .video_wrap .video .story_info p.story_quote {
    padding: 0;font-size: 24px;
    font-weight: 700;
}

.organ_involve.living_lupus.lwl_inner .video_wrap .video .story_info {
    /*padding-right: 90px;*/ 
}
.organ_involve.living_lupus.lwl_inner .video_wrap .video.desktop div.d-flex{ align-items:center; }

section.organ_involve.living_lupus.lwl_inner .vido_list p {
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    line-height: 24px;
    margin-top: 30px;
}

section.organ_involve.living_lupus.lwl_inner .inner a {
    padding: 14px 17px;
}
.grey_bg{ background:#ECE7F266; box-shadow: 0 0 0!important; }









footer { padding: 37px; background: #F4F4F4;}



.modal{background: rgba(32, 31, 31, 0.95)!important;}
.modal-content { background-color: transparent; border:0 none; }
.modal-body {  color: #fff;}
.modal-header .btn-close{display: flex; background: no-repeat; align-items: center; opacity: 1; color: #fff;
 position: absolute; right: 81px;}
.modal-header .btn-close span{font-size: 30px; font-weight: 600;  line-height: 20px; padding-left: 11px;color: #fff;}
.modal-body h2.video_title{ font-size:30px; font-weight:600; line-height:36px; padding-top:20px; padding-bottom:10px; }
.modal-body p.abot_vido_info{font-size:20px; font-weight:400; line-height:30px;}







 #nav-icon4 {
  width: 33px;
  height: 25px;
  position: relative;
/*  margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

 #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #32126a;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
  left: 8px;
}



/**/



.organ_involve.Video_sec.botm_sec .video_wrap .video.desktop .story_info { padding-right: 110px;}
.organ_involve.Video_sec.botm_sec .video_wrap .video.desktop .story_info .quote_speaker_name{ padding:0; }
section.organ_involve.living_lupus.lwl_inner.docTor_two_col .row.box_3 .col-md-6 .inner {margin-right: 10px; margin-left: 10px;
background: #fff; padding: 20px; text-align: center; padding: 30px 52px; box-shadow: 0 0 14px #0000000F;}
section.organ_involve.living_lupus.lwl_inner.docTor_two_col .row.box_3 .col-md-6 .inner p { min-height: 120px; margin-bottom: 0;
    font-size: 22px; font-weight: 400; padding: 0;line-height: 30px; margin-top: 30px;}
section.organ_involve.living_lupus.lwl_inner.docTor_two_col a{margin-top: 5px;}
section.organ_involve.living_lupus.lwl_inner.docTor_two_col a img { padding-right:8px; }





/*
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px;}
}*/


@media (min-width: 820px){
.dup_mob, .Mob_device{ display:none;}


}

@media(max-width: 1300px){
    .banner_cont h1{ font-size: 35px; }
}



@media (min-width: 820px) and (max-width: 1180px) {
a.navbar-brand img { width: 75%;}
.main_nav_dark #navbarNav ul li a { font-size: 14px;  margin-right: 20px;}
.banner_cont { width: 50%;}
section.inner_static_banner .banner_cont h1 { color: #32126A; font-size: 40px; margin-bottom: 0;}
.voice_matters.inner_pages p.quote_speaker_name { padding: 0 130px;}
section.abot_40 .inner_box6 p { min-height: 98px;}
.row.box_6 .col-md-6:nth-child(4) .inner_box6 h2.section_title{ font-size:30px }

}



@media (min-width: 768px) and (max-width: 1024px) {
a.navbar-brand img{width: 75%;}
#navbarNav ul li a {font-size: 14px;margin-right: 20px;}
.banner_cont { width: 50%;}
.banner_cont h1 {font-size: 40px;    line-height: 44px;}
section.organ_involve .row.box_3 { margin-top: 50px; justify-content: center;}
.organ_involve .row.box_3 .numeric{flex: 0 0 33%!important;}
section.organ_involve p.info_box {font-size: 18px; line-height: 24px;}
.organ_involve.Video_sec .video_wrap .video .story_info {/*padding-right: 40px;*/}
.organ_involve.Video_sec .row.video_wrap { margin-top: 25px;}
section.voice_matters {padding: 55px 0 60px 0;}
p.quote_speaker_name { line-height: 28px;}
section.voice_matters a {margin-top: 25px;}
section.inner_static_banner .banner_cont h1 { font-size: 30px;  margin-bottom: 0;}


}


@media(max-width:820px){
.navbar-toggler:focus { box-shadow: 0 0 0;}
button.navbar-toggler { position: absolute; right: 40px;  top: 21px;  border: 0 none;}
#navbarNav {background: #522E91; position: absolute; width: 100%; top: 80px; left: 0; z-index: 9;}
#navbarNav ul li{ text-align:center; }
#navbarNav ul li a { color: #fff; font-weight: 600;line-height: 20px;text-align: center; margin-top: 40px;margin-right: 0;
display: inline-block;}
#navbarNav ul li:last-child a {margin-bottom: 60px; margin-top: 100px;}
.blur{ filter:blur(10px); margin-top: 25px; }
.organ_involve .row.box_3 .numeric, .col-md-4.LiViNg-LUPs {flex: 0 0 50%!important;}
section.organ_involve p.info_box { font-size: 20px; line-height: 24px;}
.banner_cont h1 { font-size: 35px; line-height: 40px;}
section.organ_involve p { padding: 0 48px;}
.organ_involve.Video_sec .video_wrap .video { flex-wrap: wrap;}
.organ_involve.Video_sec .video_wrap .video .story_info { /*padding-right: 0;*/ flex: 0 0 100%;}
.organ_involve.Video_sec .video_wrap .video .play_video { flex: 0 0 100%; margin-top: 35px;}
#navbarNav ul li:last-child a:after{display: none;}
section.organ_involve.living_lupus .LiViNg-LUPs:nth-child(2) .inner a,
section.organ_involve.living_lupus .LiViNg-LUPs:nth-child(1) .inner a { margin-top: 25px;}


.organ_involve.Video_sec .video_wrap .video.dup_mob .story_info p.teg_line { padding: 0; font-size: 16px; font-weight: 500;}
.organ_involve.Video_sec .video_wrap .video.dup_mob .play_video {  margin-top: 0;}


.dup_mob .d-flex{ flex-wrap:wrap; }
.desktop{ display:none;}
.dup_mob .story_info{ text-align:center; margin-top:25px; }
.dup_mob { flex:0 0 85%; }
footer { padding: 20px;}




/*====================inner*/
.main_nav_dark #navbarNav { top: 72px;}
.symptoms {  margin:32px 0  0px; flex-wrap: wrap;  justify-content: center;}
.symptoms .box { width: 33%; margin-bottom: 40px;}
section.abot_40 .section_title { padding: 0px 28px;  font-size: 30px;}
.inner_box6 {padding: 30px 20px;}
.inner_box6 h2.section_title { padding: 0;  padding-left: 40px; line-height: 28px; font-size: 24px;}
.inner_box6 .row .col-md-2{ margin-bottom:20px; }
.inner_box6 .row .col-md-2, .inner_box6 .row .col-md-10{ flex: 0 0 100%; text-align:center; }
.abot_40 .row.box_6 .col-md-6 .inner_box6 {min-height: 352px;}

section.organ_involve p {font-size: 20px;}
.organ_involve .symptoms p {margin-top: 5px;}
section.organ_involve {padding: 55px 0 20px 0;}
.voice_matters.inner_pages p.quote_speaker_name {font-size: 22px; font-weight: 300; padding: 0 65px;}

 .main_nav_dark #nav-icon4 {
  width: 33px;
  height: 25px;
  position: relative;
/*  margin: 50px auto;*/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

 .main_nav_dark #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}





}

@media(max-width:768px){
section.organ_involve p { font-size: 20px;padding: 0 48px;}
section.organ_involve p.info_box { font-size: 20px;}
p.quote_speaker_name { font-size: 21px;}
.banner_cont h1 { font-size: 35px; line-height: 38px;  font-weight: 500;}



}

@media(max-width:767px){
a.navbar-brand{padding-left: 25px;}
a.navbar-brand img{width: 75%;}
button.navbar-toggler{ position:absolute; right:40px; top:21px; border: 0 none; }
.navbar-toggler:focus {box-shadow: 0 0 0;}
.banner_cont {width: 94%; transform:translateY(-112%); padding-left: 15px; padding-right: 15px;}
.banner_cont p {font-size: 16px; font-weight: 300; line-height: 20px;}
.banner_cont h1 {font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 26px; margin-top: 90px;}

#navbarNav { background: #522E91; position: absolute; width: 100%; top: 80px; left: 0; z-index: 9;}
#navbarNav ul li a { color: #fff; font-weight: 600;  line-height: 20px; text-align: center; margin-top: 40px;}
#navbarNav ul li:last-child a{ margin-bottom:40px; }
section.organ_involve p { font-size: 16px; font-weight: 400; padding: 0px 40px; line-height: 24px;}
section.organ_involve .row.box_3 .col-md-4 .inner p.box_title { margin-bottom: 0; margin-top: 10px;}
section.organ_involve p.info_box { padding: 0 26px; font-size: 16px;}
section.organ_involve a:hover {transform: scaleX(1.1); background: #522E91; transition: 0.3s;}

.organ_involve .row.box_3 .numeric, .col-md-4.LiViNg-LUPs { flex: inherit!important;}
.organ_involve.Video_sec .video_wrap .video { padding: 30px;}
section.organ_involve { padding: 55px 0 40px 0;}
section.voice_matters p.quote_txt { font-size: 16px;padding: 0 8px; margin-bottom: 0; line-height: 24px;}
/*p.quote_speaker_name { font-size: 16px; line-height: 22px;padding: 0 15px;}*/
p.quote_speaker_name { font-size: 16px;line-height: 24px; padding: 0 37px;}
section.voice_matters a { margin-top: 15px;}
section.voice_matters {padding: 65px 0 67px 0;background: url(../images/blue_bg_mobile.png) no-repeat;background-size: 100%;}
section.organ_involve.Video_sec .row.sm_change_idx{ padding:0 30px }
section.organ_involve.Video_sec .row.sm_change_idx p{padding: 0px 13px;}
section.voice_matters .section_title {margin-bottom: 0;padding-bottom: 12px; margin-top: 30px;line-height: 28px;
 font-size: 28px;}


/*=====================inner*/

section.inner_static_banner .banner_cont{transform: translateY(-17%); width: 79%;}
section.inner_static_banner .banner_cont h1{}
.symptoms .box { width: 50%; margin-bottom: 20px;}
.inner_box6 .row .col-md-2 { flex: 0 0 auto; width: 16.66666667%;}
.inner_box6 .row .col-md-10 {flex: 0 0 auto; width: 83.33333333%;text-align: inherit;}
.inner_box6 .row .col-md-2 { margin-bottom: 0px;}

.inner_box6 h2.section_title { font-weight:700;}
.abot_40 .row.box_6 .col-md-6 .inner_box6 { min-height: auto;}
.row.box_6 .col-md-6{ margin-bottom:30px!important; }
.voice_matters.inner_pages p.quote_speaker_name {font-size: 16px; font-weight: 400; padding: 0 15px;line-height: 24px;}
section.voice_matters.inner_pages { padding: 125px 0 122px 0; background: url(../images/blue_bg_mobile.png) no-repeat;
background-size: 100% 100%;}

.organ_involve.living_lupus.lwl_inner .video_wrap .video {padding: 30px; margin-top: 10px;}
.organ_involve.living_lupus.lwl_inner .video_wrap .video .story_info {padding-right:inherit;}
.organ_involve.living_lupus.lwl_inner .video_wrap .video .story_info p.story_quote { padding: 0;font-weight: 700;font-size: 24px;
line-height: 30px;letter-spacing: -1px;}


.organ_involve.living_lupus.lwl_inner .video_wrap .video.dup_mob div.d-flex{ display: block!important;}
section.organ_involve.living_lupus.lwl_inner .row.box_3 { margin-top: 30px;}
section.organ_involve.living_lupus.lwl_inner .col-md-4.LiViNg-LUPs {flex: inherit!important; margin-bottom: 25px!important;}
.organ_involve.Video_sec.botm_sec .video_wrap .video .story_info p.story_quote{font-size: 24px;font-weight: 700;line-height: 30px;
padding: 0 30px;}


doctor
section.organ_involve.living_lupus.lwl_inner.docTor_two_col .row.box_3 .col-md-6 .inner p {  min-height: initial;
 font-size: 16px;line-height: 24px; }
 section.organ_involve.living_lupus.lwl_inner.docTor_two_col .LiViNg-LUPs{ margin-bottom:20px!important; }
 section.organ_involve.living_lupus.lwl_inner.docTor_two_col .row.box_3 .col-md-6 .inner {padding: 30px 42px;}

 section.organ_involve.living_lupus.lwl_inner.docTor_two_col a{display: flex;justify-content: center;align-items: center;
    font-size: 16px; font-weight: 600; line-height: 22px; }

section.organ_involve.living_lupus.lwl_inner.docTor_two_col a img { padding-right: 15px;}
section.organ_involve.living_lupus a, section.organ_involve a { margin-top:15px; }
section.organ_involve {padding: 55px 0 60px 0;}

}

@media (max-width: 430px){
.voice_matters.inner_pages p.quote_speaker_name {padding: 0 55px;}
}

@media (max-width: 414px){
.banner_cont h1 {font-size: 25px;line-height: 34px;margin-top: 21px;}
.banner_cont { width: 100%; left: 0; transform: translateY(-98%);}
.banner_cont a { display: inline-block; margin-left: 30px;}

}

@media (max-width: 390px){
.banner_cont {width: 100%; transform: translateY(-84%);}
.banner_cont span.scroll_down { font-size: 15px;}
}

@media (max-width: 375px){
.banner_cont span.scroll_down {padding-left: 38px; font-size: 14px;}
button.navbar-toggler { right: 25px;}
section.abot_40 .section_title { padding:0px 10px 0 40px; font-size: 23px; line-height: 30px;}
section.organ_involve.living_lupus.lwl_inner.docTor_two_col .row.box_3 .col-md-6 .inner {padding: 20px 30px;}

}


@media (max-width: 360px){
.banner_cont {width: 100%; transform: translateY(-95%);}
.banner_cont h1 { font-size: 22px; line-height: 28px; font-weight: 600; margin-bottom: 28px;}
.banner_cont span.scroll_down {padding-left: 38px; font-size: 14px;}
section.organ_involve { padding: 40px 0 40px 0;}
section.organ_involve a, section.organ_involve.living_lupus a { margin-top: 5px;}

}

.col-12.text-center > img {padding-bottom: 30px;}



/*d cd*/
.ftr-item {padding: 15px 0px;text-align: center;border-top: 1px solid #6658a6;}
.ftr-item ul {margin: 0;padding: 0px;list-style: none;}
.ftr-item ul li{display: inline-block;margin:10px 10px 10px 0px;}
.ftr-item ul li a {list-style: none;color:#212529;text-decoration: none;font-weight:500;}
.ftr-item ul li a:hover{color:#ff7000;}
/*extrnal pop*/
.xtrnal-popup {position:fixed;max-width: 0px;width: 95%;height:auto;background-color:#fff;left:50%;top: 50%;padding: 1rem;text-align: center;border-radius: 5px;box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.7);transform: translate(-50%, -50%);opacity: 0;
  pointer-events: none;overflow: hidden;z-index:99999;}
.xtrnal-popup.is-active {pointer-events: all;opacity: 1;transition: 0.3s;max-width:600px;box-sizing: border-box;}
.xtrnal-popup.is-active .close-popup {all: unset;position: absolute;top: 0;right: 0;padding: 1rem;cursor: pointer;}
.xtrnal-popup.is-active .btn-style{text-decoration: none;border: 1px solid #ccc !important;padding: 7px 21px !important;background:#32126A;
    border-radius: 5px !important;color: #fff;position: unset !important;margin: 10px;display: inline-block;font-size: 14px;}
.xtrnal-popup.is-active .btn-style:hover{background:#522E91;}
.xtrnal-popup .big {font-size: 24px;margin-bottom: 15px;font-weight: 600;}
/*extrnal pop*/
/*d cd cs*/