/* Project Autocruitment -  Childhood and Teen Depression Research Study */

/* Global Styles */
html { overflow-x: hidden; }
body { position: relative; overflow-x: hidden; color: #000; font-family: 'Open Sans', sans-serif; }
h1 { color: #003c57; font-size: 35px; font-weight: 700; margin-bottom: 35px; display: inline-block; width: 100%; }
p { font-size: 18px; color: #000;  font-weight: 400; display: inline-block; font-family: 'Open Sans', sans-serif; }
/*img { max-width: 100% } */
input { font-family: 'Open Sans', sans-serif; }
a,a:hover { transition: all .3s ease; }
ul {list-style: none;}
i.fas,i.fab {color: #243757; font-size:16px; text-align:center;}
.followicons a {margin:0 0.3em}
.footerBottom .followicons {margin-left: 10px;margin-top: 2px;}
.footer-autocruitment-logo {display: flex;justify-content: center;align-items: center;align-self: center;}
	.footer-autocruitment-logo img {    width: 195px; }

/* Header Section Starts */
.header { width: 100%; display: inline-block; background: #fff; }
a.toplogo { padding: 0; display: flex; align-items: start; transition: all 0.5s; }
a.toplogo img { margin: 0 auto; transition: all 0.5s; flex-shrink: 0; width: 124px;}
.topnavbar { padding: 0 15px; }
.navbar-nav li { font-family: 'Poppins', sans-serif; font-weight: 500; }
.navbar-nav li a { color: #000; font-size: 22px; }
.customnav ul.topnavbarul li a.nav-link { font-size: 22px; color: #000; line-height: 28px; font-weight: 500; padding: 0 !important; margin-bottom: 0px; }
.customnav .navbarbtn { background: #fff; height: 35px; width: 40px; padding: 0 7px; }
.icon-bar { background: #f27c76; width: 100%; height: 2px; display: inline-block; float: left; }
.customnav ul.topnavbarul li a.nav-link:focus,
.customnav ul.topnavbarul li a.nav-link:hover,
.customnav ul.topnavbarul li a.nav-link:active,
.customnav ul.topnavbarul li a.nav-link.active { color: #22b5af}
.customnav { background: #fff; padding: 25px 15px; }
.customnav ul.topnavbarul li.last-item a { font-weight: 600; vertical-align: middle; background: #e2493b; color: #fff; font-size: 22px; border-radius: 35px; width: 201px; height: 70px; line-height: 70px; text-align: center; position: relative; overflow: hidden; z-index: 1; display: inline-block; padding: 0 }
.customnav ul.topnavbarul li.last-item a:hover { color: #fff; background-color: #22b5af }
.customnav ul.topnavbarul li.last-item a.nav-link:focus { color: #fff; background: #22b5af; outline: none; }
.customnav ul.topnavbarul li.last-item a.nav-link::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #22b5af; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }
.customnav ul.topnavbarul li.last-item a.nav-link:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); }
.navbar .container { align-items: end; }

@media only screen and (min-width:992px) {
	.fixed-me { transition: all 0.5s; }
	.fixed-me { background-color: #fff !important; padding: 15px 0 15px 4vw !important; margin-bottom: 0px; position: fixed; top: 0; z-index: 888; width: 100%; }
	.navbar-me { transition: all 0.5s; }
	.navbar-me { padding: 25px 0px; background-color: #fff; top: 0px; border: 0px; border-radius: 0px; }
	.fixed-me a.toplogo img { transition: all 0.5s;max-width: 180px; }
	.fixed-me ul.topnavbarul li.last-item a { font-size: 20px; border-radius: 35px; width: 201px; height: 50px; line-height: 50px; text-align: center; position: relative; overflow: hidden; z-index: 1; display: inline-block; padding: 0 }
}

/* Mobile Menu */
#nav-icon1 { width: 30px; height: 30px; position: relative; -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; top: 0px; margin-top: 8px; }
#nav-icon1:hover,
#nav-icon1:focus { outline: 0; }
#nav-icon1.open { top: 0px; }
#nav-icon1 span { display: block; position: absolute; height: 2px; width: 100%; background: #e2493b; border-radius: 9px; 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; }
#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span:nth-child(2) { top: 10px; }
#nav-icon1 span:nth-child(3) { top: 20px; }
#nav-icon1.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
#nav-icon1.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.body_section {margin-top: 100px; position: relative; width: 100% }

/* Banner Section */
.bannercontent { padding: 0 0 0; position: relative; margin: 0 auto; width: 100%; background: url('../images/banner-bg.webp') no-repeat top right; height: 700px; background-size: cover; }
.bannercontent h1 { font-size: 41px; color: #e2493b; font-family: 'Poppins', sans-serif; font-weight: 700; padding-bottom: 18px; text-transform: inherit; text-align: center; margin: 0; padding-bottom: 10px;}
.bannercontent h1 span { display: block; font-size: 58px; letter-spacing: 10px; }
.bannercontent h1 strong.study { font-size: 35px; color: #000; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: inherit; text-align: center; margin: 0 20px 15px 20px; display: inline-block; }
.banner-text {
    background: url('../images/banner-text-back.webp') no-repeat top right;
    position: absolute;
    width: 790px;
    top: 0;
    padding: 0;
    height: 100%;
    left: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.banner-inner {
    width: 100%;
}
.banner-content {margin:0 35px;}
.banner-content p {color: #000; font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 39px; padding-bottom: 15px;}
.banner-content ul {margin:19px 0 0 0;padding: 0px;}
.banner-content ul li {padding:0; list-style: none; color: #000; font-size: 20px; margin-bottom: 0px; font-family: 'Poppins', sans-serif; font-weight: 500; position: relative}
.banner-content ul li:before {background-image: url('../images/tick-mark.webp'); background-position:center center; background-repeat: no-repeat; content: ''; width: 19px; height: 26px; position: relative; display: inline-block; left: 0px; }
.bannercontent img { position: relative; left: 5px; top: -45px; }
.banner-btn { position: relative }
.banner-btn { text-align: center; margin: 50px 20px 0; }
.banner-btn span { position: absolute; top: -30px; font-size: 24px; left: 35px; color: #ffffff; }
.banner-btn a.qualifybtn {
    max-width: 100%;
    margin-top: 26px;
    width: auto;
    text-align: center;
    background: #22b5af;
    color: #fff;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    border-radius: 50px;
    height: auto;
    padding: 0;
    cursor: pointer;
    margin: 0 0 0 15px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    text-transform: inherit;
    top: 24px;
    line-height: inherit;
    padding: 20px 50px;
}
.banner-btn a.qualifybtn:hover { text-decoration: none; color: #fff; background: #e2493b; }
.banner-btn a.qualifybtn::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #e2493b; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }
.banner-btn a.qualifybtn:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); }

/* About Study */
.participant-text {background-color: #a9ddd9;text-transform: uppercase;color: #000;height: auto;font-weight: 600;font-family: 'Poppins', sans-serif;	border-radius: 5px;text-align: center;	font-size: 19px;max-width: 240px;margin: 0 auto;	display: flex;	align-items: center;}
.nd-row {margin-top: 30px;}
#studyinfo-CTA-image {padding: 80px 0}
#studyinfo-CTA-image h2 {color: #000; margin:0 auto 60px auto;}
#studyinfo-CTA-image h2 span {color:#f7931b;}
.aboutContent h3 {color: #000; font-size: 22px;font-weight: 600;font-family: 'Poppins', sans-serif; line-height: 30px;margin-bottom: 55px;}
.aboutContent h3.aboutTitle {position: relative; margin-top: 20px;}
.aboutContent h3.aboutTitle:after {content:'';position: absolute; background-color: #a9ddd9;height: 3px; width: 55px; left: 0px; bottom:-10px;}
.aboutContent p {font-size: 18px;font-weight: normal}
.takepart-study {
    background: #22b5af url(../images/takestudy-bg.webp);
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 15px 21px;
    border-radius: 10px;
    margin-top: 49px;
    min-height: 281px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@-moz-document url-prefix() { 
/*.takepart-study {	margin-top: 30px;}*/
}
.takepart-study h3 {color:#fff; font-size: 24px;font-family: 'Poppins', sans-serif; font-weight: 500; margin: 0px 0 15px 0; }
.takepart-study p {color:#fff;}
.takepart-study ul {margin:0px; padding: 0px; list-style: none}
.takepart-study ul li {font-size: 18px; color: #fff;font-weight: 400;font-family: 'Open Sans', sans-serif;position: relative; padding-left: 30px;}
.takepart-study ul li:before{background-image: url('../images/tick-mark-white.webp'); background-position:center center; background-repeat: no-repeat; content: ''; width: 16px; height: 26px; position: absolute; display: inline-block; left: 0px;}
.takepart-study a.qualifybtn {
    max-width: 232px;
    font-size: 20px;
    height: 56px;
    line-height: 53px;
    text-transform: inherit;
    margin-top: 20px;
    color: #e2493b;
    padding: 0px;
    background: #fff;
}
 .aboutstudy-pic img {	max-width: 100%;width: 100%;}

/* FAQ Section */
h2.mainheading { font-size: 45px; line-height: normal; text-align: center; display: inline-block; margin: 0 0 62px; font-weight: 600; font-family: 'Poppins', sans-serif;}
.black-color {color:#000;}
#faq h2 {margin-right: auto; margin-left: auto;}
#signup h2 {margin-right: auto; margin-left: auto; display: block;}
#faq { background: #22b5af; background-repeat: no-repeat; background-position: right top; background-size: cover; padding: 66px 0px 86px;  }
#faq h2.mainheading { margin-bottom: 30px; }
.dark-blue-color { color: #30314a; }
h1.mainheading.white-border-bottom:after { border-bottom: 2px solid #fff; max-width: 180px; }
ul.points { width: 100%; display: inline-block; margin: 0; padding: 0; list-style: none; }
ul.points li { list-style: none; width: 100%; margin: 0 0 22px 0; padding: 0 }
ul.points li:last-child { margin-bottom: 0px; }
a.qualifybtn { max-width: 402px; margin-top: 26px; width: 100%; text-align: center; background: #fff; color: #009299; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; border-radius: 35px; height: 70px; line-height: 70px; padding: 0; cursor: pointer; margin: 0; position: relative; overflow: hidden; z-index: 1; display: inline-block; text-transform: uppercase; }
a.qualifybtn:hover { text-decoration: none; color: #000; background: #a9ddd9; }
a.qualifybtn::before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; width: 55px; height: 30px; border-radius: 50%; background: #a9ddd9; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: scale3d(1, 2, 1); transform: scale3d(1, 2, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }
a.qualifybtn:hover:before { -webkit-transform: scale3d(9, 9, 1); transform: scale3d(9, 9, 1); }
.takepart .container { position: relative; }
#faq .card-header { border-bottom: 0px; }
#faq .card { background-color: transparent; margin-bottom: 0px; }
.blue-color { color: #30314a }
.white-color { color: #fff }
.grey-color { color: #52575b }
.faq-bg { padding: 69px 0 80px 0; background: #fff; }
.faq-outer { display: inline-block; width: 100%;  position: relative; overflow: hidden; }
.faq-outer::before {content: "";position: absolute;border: 1px solid #fff; width: 1px;left: 24px;height: 100%;z-index: 9; left: 31px; top: 44px; z-index: 0;}
.faq-outer .card-header { background: transparent; border-radius: 0px; border-radius: 0px; cursor: pointer; padding: 0px; }
.faq-outer .card-header h5 { color: #fff; font-size: 22px; font-weight: 600; padding: 18px 19px; font-family: 'Poppins', sans-serif; }
.faq-outer .card-header h5.mb-0 { border-bottom: 0px }
.faq-outer .card { border: 0; border-radius: 0px; margin: 0 0 0px }
.faq-outer .card-body { background: transparent; color: #000; border-radius: 0; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: normal;line-height: 30px; padding: 0px 20px 0 65px }
.faq-outer .card-body p { margin-bottom: 0px; color: #fff; font-size: 18px; font-family: 'Open Sans', sans-serif; line-height: 24px; }
.faq-outer h5.mb-0:before { float: left !important; background: url('../images/faq-minus.webp') no-repeat top center; line-height: 18px; width: 26px; height: 26px; content: ""; margin: 1px 19px 0 0; }
.faq-outer h5.mb-0.collapsed:before { float: left !important; background: url('../images/faq-plus.webp') no-repeat top center; line-height: 18px; width: 26px; height: 26px; content: ""; margin: 1px 19px 0 0; }
.faq-outer ul.points { margin: 10px 0 0; }
.accordion .card:last-child h5 {padding-bottom: 0px;}
.accordion .card:last-child p {padding-top: 18px;}

/****  Form Iframe CSS ****/
#signup h2 { padding-top: 62px; margin-bottom: 42px;color: #000; }
#signup p { color: #000; font-size: 18px; line-height: 22px;    margin: 0 0 7px 0;padding: 0; }
#signup p strong { display: block; }
iframe { height: 1800px; overflow: auto; display: block; width: 100%;}
.form-bg { background: #a9ddd9 url('../images/sign-up.webp') no-repeat right center; background-size: cover; background-repeat: no-repeat; width: 100%; padding-top: 0; background-position: left top; padding-bottom: 70px; }
#signup .container { max-width: 1040px; }

/* About Disease */
.aboutDisease{background-image: url('../images/aboutDisease.webp'); background-size: cover; background-repeat: no-repeat; width: 100%; padding-top: 60px; background-position: center center; padding-bottom: 58px; font-size: 18px; font-weight: normal; line-height: 24px;}
.aboutDisease h2 {display: block; margin-bottom: 28px;}
.aboutDisease p{color:#fff;}
.aboutDisease p sup {font-size: 10px;}
p.ulTitle {font-size: 24px; color: #fff; font-weight: 600; margin-bottom: 0px; margin-top: 15px;}
.aboutDisease ul { display: flex; justify-content: space-between; align-items: self-start;  margin: 0; padding: 0;flex-flow: row wrap;  margin-left: 0px;}
.aboutDisease li {color: #fff;width: 33.3%; margin-bottom: 18px; background-image: url('../images/disc-img.webp'); background-position: left 10px; background-repeat: no-repeat; padding-left: 20px;}
/****  Footer CSS ****/
.footerBottom .col-md-4.text-right ul {list-style: none; margin:0px;padding: 0px;}
.footerBottom .col-md-4.text-right ul li {text-align: right;}

footer.site-footer { background-image: url('../images/footer.webp'); background-size: cover; background-repeat: no-repeat; width: 100%; }
.footerTop { padding-top: 35px; padding-bottom: 35px; position: relative }
.footerTop .container { position: relative }
.footerTop h2 { font-size: 22px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; }
.footerTop ul { list-style: none; margin: 23px 0 0 0; padding: 0px; }
.footerTop ul li { display: inline-block; margin-right: 17px }
.footerTop ul li:last-child { margin-right: 0px; }
#myBtn { width: 50px; height: 50px; float: right; background: #fff; display: inline-block; text-align: center; line-height: 47px; border-radius: 100%; cursor: pointer; position: absolute; right: 25px; top: -25px; }
.footerTop { background:#e2493b;width: 100%; }
.footerBottom { padding-top: 30px; padding-bottom: 30px; background-color: #fff; }
.footerBottom,
.footerBottom a { font-size: 15px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.footerBottom a:hover { text-decoration: none }
.footer-logo { margin-right: 85px; }
.reference-links strong {margin-top: 0px; font-size: 18px; font-weight: 700; margin-bottom: 15px;}
 .reference-links p {margin-bottom: 0px;}
.reference-links strong, .reference-links p {display: block;width: 100%; line-height: 20px;}
.col-md-12.iframDiv {
    margin-top: 15px;
}

.reference-links {
    background-color: rgba(169, 221, 217, 0.7);
    border-radius: 15px;
    padding: 27px 50px;
    font-family: 'Lato', sans-serif;
    margin-top: 40px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
	color: #000;
}
.reference-links a {
    color: #000;
	word-break: break-all;
}
.reference-links strong, .reference-links p {
    color: #000;
}

/* Responsive Styles */
@media only screen and (max-width:1500px) {
	.customnav ul.topnavbarul li a.nav-link {
	font-size: 20px;
}
a.toplogo img {
	max-width: 210px;
}
}

@media only screen and (max-width:1199px) {
.aboutContent h3 {
    margin-bottom: 30px;
}
.takepart-study {
    margin-top: 25px;
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.customnav ul.topnavbarul li a.nav-link { font-size: 16px; }
	.customnav ul.topnavbarul li.last-item a, .fixed-me ul.topnavbarul li.last-item a {
		width: 130px;
		height: 50px;
		line-height: 51px;
	}
	nav.navbar-me {
		padding: 25px 0 25px 4vw;
	}
}
@media only screen and (max-width:991px) {
	.bannercontent h1 strong.study {display: block; font-weight: 500; padding-bottom: 5px !important;}	
	.takepart-study {margin-top: 15px; padding: 20px;}
	.banner-text {background: transparent;}
	.banner-content ul li:before{height: 19px}
	.banner-content ul li {margin-bottom: 5px;}
	.bannercontent h1 span {letter-spacing: 4px;}
	a.qualifybtn-border,
	a.faqbtn,
	.banner-btn a.qualifybtn { font-size: 17px; padding: 12px 15px; }
	.banner-content p{font-size: 16px; line-height: 24px;}
	.banner-content ul li {font-size: 16px;left:0px;}
	.banner-content ul {margin-top: 0px;}
	.banner-content {margin:15px 0px 0 10px;}
	#banner-cta-image .qualifybtn  {top: 10px;}
	.banner-content ul li::before {left: -10px; top:4px;}
	.customnav ul.topnavbarul li.last-item a { height: 50px; line-height: 50px; font-size: 20px !important; }
	.bannercontent { background-image: none; background: #a9ddd9; text-align: center; }
	.banner-text {width: 100%; left: 0px; margin-top: 0px;}
	a.qualifybtn { max-width: 399px; height: 68px; line-height: 68px; border-radius: 25px; }
	.abouthight h2,
	.aboutsection h2 { padding-bottom: 10px; }
	#signup h2 { margin-bottom: 20px; }
	#faq h2.mainheading { margin-bottom: 20px; }
	#faq.faq-bg { padding-bottom: 30px; padding-top: 30px !important; }
	.form-bg{background-image: none; background-color: #a9ddd9;}
	#signup .sealltext {padding: 0px;}	
	.aboutDisease li {margin-bottom: 10px;}
	.aboutDisease ul li br {display: none}
	.navbar-nav li {margin-bottom: 10px;}
	.aboutDisease {padding: 35px 0}
	.aboutDisease li {text-align: left; width: 100%;}
	.aboutDisease p {display: block;text-align: center; font-size: 18px;}
	.aboutContent h3, .takepart-study h3 {font-size: 18px; line-height: 24px;}
	.aboutContent h3 {margin-bottom: 30px;}
	 .aboutContent .col-md-6.pic-mob {max-width: 100%; flex:0 0 100%;} 
	.takepart-study {margin-bottom: 30px;}
	.aboutstudy-pic {text-align: center}
	.bannercontent h1 strong.study { font-size: 28px; }
	.reference-links p {
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.reference-links {
		padding: 20px;
	}
	.bannercontent { height: auto; overflow: hidden; }
	.banner-text { position: relative; margin-top: 0px; padding: 20px; }
	.bannercontent h1, .bannercontent h1 span { margin-bottom: 0px; }
	.banner-btn span { position: inherit; display: block; text-align: center; left: 0px; }
	.bannercontent { padding: 40px 15px 0; }
	a.toplogo img { margin: 0 auto; max-width: 180px; }
	.body_section {
		padding-top: 70px;
		margin: 0;
	}
	.navbarbtn { position: relative; top: -2px }
	.topnavbar .container { max-width: 96%; }
	.navbar-me { padding: 15px 0px; background-color: #fff; top: 0px; border: 0px; border-radius: 0px; }
	h1.mainheading { font-size: 30px; margin-bottom: 20px }
	.text-sm-center { text-align: center; }
	.bannercontent h1 { line-height: 42px; font-size: 30px; }
	.bannercontent h1 span { font-size: 36px; }
	.bannercontent h1 strong.study { line-height: normal; font-size: 16px; }
	#about-condition h2, #studyinfo-CTA-image h2, h2.heading, #faq h2.mainheading, #signup h2 { font-size: 24px; }
	#studyinfo-CTA-image {padding: 30px 0;}
	#studyinfo-CTA-image h2 {margin-bottom: 30px;}
	.takepart,.aboutsection,.abouthight,.footerTop { padding: 40px 0; }
	.bannercontent { padding-top: 10px; padding-bottom: 20px; }
	.banner-btn { text-align: center; margin: 30px auto 0 auto; width: 90%; }
	.bannercontent img { display: block; margin: 0 auto; left: inherit; top: inherit; }
	.bannercontent h1,.bannercontent h1 strong.study { width: 100%; margin: 5px 0 0px 0; text-align: center; padding: 0 10px; }
	.bannercontent h1 br {display: none}
	.bannercontent img { top: -10px; width: 47px;}
	.customnav { padding: 16px 15px;}	
	.topnavbarul { margin-top: 20px;}
	a.qualifybtn { margin-top: 10px;}
	#signup h2 { padding-top: 40px;}
	.banner-btn a.qualifybtn {margin:0px;}
	.faq-outer .card-body p {font-size: 16px;}
	.footerTop h2 {font-size: 18px;}
	.bannercontent h1, .bannercontent h1 span {font-size: 26px; line-height: 32px;}
	.aboutContent h3.aboutTitle {margin-top: 0px;}
	.banner-btn a.qualifybtn {max-width: inherit; width: auto;}
	#about-condition p.text-sm-center {text-align: left !important;}
	.banner-content ul li:before {background-size: 80%;}
	.participant-text {max-width: 260px; height: auto;}
	.footer-autocruitment-logo {flex-direction: column;}
	.footer-autocruitment-logo .followicons {margin-left: 0px; margin-top: 10px;}
	.reference-links strong, .reference-links p {
		text-align: left;
	}
	.reference-links a {
    padding-left: 5px;
}
#studyinfo-CTA-image .aboutstudy-pic .row {
    max-width: 580px;
    margin: 0 auto;
}
#studyinfo-CTA-image .aboutstudy-pic .row.nd-row {
    margin-top: 30px;
}
.aboutContent p, .takepart-study ul li, #signup p, .aboutDisease p, .aboutDisease, .aboutDisease li, .reference-links strong, .faq-outer .card-body p {
    font-size: 16px;
    line-height: 22px;
}
.takepart-study ul li::before {
	top: -2px;
}
.takepart-study {
	min-height: auto;
}
.faq-outer .card-header h5 {
    font-size: 18px;
}
.faq-outer h5.mb-0.collapsed::before, .faq-outer h5.mb-0::before {
	margin: -2px 19px 0 0;
}
.takepart-study a.qualifybtn {
	max-width: 200px;
	font-size: 18px;
	border-radius: 50px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.footerBottom, .footerBottom a {font-size: 12px}
	.topnavbarul { margin-top: 20px; }
}
@media only screen and (max-width:767px) {
	.footerBottom .col-md-4.text-right ul li {text-align: center;}
	.aboutContent h3 {margin:0 0 30px;}
	.takepart-study h3 {margin:0 0 20px;}
	.aboutContent h3:before{left:15px;}
	.faq-outer::before {left:27px;}
	.banner-btn a.qualifybtn {max-width: inherit;}
	#faq {background-image: none; background-color: #22b5af;}
	#about-condition {background-image: none; background-color: #1e2f34;}
	.customnav ul.topnavbarul li a.nav-link { font-size: 18px; }	
	a.qualifybtn { height: auto; line-height: 52px; width: 100%; padding: .375rem .75rem; }
	a.qualifybtn-border,
	a.qualifybtn { max-width: 100%; padding: .375rem .75rem; line-height: 42px; height: auto; margin: 0 auto; }
	.faq-outer .card-header h5 { padding-left: 60px; font-size: 18px; line-height: 21px; }
	.faq-outer h5.mb-0:before { position: absolute; left: 15px; margin-top: 0px; }
	.accordion .card:last-child h5{padding-bottom: 6px;}
	.form-bg { padding-top: 0; }
	.footerBottom .row { padding: 0 15px; }
	.footer-logo { max-width: 140px; }
	.footer-logo { margin-right: 0px; }
	.faq-bg { background-color: #fff; background-image: none; padding: 40px 0 }
	h1.mainheading { margin-bottom: 30px; padding-right: 5px; padding-left: 5px; }
	.footerBottom { background-color: #fff; }
	a.qualifybtn-border { max-width: 98%; }
	.footerTop { padding: 20px 0 }
	.participant-text {max-width: 210px; height: auto;}
	.copyrightAutocruitment .col-md-4 {text-align: center !important}
	.copyrightAutocruitment .footer-autocruitment-logo {margin: 10px 0;}
}
@media only screen and (max-width:479px) {
	.bannercontent h1 strong.study {margin-bottom: 10px;}
	a.qualifybtn-border, a.faqbtn, .banner-btn a.qualifybtn {font-size: 15px;}
	.bannercontent img { top: -12px; }
	.banner-btn { margin: 52px auto 0; width: 100%; }
	.footerBottom .row { display: block; width: 100%; text-align: center; margin: 0px; }
	.footer-logo { margin: 10px auto; }
}
@media (min-width:992px) {
	.navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex: 0 0 80%; }
	.navbar-expand-lg .navbar-nav.topnavbarul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; justify-content: space-around; flex: 0 0 100%; align-items: center; }
	a.toplogo { align-items: center; margin-right: 0px; flex: 0 0 9%; }
	.navbar-me { padding: 15px 0 15px 4vw; }
	.banner-content ul li::before {position: absolute;top: 2px;}
	.banner-content ul li {padding-left: 30px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.bannercontent h1 strong.study {font-size: 22px;}
	.bannercontent h1, .bannercontent h1 span {font-size: 32px;}
	.banner-content p {font-size: 20px;}
	.banner-btn a.qualifybtn {font-size: 18px; padding: 10px 15px;}
	.participant-text {height: auto; font-size: 17px; max-width:193px;}
	.banner-btn {
		margin: 15px 0px 0;
	}
	.bannercontent img {
		position: relative;
		left: 9px;
		top: -20px;
		width: 40px;
	}
	.banner-text {
		width: 440px;
	}
	.bannercontent {
    height: 434px;
    background-position: right 0px top;
}
}

@media only screen and (max-width:528px) {
	.footerBottom,	.footerBottom a { font-size: 14px; }
}
@media only screen and (max-width:575px) {
.participant-text {
    max-width: 254px;
    height: 265px;
    margin-bottom: 30px;
}
.mb30 {margin-bottom: 30px;}
#studyinfo-CTA-image .aboutstudy-pic .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
.participant-text div {
	background-color: #a9ddd9;
	border-radius: 5px;
	max-width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	padding: 0 8px;
	height: 100%;
}
.participant-text {
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
    background: transparent;
	font-size: 16px;
	line-height: 22px;
}
#studyinfo-CTA-image .aboutstudy-pic .row .col-md-6 {
    padding: 0 3px;
}
#studyinfo-CTA-image .aboutstudy-pic .row.nd-row {
    margin-top: 6px;
}
#studyinfo-CTA-image .aboutstudy-pic .row {
    margin: 0 -15px;
}
}

@media only screen and (max-width:360px) {
#studyinfo-CTA-image .aboutstudy-pic .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.participant-text div {
    padding: 50px 8px;
}
#studyinfo-CTA-image .aboutstudy-pic .row .col-md-6 {
    padding: 0;
    margin: 0 0 30px 0;
}
#studyinfo-CTA-image .aboutstudy-pic .row.nd-row {
    margin-top: 0;
}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.bannercontent h1 strong.study {font-size: 20px;}
	.bannercontent h1 {font-size: 24px;}
	.banner-content p {font-size: 18px; line-height: 24px;}
	.banner-content ul {margin-top: 0px;}
	.banner-content ul li {font-size: 18px;}
	.banner-btn a.qualifybtn {
		font-size: 18px;
		padding: 15px 25px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1700px){
	.bannercontent h1 strong.study {font-size: 22px;}
	.bannercontent h1 {font-size: 30px;}
	.bannercontent h1 span {font-size: 36px;}
	.banner-content p {font-size: 20px; line-height: 24px;}
	.banner-content ul {margin-top: 0px;}
	.banner-content ul li {font-size: 20px;}
	.banner-btn a.qualifybtn {font-size: 20px;    padding: 16px 50px;}
	.banner-text {padding-top: 0;    width: 720px;}
	.banner-btn {
		margin: 35px 20px 0;
	}
	.bannercontent img {
		position: relative;
		top: -25px;
		width: 47px;
		left: 5px;
	}
	.bannercontent {
		height: 523px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1440px){
.customnav ul.topnavbarul li.last-item a {
    height: 60px;
    line-height: 61px;
}
.navbar-me {
    padding: 20px 0 20px 4vw;
}
}

@media only screen and (min-width: 1301px) and (max-width: 1440px){
.banner-text {
    width: 630px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1300px){
.banner-text {
    width: 520px;
}
.bannercontent img {
    top: -37px;
    width: 47px;
    left: 0;
}
.banner-btn {
    margin: 20px 20px 0;
}
.bannercontent {
    height: 490px;
}
.banner-btn a.qualifybtn {
    padding: 15px 30px;
    font-size: 18px;
}
}

@media all and (-ms-high-contrast:none) and (min-width: 993px) {
	.navbar-expand-lg .topnavbarul.navbar-nav {justify-content: space-around;}
	.navbar-expand-lg .navbar-collapse {flex: 0 0 80%;}
	 .participant-text div{width: 100%;}
}


/* @supports (-webkit-appearance:none) {
	.banner-btn {
     	margin: 60px 20px;
    }
} */

@media only screen and  (min-width: 992px) { 
@media not all and (min-resolution:.001dpcm) { @media
{

}
}
}