/* Iphone */

/* Iphone */

/*PATIENTS SURVEY NEW SLIDER HIDE STARTS*/
.card-container {
    overflow-y: hidden;
}

#body.changeBackground {
    overflow-y: hidden;
}
/*PATIENTS SURVEY NEW SLIDER HIDE ENDS*/

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family: 'gotham-bold';
    src: url('/etc/designs/digital/overrides/css/microsites/breakoverreliance/id/fonts/gotham-bold.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'gotham-light';
    src: url('/etc/designs/digital/overrides/css/microsites/breakoverreliance/id/fonts/gotham-light.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'gotham-medium';
    src: url('/etc/designs/digital/overrides/css/microsites/breakoverreliance/id/fonts/gotham-medium.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'gotham-book';
    src: url('/etc/designs/digital/overrides/css/microsites/breakoverreliance/id/fonts/gotham-book.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'ocrb';
    src: url('/etc/designs/digital/overrides/css/microsites/breakoverreliance/id/fonts/ocrb-webfont.woff') format('woff');
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: "ocr-a-std";
    src: url("https://use.typekit.net/af/3315df/000000000000000000012e5c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),  url("https://use.typekit.net/af/3315df/000000000000000000012e5c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),  url("https://use.typekit.net/af/3315df/000000000000000000012e5c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}
.pdpi-logo{
	width:51px !important;
}
.no-break{
	white-space: nowrap;
}
p.share-container {
    display: none;
}
.home-texture h2, .home-texture .videoPopupImg, .home-texture .texture-para, .home-texture .socialshare, .home-texture .modalVideo {
    display: none;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
.text-center{text-align:center;}
.fixed-vert-nav.on, header {
    display: none;
}
.bor-landing {
    background-size: cover !important;
    background-position: center top;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    min-height: 1040px;
}
.bor-landing .dynamicImageTitleList .dynamic-list {
    float: right;
    width: 55%;
    margin-bottom: 30px;
}
.landing-para {
    color: #000000;
    font-family: 'gotham-bold';
    font-size: 24px;
    float: right;
    width: 56%;
    text-align: center;
}
.footer-container {
    background: url('/content/dam/microsites/break-over-reliance/id/landing/blk-footer.png') no-repeat;
    background-size: 100% 100%;
    margin-top: -55px;
    padding-top: 30px;
}
.footer-container .richText p {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    font-family: 'gotham-light';
    display:inline-block;
    width:100%;
}
.footer-container .textimage p {
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'gotham-light';
}
.footer-container .textimage .image {
    float: right;
    padding: 0;
    width: 90px;
}
.footer-container .textimage .text {
    float: left;
    margin-top: 8px;
}
.footer-container ul.footer-list {
    padding-left: 25px;
    margin: 0 auto;
    width: 500px;
    list-style: none;
    padding: 0px;
    text-align: center;
}
.footer-container .parsys_column.col-control-2col-50-50 {
    width: 700px;
    margin: 0 auto;
}
.footer-container ul.footer-list li {
    float: left;
    padding: 0 10px;
}
.footer-container ul.footer-list li a {
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'gotham-light';
    text-decoration: none !important;
}
.footer-container .ms-container div.richText:nth-child(3) {
    /* float: left; */
    width: 100%;
}
.bor-landing .dynamicImageTitleList .dynamic-list.placeholder {
    width: auto;
}

.footer-content .parsys_column .richText p {
    padding-top: 5px;
}
.footer-content .parsys_column .richText, .footer-content .parsys_column .dynamicImageTitleList {
    float: left;
    width: inherit;
}
.footer-content .parsys_column .dynamicImageTitleList .footer-partner {
    width: 200px;
}
.footer-logo {
    width: 95px;
}
.footer-content .parsys_column .parsys_column:nth-child(3) .richText {
    width: 100%;
    float: left;
}
/************HOME PAGE****************/
.home-bg {
    background-size: contain;
    background-position: center top;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
}
.home-bg h1 {
    font-family: 'ocr-a-std';
    font-size: 48px;
    color: #00b6de;
    width: 80%;
    margin-top: 25%;
    line-height: 1.2;
    margin-bottom: 30px;
    text-shadow: 3px 1px 0px #FFFFFF;
    font-weight:100;
}
.home-bg .richText:first-child {
    float: right;
    width: 50%;
}
.home-bg h1 ~ p {
    font-size: 24px;
    font-family: 'gotham-book';
    color: #000;
    width: 71%;
    letter-spacing: 0;
}
.home-bg.hcp-bg .richText:nth-child(2) {
    float: right;
    width: 50%;
    clear: both;
}
.home-bg .richText, .home-bg .dynamicImageTitleList {
    float: left;
    width: 100%;
}
.Take-bg {
    width: 64%;
    margin: 13% auto 0;
}
.the-test {
    width: 275px;
    margin: 4% auto 0;
}
.the-test a {
    float: left;
    text-transform: uppercase;
    font-family: "ocr-a-std";
    font-size: 24px;
    text-align: center;
    background-color: #00b6de;
    color: #FFFFFF;
    text-decoration: none !important;
    padding: 14px 82px;
    margin-bottom:10px;
}
.the-test a:hover {
    float: left;
    text-transform: uppercase;
    text-align: center;
    background-color: #FFFFFF;
    color: #00b6de;
}
.learnmore {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 75px;
    z-index: 10;
}
.patient-bg .learnmore {
    bottom: 35px;
}

.ms-section-container .next-section .arrow {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 75%;
    height: 80px;
    margin-left: 0;
    width: 40px;
    margin-top: -24px;
    margin-bottom: 25px;
    margin-left: -20px;
}
.watch-blk {
    background-size: 100% 100%;
    background-color: transparent;
    margin-top: -65px;
}
.watch-blk p {
    color: #FFFFFF;
    font-size: 36px;
    font-family: 'gotham-book';
    text-align: center;
    padding: 20px 0;
    line-height: 1.2;
    margin-bottom: -6px;
}
.watch-blk .richText:first-child {
    margin: 18% auto 0;
    width: 65%;
}
.watch-blk h3 {
    color: #00b6de;
    font-family: 'gotham-bold';
    text-align: center;
    font-size: 36px;
    padding: 15px 0;
    line-height: 1.3;
}
.watch-blk .watch-blue {
    margin: 10% auto 0;
    width: 65%;

}
.watch-blk .video {
    width: 23%;
    margin: 4% auto 0;
    display:none;
}
.watch-blk .video a {
    text-indent: -999em;
    float: left;
    background: url('/content/dam/microsites/break-over-reliance/id/images/video.png') no-repeat;
    width: 260px;
    height: 65px;
    text-align: center;
    background-size: 100% 100%;
}
.watch-blk .video a:hover {
    text-indent: -999em;
    float: left;
    background: url('/content/dam/microsites/break-over-reliance/id/images/video-hover.png') no-repeat;
    width: 260px;
    height: 65px;
    text-align: center;
    background-size: 100% 100%;
}
.watch-blk.ms-section-container .next-section .arrow {
    margin-bottom: 0px;
    height: 52px;
    margin-top: -13px;
}
.ms-section-container.home-texture {
    z-index: 1;
    margin-top: -55px;
    padding-top: 105px;
    visibility:collapse;
}
.home-texture .richText:first-child {
    float: left;
    width: 25%;
    margin: 10% 0 10% 6%;
    position: relative;
}
.home-texture .richText h2 {
    margin: 0px;
    font-family: 'gotham-light';
    font-size: 36px;
    position: absolute;
    width: 99%;/*57%;*/
    text-align: right;
    right:-37px;/* -40px;*/
    z-index: 1;
    top: -70px;
    line-height: 1;
    font-weight:100;
}
.home-texture .richText h2 b {
    font-family: 'gotham-light';
    font-size: 40px;
    line-height: 1;
}
.home-texture .video {
    float: left;
    width: 45%;
    min-height:360px;
}
.home-texture .parsys_column {
    margin: 5px auto 12px;
    width: 20%;
    padding-top: 0%;
    /*flex: none !important;*/
    clear: both;
}
.fb img {
    height: 30px;
    width: 16px;
}
.linkedin img {
    width: 30px;
    height: 30px;
}
.twitter img {
    width: 30px;
    height: 25px;
}
.texture-para {
	font-size: 32px;
	font-family: 'gotham-book';
	text-align: center;
	padding: 20px 0;
	width: 65%;
	margin: 0 auto;
	line-height: 36px;
	clear: both;
}
.texture-test {
    width: 23%;
    margin: 4% auto 0;
}
.texture-test a {
    text-indent: -999em;
    float: left;
    background: url('/content/dam/microsites/break-over-reliance/id/images/take-test-hover.png') no-repeat;
    width: 292px;
    height: 65px;
    text-align: center;
    background-size: 100% 100%;
}
.texture-test a:hover {
    text-indent: -999em;
    float: left;
    background: url('/content/dam/microsites/break-over-reliance/id/images/take-test.png') no-repeat;
    width: 292px;
    height: 65px;
    text-align: center;
    background-size: 100% 100%;
}
.ms-section-container.test-blue {
    /*z-index: 3;*/
    z-index:2;
    margin-top: -131px; /*fix 40px*/
    background-color: transparent;
    min-height: inherit;
    background-size: 100% 100%;
}
.test-blue .richText {
    width: 50%;
    margin: 0 auto;
}
.test-blue .richText h2 {
    font-family: 'gotham-light';
    font-size: 40px;
    color: #0f3b45;
    text-align: center;
    padding: 50px 0 30px;
    margin-top: 8%;
}
.test-blue .richText h2 ~ p {
    color: #0f3b45;
    font-family: 'gotham-book';
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    margin: 0 auto;
    width: 72%;
    padding-bottom: 0%;
    line-height: 1.2;
}
.test-blue .richText:nth-child(2) p {
    text-align: center;
    font-family: 'gotham-book';
    font-size: 16px;
    color: #00829e;
}
.test-blue .richText p {
    font-family: 'gotham-bold';
    font-size: 24px;
}
.test-blue .richText p ~ p b, .test-blue .richText p ~ p {
    font-weight: 300;
    font-family: 'gotham-book';
}
.percentage {
    margin: 0 auto;
    width: 45%;
    opacity: 0.5;
}
.start-btn {
    margin: 10% auto 5%;
    width: 30%;
}
.test-blue .dynamicImageTitleList ~ .richText p {
    text-align: center;
    font-family: 'gotham-book';
    font-size: 24px;
    color: #000000;
    letter-spacing: 0px;
}
.test-blue .dynamicImageTitleList ~ .richText p:nth-child(2) {
    padding-bottom: 10%;
}
.test-blue.ms-section-container .next-section .arrow {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 60px;
    margin-left: -10px;
    width: 40px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.share {
    margin-top: -40px;
    background-color: #000000;
    z-index: 1;
    min-height: inherit;
}
.share .share {
    margin: 15% auto 0;
    width: 90%;
}
.share .parsys_column {
    margin: 0 auto;
    width: 25%;
    padding-top: 4%;
    flex: none !important;
}
.share-text {
    font-family: gotham-light;
    font-size: 36px;
    line-height: 1.3;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
}
.share .richText:last-child {
    padding-bottom: 15%;
}
.share .richText:last-child p {
    font-family: gotham-book;
    font-size: 24px;
    line-height: 1.3;
    width: 35%;
    margin: 0 auto;
    padding: 10px 0;
}
.share .richText:last-child p a{
	font-family: gotham-book;
    font-size: 24px;
    line-height: 1.3;
	color:#FFFFFF;
	text-decoration:none;                
}
.grey-bg {
    background-size: 100% 100%;
    background-color: transparent;
    margin-top: -58px;
    min-height: inherit;
}
.pt-grey {
    min-height: 450px;
    background-size: 100% 91%;
}
.grey-bg .richText h3 {
    margin: 0 auto;
    padding: 30px 0 0;
    font-family: gotham-book;
    font-size: 24px;
    line-height: 1.3;
    width: 50%;
    color: #000000;
}
.grey-bg .richText p {
    font-family: gotham-book;
    font-size: 16px;
    line-height: 1.3;
    width: 100%;
    color: #000000;
}
.grey-bg .richText p a{
	color:#000000;
}
.grey-bg .richText ~ .richText {
    padding: 30px 0;
}
/******Generic Pages*********/
.backtotop {
    display: none;
}
.generic {
    min-height: 600px;
}
.generic h1 {
    font-size: 48px;
    text-align: center;
    font-family: "ocr-a-std";
    color: #00b6de;
    margin-top: 10%;
}
.generic h2 {
    font-size: 30px;
    text-align: center;
    font-family: 'gotham-book';
    text-align: center;
    color: #000000;
}
.generic p {
    font-size: 24px;
    text-align: center;
    font-family: 'gotham-book';
    text-align: center;
    color: #000000;
    margin: 20px auto;
    width: 65%;
}
p.learn-cta {
    text-align: center;
    font-family: "ocr-a-std";
    font-size: 18px;
    margin: 10% auto 0;
    width: 200px;
}
.richText p.learn-cta a {
    color: #FFFFFF;
    background: #00b6de;
    text-decoration: none;
    padding: 12px 30px;
    display: inline-block;
    text-transform: uppercase;
}
.richText p.learn-cta a:hover {
    background: #FFFFFF;
    color: #00b6de;
}
.generic.ms-section-container .next-section .arrow {
    margin-bottom: 100px;
    margin-top: -14px;
    height: 55px;
}
.privacy-blue-section ul.personal-data{
    padding-left: 50px;
}
.privacy-blue-section ul.personal-data li{display:block;float: none !important;}
.generic-blue {
    background-color: transparent;
    margin-top: -104px;
    background-size: 100% 100%;
    padding-top: 8%;
    padding-bottom: 15%;
}
.generic-blue .richText p:first-child {
    text-align: center;
    font-size: 30px;
    padding: 15px 0;
    font-family: 'gotham-medium';
    color: #000000;
}
.generic-blue .richText p {
    text-align: center;
    font-size: 20px;
    padding: 10px 0;
    font-family: 'gotham-book';
    color: #000000;
    margin: 0 auto;
    width: 54%;
    clear: both;
}
.generic-blue .richText p a {
    text-decoration: none !important;
    color: #000000;
    font-family: 'gotham-medium';
}
.generic .richText p a {
    text-decoration: none !important;
    color: #000000;
    font-family: 'gotham-medium';
}
.generic-page .footer-container {
    margin-top: -135px;
    background-size: 100% 163px;
}
.generic-blue .richText ul.cookie-list {
    margin: 0 auto;
    width: 20%;
    list-style-type: none;
}
.generic-blue .richText ul.cookie-list a {
    text-decoration: none !important;
    color: #000000;
    font-family: 'gotham-medium';
}
.generic-blue .richText ul {
    list-style-type: none;
    margin: 0 auto;
    width: 54%;
}
.generic-blue .richText ul.cookie-list li {
    text-align: center;
    font-family: 'gotham-medium';
    font-size: 20px;
    color: #000000;
}
.generic-blue .richText ul li {
    font-family: 'gotham-book';
    font-size: 18px;
    color: #000000;
    float: left;
    padding-right: 5px;
}
.generic-blue .richText ul.cookie-list li:before, .generic-blue .richText ul li:before {
    content: "\2666";
    padding-right: 8px;
    position: relative;
    font-size: 12px;
    top: -3px;
}
.placeholder {
    position: absolute;
    top: 0px;
    right: 20px;
}
.placeholder .list-item1 img {
    width: 200px;
}
.placeholder .list-item0 img {
    width: auto;
    padding-top: 20px;
}
.no-results h1 {
    font-family: "ocr-a-std";
    font-size: 48px;
    text-align: center;
    color: #00b6de;
    margin: 0px;
}
.no-results h2 {
    font-family: 'gotham-bold';
    font-size: 36px;
    color: #000000;
    text-align: center;
    padding: 0px 0;
    margin: 0px;
}
.no-results p {
    margin: 0 auto;
    font-family: 'gotham-book';
    font-size: 20px;
    text-align: center;
    width: 30%;
    padding: 10px 0px;
    color: #000000;
}
.no-results p.take-the-test {
    margin: 12% auto 0;
    width: 260px;
}
.no-results p.take-the-test a {
    background: #00b6de;
    font-size: 20px;
    font-family: "ocr-a-std";
    color: #FFFFFF;
    text-decoration: none !important;
    text-transform: uppercase;
    padding: 15px 30px;
}
.no-results p.take-the-test a:hover {
    color: #00b6de;
    background: #FFFFFF;
}
.no-results-footer .footer-container {
    margin-top: -8%;
}
.home-bg.hcp-bg h1 {
    font-size: 36px;
    width: 75%;
    line-height: 1.4;
    margin-top: 15%;
}
.home-bg.hcp-bg h1 ~ p {
    width: 65%;
    line-height: 1.2;
}
.hcp-banner {
    background: #00b6de;
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'ocr-a-std';
    padding: 30px 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2%;
}
.Take-bg.hcp {
    width: 64%;
    margin: 3% auto 0;
}
.watch-blk.hcp-middle .richText:first-child {
    margin: 10% auto 0;
    width: 80%;
}
.watch-blk.hcp-middle p {
    font-size: 32px;
}
.watch-blk.hcp-middle h3 {
    color: #00b6de;
    font-family: 'gotham-bold';
    text-align: center;
    font-size: 32px;
    padding: 10px 0;
    line-height: 1.3;
}
.watch-blk.hcp-middle .watch-blue {
    margin: 5% auto 0;
}
.ms-section-container.test-blue.hcp-blue {
    z-index: 1;
    margin-top: -64px;
    background: #00b6de;
}
.hcp-test a {
    text-decoration: none !important;
    color: #00b6de;
    background: #FFFFFF;
    font-size: 24px;
    padding: 15px 50px;
    text-align: center;
    font-family: "ocr-a-std";
    text-transform: uppercase;
}
.hcp-test a:hover {
    background: #00b6de;
    color: #FFFFFF;
}
.test-blue.hcp-blue .richText {
    width: 51%;
    margin: 0 auto;
}
.share.hcp-share {
    background-color: #000;
    background-size: 100% 100%;
    margin-top: -50px;
    z-index: 4;
}
.test-blue.hcp-blue.ms-section-container .next-section .arrow {
    margin-bottom: 45px;
	margin-top:15px;        
}
.grey-bg.hcp-grey {
    padding: 40px 0 60px;
    background-color: #f4f5f9;
    margin-top: -40px;
}
.hcp-grey.grey-bg .richText h3 {
    width: 55%;
}
/*.home-bg.hcp-bg.ms-section-container .ms-container {
    width: 100%;
}*/
.risk-talk.ms-section-container .next-section .arrow {
    margin-bottom: 40px !important;
}
.htmlAsset {
    float: left;
    width: 100%;
}
.bor-landing img, .landing-footer img, .home-bg img {
    float: left;
    width: 100%;
}
.footer-content .dynamic-list .list-item, .footer-content .dynamic-list .separator {
    padding: 0px;
}
.footer-logo {
    width: 85px;
    padding-left: 5px;
}
.hcp-bg .placeholder {
    position: static;
    float: right;
}
.home-bg.hcp-bg .dynamicImageTitleList:first-child {
    float: none;
    width: 1170px;
    margin: 0 auto;
}
.home-bg.hcp-bg .learnmore {
    right: 12%;
}
h1 sup {
    font-size: 50%;
}
.html-asset-inner .reliance-survey, .html-asset-inner .reliance-survey-terms {
    background: none;
}
.start-btn-wrap {
    padding: 3rem 2rem !important;
    text-align: center;
}
.first-fold-image{
	display: block;
    justify-content: inherit;
    align-items: inherit;
    flex-direction: inherit;
    margin: 0 auto;
    width: 48px;
    height: 90px;
}
.results-share{
	margin:5% auto;
    width:58%;
    display:none;
}
.results-test{
	margin: 0 auto;
    width: 300px;
    background: #000;
    color: #FFF;
    font-family: 'ocr-a-std' !important;
    text-transform: uppercase;
    padding: 15px 50px;
    display:none;
}
.results-test a{
	text-decoration:none !important;
    color:#FFFFFF;
}
.results-test:hover{
	background-color:#FFFFFF !important;
}
.results-test:hover a{
	color:#000000;
}
#start-button{
	font-size:24px !important;
}
.reliance-survey .survey-statement, .reliance-survey-terms .survey-statement{
	text-align:center !important;
}

/*Calendar Reminder Changes */
p.caltext {
    margin-top: 7.5% !important;
}
.titleCalendar{
    font-family: 'gotham-book';
    font-size: 32px;
    color:#000;
    margin-top: 20px;
}
.medical-advice{
    margin-bottom: 20px;
}
.calendarBody{
    font-family: 'gotham-light';
    font-size: 20px;
    color:#000;
}
.selectDate{
    font-family: 'gotham-book';
    font-size: 28px;
    color:#000;
}
.calendarReminder .modal-dialog .modal-body{
    background-image: url("/content/dam/microsites/break-over-reliance/id/images/generic-bg.jpg") !important;
}
button.btn .submit-btn{
	font-family: 'gotham-book';
    font-size: 32px;
    color:#000;
	background-color:#00b6de;
}

.form-container .control-label {
    font-family: 'gotham-book';
    font-size: 28px;
    color:#000;
}
.form-success-msg{
	margin-top:40px;
    }
.form-success-msg p{
	font-family: 'gotham-book';
    color: #000;
    font-size: 28px !important;
    font-weight:bold;
}
.form-error-msg{
 	color: #dc3545!important;
    position: absolute;
    /*top: 60%;*/
}
.modal-body .richTextContainer {
    font-family: 'gotham-book';
    color: #000;
    font-size: 20px;
}
.form-validation .btn-primary {
    background-color: #00b6de !important;
    border-color: #00b6de !important;
    font-family: 'gotham-book' !important;
    color: #fff;
    font-size: 30px !important;
    font-style: normal !important;
}
.clear-btn{
	    display: none !important;
}
.form-container .btn-primary{
    margin-top: 20px;
}
.editable-date-picker{
 		font-weight: bold !important;
}
.ics-dropdown .dropdown-menu{
    display: block !important;
    position: initial !important;
}
.ics-dropdown a.dropdown-toggle {
     display: none !important;
}

.generated-form{
	position:relative;
}
/*End*/

.home-bg.patient-bg{background: url(/content/dam/microsites/break-over-reliance/id/images/desktop-ribbon-image.jpg) no-repeat;/*, url(/content/dam/microsites/break-over-reliance/id/images/gray-home-bg.jpg) repeat*/;}
.share-container{text-align:center;margin: 20px 0px 0px 0px;}
.patient-bg .share-title{font-family: "ocr-a-std";font-size: 24px;color: #000000;padding: 25px 0;}
.patient-bg .share-icons a{display: inline-block;margin-right: 10px;}
.patient-bg .share-icons .twitter-icon img {width: 24px;}   
.patient-bg .share-icons .fb-icon img {height: 25px;width: 12px;}
.patient-bg .share-icons .in-icon img {width: 25px;/* height: 30px; */}

.cookie-grid-container{max-width: 750px;margin:0 auto;}
.cookie-grid-container table.cookie-grid{border-collapse: collapse;width: 100%;color: black;}
.cookie-grid-container table.cookie-grid,
.cookie-grid-container table.cookie-grid td{border: 1px solid black;}
.cookie-grid-container table.cookie-grid td:first-child{width:150px;}

.what-you-are a{background:#00b6de; display:block; text-align:center; text-decoration:none !important; color:#fff; font-family: 'ocr-a-std';text-shadow: 0px 1px 3px #FFFFFF !important;}
.landing-patient,
.landing-hcp,
.health-policy{display:none;}

.meterial-by-az-gappa{margin:0px !important;}
.meterial-by-az-gappa li{list-style:none;}
.meterial-by-az-gappa span.produced-by,
.meterial-by-az-gappa span.partership-with{color: #ffffff; font-family: 'gotham-light';}
.meterial-by-az-gappa img{float:none; position:relative;}
.copy-right-section{padding-bottom:20px;}

@media (max-width: 767px) and (min-width: 320px) {
p.ref {
    padding-left: 4px !important;
}
.no-break {
    white-space: normal;
}
.ms-section-container.test-blue {
     margin-top: -80px;
}
.embed-survey{
	height: 690px !important;
}
.titleCalendar{
    font-size: 30px !important;
}
.calendarBody{
    font-size: 16px !important;
}
.selectDate{
    font-size: 25px !important;
}
.form-success-msg p{
    font-size: 25px !important;
}
    .home-bg.hcp-bg .learnmore {
        right: 0px;
    }
    .home-bg.hcp-bg .dynamicImageTitleList:first-child {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .footer-container {
        background: url('/content/dam/microsites/break-over-reliance/id/mobile/mobile-footer.png') no-repeat;
        background-size: 100% 100% !important;
    }
    .generic-page .footer-container{
    margin-top: -40px;
}
    header {
        display: none;
    }
    .bor-landing {
        min-height: 740px;
        background-size: cover !important;
        background-position: bottom center;
    }
    .bor-landing.ms-section-container .ms-container {
        display: inline-block;
    }
    .bor-landing .dynamicImageTitleList .dynamic-list {
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .bor-landing .dynamicImageTitleList .dynamic-list.placeholder {
        float: left;
        width: 100%;
        margin: 0;
    }
    .bor-landing .dynamicImageTitleList .dynamic-list.landing-patient {
        margin: 18% 0 0;
    }
	.bor-landing{
    	background: url(/content/dam/microsites/break-over-reliance/id/images/mobile-ribbon-image.png) no-repeat, url(/content/dam/microsites/break-over-reliance/id/images/gray-home-bg.jpg) repeat !important;
		background-size: 603px, cover !important;
    	background-position: center bottom, top left !important;
    }
    .landing-para {
        width: 100%;
        float: left;
        font-family: 'gotham-medium';
        font-size: 18px;
    	margin-top:654px; /*fix*/
    }
    .footer-container .parsys_column {
        display: inline-block;
        text-align: center;
    }
    .footer-container .textimage p, .footer-container .list ul li p a {
        text-align: center;
    }
    .footer-container .list ul {
        padding: 0px;
    }
    .footer-container .list ul li {
        width: 100%;
        padding: 5px 0;
        text-align: center;
    }
    .footer-container .richText p {
        text-align: center;
        color: #ffffff;
        font-size: 11px;
        font-family: 'gotham-light';
        padding-bottom: 20px;
        padding-top: 20px;
        display: inline-block;
    }
    .home-bg.hcp-bg.ms-section-container .ms-container>div {
        margin: 0px;
    }
    /****Home******/
    .home-bg .richText:first-child, .home-bg.hcp-bg .richText:nth-child(2) {
        float: left;
        width: 100%;
    }
    .the-test, .watch-blk .video, .texture-test {
        width: 100%;
        max-width: 375px;
    }
    .home-bg {
        background-size: cover;
        min-height: 700px;
    }
    .home-bg.ms-section-container .ms-container {
        display: inline-block;
    }
    .home-bg h1 {
        font-family: 'ocr-a-std';
        font-size: 23px;
        color: #00b6de;
        width: 100%;
        margin-top: 18%;
        line-height:1.1; /*1.4;*/
        margin-bottom: 15px;
        text-shadow:none;
        text-align: center;
        letter-spacing: -2.17px;
    }
    sup {
        font-size: 50%;
    }
    .home-bg h1 ~ p {
        font-size: 20px;
        font-family: 'gotham-book';
        color: #000;
        width: 281px;
        letter-spacing: 0;
        line-height: 1.2;
        text-align: center;
        margin: 0 auto;
    }
    .Take-bg {
        width: 90%;
        margin: 86% auto 0;
    }
    .watch-blk {
        min-height: inherit;
        z-index: 3;
    }
    .watch-blk .richText:first-child {
        margin: 15% auto 0;
        width: 100%;
    }
    .watch-blk p {
        color: #FFFFFF;
        font-size: 20px;
        font-family: 'gotham-book';
        text-align: center;
        /*padding: 10px 0;*/
        line-height: 1.2;
    }
    .watch-blk h3 {
        color: #00b6de;
        font-family: 'gotham-bold';
        text-align: center;
        font-size: 24px;
        padding: 15px 0;
        line-height: 1.3;
        margin: 0;
    }
    .watch-blk .watch-blue {
        margin: 6% auto 0;
        width: 100%;
    }
    .watch-blk .video a {
        height: 50px;
    	/*margin-bottom: 10px;*/
    }
    /*.ms-section-container .next-section .arrow {
        margin-left: 5px;
    }*/
    .placeholder {
        top: 0px;
        right: 0px;
    }
    .learnmore {
        bottom: 42%;
        width: 36px;
    }
    .learnmore.dynamic-list .list-item {
        padding: 0px;
    	margin-right: 12px;
    }
    .home-texture .richText:first-child {
        width: 100%;
    }
    .home-texture .richText h2 {
        font-size: 32px;
        position: static;
        text-align: left;
        width: 100%;
    }
    .home-texture .richText h2 b {
        font-size: 36px;
    }
    .home-texture .video {
        float: left;
        width: 100%;
        min-height: 240px;
    }
    .home-texture .parsys_column {
        width: 40%;
    }
    .texture-para {
        width: 100%;
        line-height: 1.2;
    }
    .test-blue .richText {
        width: 100%;
    }
    .test-blue .richText h2 {
        font-size: 26px;
        width: 300px;
        margin: 50px auto 0;
        color: #000;
        line-height: 35px;
    }
    .test-blue .richText h2 ~ p {
        width: 87%;
    }
    .percentage {
        margin: 0 auto;
        width: 100%;
        opacity: 0.8;
    }
    .start-btn {
        margin: 10% auto;
        width: 65%;
    }
    .test-blue .dynamicImageTitleList ~ .richText p {
        line-height: 1.2;
        font-family: 'gotham-bold';
    }
    .test-blue .dynamicImageTitleList ~ .richText p:nth-child(2) {
        font-family: 'gotham-book';
    }
    .test-blue .dynamicImageTitleList ~ .richText p:nth-child(2) b {
        font-weight: normal;
    }
    .share .share {
        margin: 30% auto 0;
        width: 100%;
    }
    .share .parsys_column {
        width: 50%;
    }
    .share-text {
        width: 100%;
        font-family: gotham-light;
        font-size: 24px;
    }
    .share .richText:last-child p {
        width: 65%;
    }
    .share {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-color: transparent;
        padding-bottom: 20px;
        background-image: url("/content/dam/microsites/break-over-reliance/id/images/home-black-bg.png");
        margin-top: -75px;
    }
    .grey-bg .richText h3 {
        margin: 20% auto 0;
        padding: 30px 0 0;
        font-family: gotham-book;
        font-size: 24px;
        line-height: 1.3;
        width: 100%;
        color: #000000;
    }
    .grey-bg {
        background-size: 100% 100%;
        background-color: #f2f2f2;
        margin-top: -72px;
        min-height: inherit;
        padding-bottom: 15%;
    }
    .generic h1 {
        margin-top: 20%;
    }
    .generic p {
        width: 100%;
    }
    .generic-blue .richText p {
        width: 100%;
    }
    .generic-blue .richText ul.cookie-list {
        width: 69%;
    }
    .generic-blue .richText ul, .generic-blue .richText ul li {
        width: 100%;
    }
    .generic-blue {
        /*background: #5bb7df;*/
    }
    .generic-blue .richText p:first-child {
        font-size: 24px;
    }
    .no-results h1 {
        font-size: 36px;
    }
    .no-results p {
        width: 100%;
    }
    .home-bg.hcp-bg h1 {
        font-size: 19px;
        width: 100%;
        line-height: 1.2;
        margin-top: 0%;
    }
    .home-bg.hcp-bg h1 ~ p {
        width: 290px;
        line-height: 1.2;
        font-size: 22px;
        padding: 0px;
        margin: 0 auto;
    }
    .home-bg.hcp-bg .learnmore {
        bottom: 42%;
        width: 36px;
}
.patient-bg .learnmore{
        bottom: 42%;
        width: 36px;
}
    .hcp-banner {
        background: #00b6de;
        color: #FFFFFF;
        font-size: 8px;
        padding: 16px 0;
        text-align: center;
        text-transform: uppercase;
        margin-top: 210px;
    }
    .watch-blk.hcp-middle .richText:first-child {
        margin: 10% auto 0;
        width: 100%;
    }
    .watch-blk.hcp-middle p {
        font-size: 20px;
    }
    .watch-blk.hcp-middle .watch-blue {
        margin: 5% auto 5%;
        width: 80%;
    }
    .test-blue.hcp-blue .richText {
        width: 100%;
        margin: 0 auto;
        width: 340px;
        line-height: 28px
    }
    .hcp-grey.grey-bg .richText h3 {
        width: 100%;
    }
    .watch-blk .video a, .the-test a, .texture-test a, .watch-blk .video a:hover, .texture-test a:hover{
        height: 60px;
        width: 100%;
    }
    .hcp-bg .the-test {
        width: 90%;
    }
    .the-test a {
        height: inherit;
        padding: 12px 65px 10px;
        line-height: 1.2;
        font-size: 18px;
    }
    .grey-bg .richText p {
        font-family: 'gotham-light';
        font-size: 10px;
    }
    .grey-bg .richText p:first-child {
        font-family: 'gotham-book';
        font-size: 14px;
        letter-spacing: 1px;
    }
    
    .hcp-bg.ms-section-container .next-section .arrow {
        height: 55px;
        margin-top: -5px;
        margin-bottom: 0px;
    }
    .footer-container ul.footer-list, .footer-container .parsys_column.col-control-2col-50-50 {
        width: 100%;
    }
    .placeholder .list-item.list-item0 {
        width: auto;

    }
    .placeholder .list-item.list-item1 {
        width: 40%;
        text-align: right;
    }
    .placeholder .list-item0 img {
        padding-top: 7px;
        margin-left: 255px;
    }
    .ms-section-container.test-blue .ms-container>div {
        margin: 0px;
    }
    .home-bg.hcp-bg {
        min-height: 700px;
    }
    .home-texture .richText:first-child {
        margin: 0px 0 30px 0;
    }
    .reliance-survey .progress-bar-container .img-progress {
        height: 20px!important;
    }
    .reliance-survey .progress-bar-container {
        width: 92% !important;
    }
    .reliance-survey .slideSource {
        padding: 0 10px !important;
    }
    .reliance-survey .btn-outline-secondary:focus, .reliance-survey .btn-outline-secondary:hover, .reliance-survey .btn-outline-secondary:active,  .reliance-survey-terms .btn-outline-secondary:focus, .reliance-survey-terms .btn-outline-secondary:hover, .reliance-survey-terms .btn-outline-secondary:active {
        border-color: #FFFFFF !important;
        border-width: 1px !important;
    }
    .survey-statement.slideSource {
        padding: 15px 0 !important;
    }
    .disclaimer {
        width: 100% !important;

        display: inherit !important;
        margin: 0 auto !important;
    }
    .disclaimer .disclaimer-text {
        width: 80% !important;
    }
    .start-btn-wrap {
        padding: 3rem 0rem !important;
    }
    .first-fold-image{
        height: 90px;
    }
	.download-cta a{
		padding:15px 20px;
    }
    .footer-container ul.footer-list li {
        float: left;
        padding: 5px;
        width: 100%;
    }
    .home-bg.patient-bg{/*background-position: center -5px, top left;*/background-position: center 73px, top left !important;background-size: cover ,cover !important;}
	.home-bg.patient-bg{background: url(/content/dam/microsites/break-over-reliance/id/images/mobile-ribbon-image.png) no-repeat, url(/content/dam/microsites/break-over-reliance/id/images/gray-home-bg.jpg) repeat;}
	.patient-bg .Take-bg{margin-top: 360px;}
    .home-bg.hcp-bg{background: url(/content/dam/microsites/break-over-reliance/id/images/hcp-home-xs.png) no-repeat, url(/content/dam/microsites/break-over-reliance/id/images/gray-home-bg.jpg) repeat !important;} 
    .home-bg.hcp-bg{background-size: 536px, cover !important;background-position: center bottom, top left !important;}
    .Take-bg.hcp {width: 70%;
    max-width: 218px;
    margin: 260px auto -10px;
    margin-top: 75%;}
    .home-bg.hcp-bg .first-fold-image{height:70px !important;}
    p.share-container{text-align: center !important;margin: 10px auto 20px auto !important;font-size: 6px !important;}
    .patient-bg .share-title {font-size:18px; padding: 25px 0;}
    .what-you-are {width: 100%;float: right;margin-top: 97px; position: relative;}
    .what-you-are a{margin: 0 auto 10px auto;max-width: 400px;font-size: 14px;padding: 8px 0;}

    .meterial-by-az-gappa li{width:100%;text-align: center;}
    .meterial-by-az-gappa li:last-child{padding-top: 5px;}
    .meterial-by-az-gappa span.produced-by,
    .meterial-by-az-gappa span.partership-with{font-size: 11px;}
    .meterial-by-az-gappa .gappa-logo img{max-width:190px; top:6px;}
    .meterial-by-az-gappa .az-logo img{width: 100px;}
}

@media screen and (min-width:350px) and (max-width:767px) {
    .home-bg h1 {
        width: 320px;
        margin: 34% auto 15px;
    }
    .home-bg.hcp-bg h1 {
        font-size: 23px;
        width: 360px;
        line-height: 1.4;
        margin: 26px auto 10px;
        letter-spacing: -2.17px;
    }
    .hcp-banner {
        margin-top: 240px;
    }

@supports (-webkit-touch-callout: none) {
   .watch-blk {
       margin-top: -75px;
    }
    .watch-blk.hcp-middle {
       margin-top: -65px;
    }
}

@supports not (-webkit-touch-callout: none) {
   .watch-blk.hcp-middle {
       margin-top: -38px;
    }
}

    .watch-blk.ms-section-container .next-section .arrow {
        margin-bottom: -2px;
    }
    .test-blue.ms-section-container .next-section .arrow {
        margin-bottom: -2px;
    }
    .Take-bg {
        width: 75%;
        margin: 75% auto 0;
    }
    .watch-blk.hcp-middle p {
        font-size: 26px;
    }
    .watch-blk.hcp-middle h3 {
        font-size: 27px;
        padding: 20px 40px;
        line-height: 1.2;
    }
    .watch-blk p {
        font-size: 26px;
    }
    .watch-blk h3 {
        font-size: 27px;
        line-height: 1.2;       
    }
    .hcp-test a {
        padding: 15px 90px;
    }
}
@media screen and (min-width:400px) and (max-width:767px){
	.home-texture .video {
        float: left;
        width: 100%;
        min-height: 280px;
    }
}
@media screen and (min-width:320px) and (max-width:359px){
	.ms-section-container .ms-container>div {
        margin: 0px 10px;
    }
    .reliance-survey .btn-quiz, .reliance-survey-terms .btn-quiz{
		padding:10px !important;
	}
.form-error-msg {
    top: 90%;
}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
        p.copy-right-section.clear-fix {
    letter-spacing: 1px;
}
        .pt-arrow.ms-section-container .next-section .arrow {
    margin-bottom: 0px !important;
}
        .watch-blk.ms-section-container .next-section .arrow {
    /*margin-bottom: -92px;*/
}
   .home-texture .richText h2 {
 	   width: 138% !important;
}
.ms-section-container.test-blue {
        margin-top: -187px;
}
    .ms-section-container .ms-container>div {
        margin: 0;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .no-break {
    white-space: nowrap;
}
    p.ref{
	padding-left:20px;
}
.placeholder .list-item0 img {
    margin-left: 540px; /*271*/
}
    .disclaimer {
    width: 100% !important;
    padding-left: 117px;
}
 .patient-bg .the-test {margin-left: 40%;}
   .bor-landing {min-height: 900px;}
  .home-bg.patient-bg{background-size: cover ,cover !important;background-position: center -85px, top left;}
  .home-bg.patient-bg h1{width: 500px; margin-top: 25%;}
  .home-bg.patient-bg h1 ~ p{width: 450px;}
  .patient-bg .Take-bg{max-width: 250px;margin-left:auto;margin-right:auto;margin-top: 425px;}   
  .patient-bg .the-test{max-width: 250px;margin-left: auto;margin-right: auto;}
  .home-bg.hcp-bg{background-size: cover, cover !important;background-position: center bottom, top left !important;}
  .Take-bg.hcp {width: 70%;max-width: 250px;margin: 315px auto 0;} 
  .hcp-bg .the-test{max-width:250px;}
  
  .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
  .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
  .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{width:100%;}

  .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item0{text-align:left;}
  .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1{text-align:right;}
  .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1 img{float:none;}

  .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item0{text-align:left;}
  .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1{text-align:right;}
  .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1 img{float:none;}

  .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder .list-item0{text-align:left;}
  .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder .list-item1{text-align:right;}
  .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder .list-item1 img{float:none;}
  .footer-container .ms-container{max-width:575px;}
	.bor-landing {
    	/*min-height: 810px;*/
    min-height: 1279px; /*1123*/
    background-size: cover, cover !important;
    background-position: center bottom, top left !important;
	}
	.landing-para{ margin-top: 704px!important;}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
  .bor-landing {min-height: 960px;}
  .home-bg.patient-bg{background-size: 750px ,cover !important;background-position: center -80px, top left;}
  .home-bg.patient-bg h1{width: 500px;}
  .home-bg.patient-bg h1 ~ p{width: 450px;}
  .patient-bg .Take-bg{max-width: 250px;margin-left:auto;margin-right:auto;margin-top: 355px;}     
  .patient-bg .the-test{max-width: 250px;margin-left: auto;margin-right: auto;} 
  .home-bg.hcp-bg{background-size: 736px, cover !important;background-position: center bottom, top left !important;     min-height: 1115px !important;}
  .Take-bg.hcp {width: 70%;max-width: 250px;margin: 402px auto 0;} 
  .hcp-bg .the-test{max-width:250px;}
  .footer-container .ms-container{max-width:400px;}
}

@media screen and (min-width:768px){
    .meterial-by-az-gappa li{float: left;width: 50%;}
    .meterial-by-az-gappa li:first-child{text-align:right;}
    .meterial-by-az-gappa li:last-child{text-align:right; position:relative; top:4px;}
    .meterial-by-az-gappa span.produced-by,
    .meterial-by-az-gappa span.partership-with{font-size: 12px;font-weight: 600;}
    .meterial-by-az-gappa .partership-with{padding-left:15px; padding-right: 5px;}
    .meterial-by-az-gappa .gappa-logo img{max-width: 220px;top: 5px;}
    .meterial-by-az-gappa .az-logo img{max-width: 125px;
    top: -1px;
    left: 1px;}
}  

@media screen and (max-width: 991px) and (min-width: 768px) {

    .texture-test a {margin-top: -36px;}
    .home-bg {    background-size: 240% 113% !important;}
    .meterial-by-az-gappa { margin-left: 100px !important;}
    .bor-landing .dynamicImageTitleList .dynamic-list.placeholder {margin-top: -7px;}
    .home-bg.hcp-bg h1 {width: 460px !important;}
    .home-bg.hcp-bg{background-image: url(/content/dam/microsites/break-over-reliance/id/images/hcp-home-tab.jpg) !important;min-height: 980px !important;}
    .Take-bg.hcp{margin-top: 290px;width: 350px;}
    .home-bg.patient-bg{background-image: url(/content/dam/microsites/break-over-reliance/id/images/tab-ribbon-image.jpg) !important;background-position: -574px bottom, left bottom;background-size: cover !important;min-height: 906px !important;}
    .patient-bg .Take-bg{margin-top: 40px;width: 350px;} 

    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item0{width: 60%;right: 0px;position: relative;}
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1{width: 40%;position: relative;right: 0px;}

    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item0{width: 60% !important;}
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1{width: 40% !important;}
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item0{width: 60% !important; margin-left: 255px;}
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1{width: 40% !important;}
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder .list-item0{width: 60% !important; margin-left: 255px;}
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder .list-item1{width: 40% !important;}

    .what-you-are {width: 61%;float: right;margin-top: 41px;}
    .what-you-are a{margin: 0 auto 10px auto;max-width: 393px;font-size: 17px;padding: 10px 0;}

    .meterial-by-az-gappa span.produced-by,
    .meterial-by-az-gappa span.partership-with{font-size: 11px !important;font-weight:normal;}
    .meterial-by-az-gappa .gappa-logo img{max-width: 200px;top: 5px;}
/*    .meterial-by-az-gappa .az-logo img{max-width: 110px;top: 3px;}*/
    .generic-page .footer-container {margin-top: -16%;}
	.bor-landing {background-position: -194px bottom,left bottom;min-height: 731px!important;} 
	.landing-para{margin-top: 83px;font-size: 23px;}
	.home-bg h1{    
    	width: 460px!important;
    	margin-left: -86px ;
    }
    .home-bg h1 ~ p{
        width: 446px !important;
    	margin-left: -86px;
    }
    .patient-bg .share-container{
		width: 382px !important;
     }
     .Take-bg .list-item img{
		padding-top: 108px;
     }
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    
    .meterial-by-az-gappa {
     padding-left: 232px;
   }
    .placeholder .list-item0 img {
      padding-top: 11px;
}
    .pt-arrow.ms-section-container .next-section .arrow {
    margin-bottom: -4px !important;
}
    .patient-bg .Take-bg{margin: 23% auto 0; width:340px;}
    .watch-blk.ms-section-container .next-section .arrow {margin-bottom: 4px;}
    .ms-section-container.test-blue {margin-top: -150px;}
    .patient-bg .the-test {   margin-left: 38% !important;}
    .home-texture .richText h2 {width: 109% !important;}
    .home-bg.hcp-bg{background-image: url(/content/dam/microsites/break-over-reliance/id/images/hcp-home-tab.jpg) !important;min-height: 1005px !important;}
    .Take-bg.hcp{margin-top: 275px;width: 350px;}
    .home-bg.patient-bg{background-image: url(/content/dam/microsites/break-over-reliance/id/images/tab-ribbon-image.png) !important;background-position: -465px bottom, left top;background-size: cover !important;min-height: 1005px !important;}    

    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item0{ width: 60%;right: -20px; position: relative;}
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder .list-item1{width: 40%;position: relative;right: -20px;}
    .what-you-are {width: 54%;float: right; padding-top: 6px;}
    .what-you-are a{margin: 0 auto 6px auto;max-width: 510px;font-size: 22px;padding: 15px 0;}
     .generic-page .footer-container {margin-top: -150px;}
	.bor-landing{
     	background-size: 1130px ,cover !important;
        background-position: -106px bottom,left bottom;
    }
	.landing-para{margin-top: 95px;}
	.Take-bg .list-item img{padding-top: 14%;}
}

@media screen and (max-width: 1100px) and (min-width: 992px) { 
    .landing-para{margin-top: 95px !IMPORTANT;}
}
@media screen and (max-width: 1200px) and (min-width: 768px) {

     .patient-bg .the-test{
		    margin-left: 35%;
    }
    header {
        display: none;
    }
    .placeholder {
        top: 0px;
        right: 0px;
        width: 50%;
    }
    .home-bg {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .patient-bg h1 { margin-top: 36%; }
    .home-bg h1 {
        width: 100%;
        font-size: 32px;
    }
    .watch-blk .video, .texture-test, .the-test {
        width: 270px;
        margin: 4% auto 0;
    }
	.the-test{
		width: 204px !important;
	}
    .watch-blk {
        z-index: 3;
    }
    .home-texture .richText h2 {
        width: 90%;
    }
    .test-blue .richText {
        width: 75%;
        margin: 0 auto;
    }
    .percentage {
        margin: 0 auto;
        width: 60%;
        opacity: 0.5;
    }
    .start-btn {
        margin: 10% auto;
        width: 40%;
    }
    .grey-bg {
        z-index: 3;
    }
    .watch-blk .richText:first-child {
        margin: 18% auto 0;
        width: 85%;
    }
    .generic-blue .richText p, .generic-blue .richText ul {
        width: 100%;
    }
    .generic p {
        width: 75%;
        font-size: 20px;
    }
    .generic-blue .richText p:first-child {
        font-size: 24px;
    }
  
    footer .footer-content {
        padding-bottom: 0px;
    }
    .footer-container .richText p, .footer-container .list ul li p a {
        font-size: 9px;
    }
    .generic-blue {
        padding-bottom: 20%;
    }
    .watch-blk p, .watch-blk h3 {
        font-size: 30px;
    }
    .home-bg h1 ~ p {
        width: 100%;
    }
    .grey-bg .richText h3 {
        width: 65%;
    }
    .bor-landing {
        background-size: cover /*!important*/;
        min-height: 721px;
    }
    .landing-footer .footer-container {
        margin-top: -6%;/*-7%;*/
        background-size: 100% 100%;
    }
    .footer-container ul.footer-list {
        width: 679px;/*500px;*/
    }
    .footer-container .parsys_column.col-control-2col-50-50 {
        width: 575px;
    }
    .placeholder .list-item {
        float: left;
        width: 80%;
    }
    .bor-landing .dynamicImageTitleList .dynamic-list.placeholder .list-item0 img {
        width: 79%;
    }

	.placeholder .list-item0 img {
    	width: 79% !important;
	}
.error-404 .placeholder .list-item0 img {
    	width: auto !important;
	}
    .home-bg.hcp-bg h1 {
        width: 450px;/*420*/
        font-size: 24px;
    }
    .home-bg.hcp-bg h1 ~ p {
        width: 310px;
    }
    .home-bg.hcp-bg .dynamicImageTitleList:first-child {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .hcp-banner {
        font-size: 16px;
    }
    .first-fold-image{
        height:78px;
    }

    .patient-bg .first-fold-image{height: 100px;}
    .home-texture .fb .list-item0,
    .home-texture .twitter .list-item0,
    .home-texture .linkedin .list-item0{padding:0px;}

    .patient-bg .placeholder .list-item, .hcp-bg .placeholder .list-item { margin-left: 375px; }
}


@media screen and (min-width:1025px){
    .meterial-by-az-gappa {
        padding-left: 299px !important;
    }
    .home-bg.hcp-bg h1 ~ p {
        padding-bottom: 157px;
    }
    .risk-banner .placeholder{
		position:static;
		display:block;
		width:100%;
	}
    .risk-banner .placeholder .list-item1{
        float:right;
    }
    .risk-banner .placeholder .list-item0{
        float:right;
    }   
    .risk-banner .dynamicImageTitleList{
        float:left;
    }
    .home-bg.patient-bg{background-size: 100% 100% ,cover !important;min-height: 760px;} 
    .patient-bg .Take-bg{ margin-top: 130px;} 
    .home-bg.hcp-bg{background-image: url(/content/dam/microsites/break-over-reliance/id/images/hcp-home-desktop.jpg);} 
    /*.bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder{right:-80px;}*/
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{right: -64px;position: relative;}

    .what-you-are {
        width: 56%;
        float: right;
    }
    .what-you-are a{
        margin: 0 auto 10px auto;
        max-width: 615px;
        font-size: 26px;
        padding: 18px 0;
    }
    .generic-page .footer-container .footer-content{padding-bottom:0px;}
}
@media screen and (max-width: 1600px) and (min-width: 1201px) {
    .what-you-are p:first-child {
   /* margin-bottom: -68px;*/
}
    .bor-landing .placeholder .list-item0 img {
    width: auto;
    padding-left: 281px;
}
    .bor-landing .placeholder .list-item0{ margin-right: -57px; }
    .what-you-are {
    	margin-right: -25px !important;
        margin-top: 99px;
        padding-bottom: 74px;
	}
    p.landing-para {
    	margin-right: 7px !important;
        margin-top: 77px;    
	}
    .landing-para {
   		width: 48% !important;
	}
    .footer-container {
        margin-top: -48px;
    }
    .home-bg.hcp-bg h1 {
        width: 550px;
    }
    .home-bg.hcp-bg h1 ~ p {
        width: 500px;
    }
    .bor-landing{
        background-size: cover !important;
        min-height:1005px;
    }
    .home-bg.hcp-bg .learnmore {right: 132px; bottom: 30px;}
    .home-bg.patient-bg .learnmore {right: 250px; }

	.home-bg h1{
        margin-top: 18%!important;
    	width: 100%;
	}
    .hcp-bg h1{ margin-top:0% !important; }
    .home-bg h1 ~ p{width: 100%;}
	.Take-bg .list-item img{padding-top: 45px;}
}

@media screen and (max-width: 1920px) and (min-width: 1601px){

.home-bg.hcp-bg h1 ~ p {
    width: 440px;
}
p.landing-para{
   margin-top: 229px;             
            }
.what-you-are{
   margin-top: 212px;         
}            
}

/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)*/ 
    .footer-partner img, .start-btn img, .percentage img, .video-parent img, .footer-logo img {
        float: left;
        width: 100%;
        max-width: inherit;
    }

    .the-test {
        margin: 20px auto;
    }
    .ms-section-container .next-section .arrow {
        background-position: top;
    top: -16px !important;
    margin-top: -14px !important;
    display: inline-block;
    height: 68px;
    }

    /*.test-blue.hcp-blue.ms-section-container .next-section .arrow{
    	height:150px;
    }*/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .footer-partner img, .start-btn img, .percentage img, .video-parent img, .footer-logo img {
        float: left;
        width: 100%;
        max-width: inherit;
    }
    .the-test {
        margin: 20px auto;
    }
    .ms-section-container .next-section .arrow {
        background-position: top;
    top: -16px !important;
    margin-top: -14px !important;
    display: inline-block;
    height: 68px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1200px){
    .footer-container ul.footer-list {
		width: 679px;
    }

    .home-bg {
        background-size: cover !important;
        min-height: 800px;
    }
    .Take-bg{
		width:30%;
		margin:8% auto 0;
	}
	.Take-bg.hcp{
        width: 24%;
    }
    .home-bg.hcp-bg h1 {
        font-size: 32px;
        width: 746px; /*680*/
        line-height: 1.4;
        margin-top: 12%;
        margin-bottom: 10px;
        margin-left: -72px;
    }
    .home-bg h1 {
        font-size: 36px;
        margin-top: 22%;
    }
    .hcp-banner {
        margin-top: 5px;
    	padding:30px 0;
    }
    .the-test {
        width: 275px;
       /* margin: 2% auto 0;*/
    	margin: 3% 40% 0;
    }
    .home-bg.hcp-bg .first-fold-image{
    	height:100px;
    }
    .grey-bg .richText ~ .richText{
        padding: 30px 0 96px;
        display: inline-block;
        width: 100%;
    }
	.what-you-are{
        margin-right: -73px;
    }
    p.landing-para{
        margin-right: -67px;
    }
   .patient-bg .placeholder{ margin-right: -113px; }
}
@media screen and (max-width: 1439px) and (min-width: 1400px) {
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder{right: -20px;}
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{right: -100px;position: relative;}
}
@media screen and (max-width: 1599px) and (min-width: 1440px) {
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder{right: -60px;}
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{right: -120px;position: relative;}
}
@media screen and (max-width: 1679px) and (min-width: 1600px) {
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder{right: -105px;}
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{right: -200px;position: relative;}
}
@media screen and (max-width: 1919px) and (min-width: 1680px){
    .Take-bg.hcp {margin:100px auto 0;}
    .home-bg.patient-bg{background-position:left bottom;background-size: 100% ,cover !important;min-height: 759px;} 
    .patient-bg .Take-bg{ margin-top: 75px;}
    .home-bg.hcp-bg .learnmore {right: 132px;} 
    .home-bg.patient-bg .learnmore {right: 120px;}
    .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
    .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder{right: -230px;} 
    .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{right: -235px;position: relative;} 
}

@media screen and (max-width: 2560px) and (min-width: 1920px){
  .home-bg.patient-bg{background-size: cover !important;min-height: 800px;} 
  .patient-bg .Take-bg{margin-top: 300px;}
  /*.home-bg.hcp-bg .learnmore {right: 525px;}*/
  .home-bg.patient-bg .learnmore {right: 200px;} 
  .Take-bg.hcp {margin:160px auto 0;}   
  .bor-landing .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder,
  .patient-bg .ms-container .dynamicImageTitleList:last-child .dynamic-list.placeholder{right: -247px;}
  .hcp-bg .ms-container .dynamicImageTitleList:first-child .dynamic-list.placeholder{right: -360px;position: relative;}  
}


.assessment-header {
	margin-top: 298px;
}

/* Pop-ups */

a.popup-link {
    color: #fff;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #2BB9C9;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}


.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

/* Pop-ups ends */

/* Pop up styles starts */

body.modal-open {
    padding-right: 0 !important;
    overflow-y: auto;
}

a.popupLink {
    color: #fff;
	text-decoration: underline;
}

a.popupLink:hover {
	text-decoration: none;
}


div#popup-template {
    color: #fff;
}


#popup-template .modal-dialog button.close {
    background: url(/content/dam/microsites/break-over-reliance/id/images/close.png);
    width: 55px;
    height: 55px;
    display: block;
    margin-top: -42px;
    margin-right: -30px;
    border:none!important;
}

#popup-template .modal-dialog button.close:focus {
    outline: none;
}

#popup-template .modal-dialog button.close span {
    display: none;
}

#popup-template .modal-dialog {
    transform: none;
    min-width: 755px;
    background-size: cover;
    background-position: center;
}

#popup-template .modal-dialog .modal-content {
    background-color: transparent;
	    border: none;
		display: table;
    height: 100%;
}

.modalVideo .modal-content {
height: unset !IMPORTANT;
}

#popup-template .modal-dialog .modal-header {
	display: none;
}
#popup-template .modal-dialog .modal-body {

min-height: auto;
display: table-cell;
    vertical-align: middle;
	padding: 0 2em;
}

#popup-template .modal-dialog .modal-body h1 {
    text-align: left;
    letter-spacing: 0px;
}

@media (max-width: 921px){
.popup_container{
    width: 93%; 
    min-width: 80% !important;
}
h1.popup_title {
    font-size: 32px;
}
.popup_font {
    font-size: 28px !important;
 }
}

/* Pop up styles ends */



/* Exit Ramp Starts */

#popup {
  display: none; 
}

div#popup {
    z-index: 1005;
}

/* #popup-covid.popup_wrapper { overflow: scroll; } */

.popup_wrapper {
  background: rgba(0, 0, 0, .75);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1001;
overflow: hidden;

}

h1.popup_title {
    margin-top: 0px;
    text-align: left;
	font-size:30px;
}
.popup_header{
    position: relative;
}
.popup_header button{
    float:right;
    width: 27px;
    height: 30px;
    display: block;
    margin-top: 50px;
	margin-right: 25px;
}
.popup_container {
    transform: none;
    background-color:#f2f2f2;
    min-width: 702px;
    background-size: cover;
    background-position: center;
	color: #fff;
	max-width: 500px;
    margin: 90px auto 0;

}

.popup_font{
	font-size:18px;
	font-family:gotham-book !important;
	color:#000;
    line-height:1.5 !important;
}

div#popup .popup_container { height: 460px; }

.popup_body{
    padding: 0 3em;
float: left;
}

.popup_body h2 { text-transform: uppercase; }



.popup_body a {
    text-decoration: underline;
    color: #fff;
}

.popup_body a { margin-bottom: 20px; }

.popup_body .btns{
    text-align: center;
margin-top: 30px;
}
.popup_title {
	font-family: 'OCR-A';
    color: #00b6de;
    font-size: 48px;
    text-align: left;
    letter-spacing: 0;
    margin-top: 0;
    text-transform: uppercase;
	margin-left: 0;
	margin-right: 0;
	font-family: 'OCR-A-STD';
    color: #00b6de;
    font-size: 48px;
}

#popup-covid .popup_title { margin-bottom: 0; }

.popup_body button, .popup_body button.close {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    padding: 5px 30px;
    font-family: gotham-book;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: none;
    float: left;
    margin-right: 20px;
    cursor: pointer;
    opacity: 1 !important;
}
@media (max-width: 320px){
#popup-template .modal-dialog {
    min-width: auto !important;
}
}


@media (max-width: 767px){
h1.popup_title{
    font-size: 18px;
    line-height: 30px;
}
.popup_font {
    font-size: 16px !important;
}
.popup_body button, .popup_body button.close{
	padding: 1px 3px;
    font-size:16px;
}
div#popup .popup_container { 
	height: 460px;
}
.popup_header button{
    margin-top: 20px;
    margin-right: 5px;
}
.form-container .btn-primary{
	margin-top: 25px;
}
.form-error-msg{
    font-size: 13px !important;
    }
#popup-template .modal-dialog {
    min-width: auto !important;
}
#popup-template .modal-dialog .modal-body{
		overflow-y: auto;
        /*height: auto;*/
    min-height:300px !important;
}
.picker__box {
    padding-top: 60px !important;
    padding-bottom: 65px !important;
    /*padding-right: 80px !important;
    padding-left: 80px !important;*/
}
}
@media (max-width: 767px) and (orientation: landscape) {
.picker__box {
   /* padding-top: 60px !important;
    padding-bottom: 65px !important;*/
    padding-right: 80px !important;
    padding-left: 80px !important;
}
#popup-template .modal-dialog .modal-body{
    overflow-y: auto !important;
 }
.picker{
	font-size: 15px;
}
}
@media (min-width: 768px) and (max-width: 1024px){
div#popup .popup_container {
    height:  397px !important;
}
.popup_wrapper{
top: -52px;
}
.popup_header button{
    margin-top: 20px;
}
h1.popup_title {
    font-size: 18px !important;
}
.popup_font {
    font-size: 16px !important;
}
.popup_body button, .popup_body button.close {
    font-size: 16px !important;
}
}
@media (min-width: 320px) and (max-width: 365px){
.popup_body {
    padding: 0 1em;
}
}

@media (min-width: 320px) and (max-width: 767px){
    .form-error-msg{
		top: 50%;
}
}

@media (min-width: 320px) and (max-width: 480px){
	#popup-template .modal-dialog .modal-body{
		width:100% !important;
        /*margin: 0 auto !important;*/
	}
	input[type="text"]{
		font-size: 16px !important;
	}
	.popup_body{
		padding: 0 30px;
    }
    h1.popup_title{
        font-size: 16px;
    	letter-spacing: -2.1px;
    }
}


@media (min-width:550px) and (max-width: 767px){
.popup_wrapper{
top:-56px;
}
.popup_header button {
    margin-right: 15px;
}
div#popup .popup_container {
    height: 364px /*pop up change 325*/
}
.popup_title{
letter-spacing: -3px;
}
.popup_container{
margin: 66px auto 0;
}
.popup_body button, .popup_body button.close{
font-size:14px;
}
}

/* Exit Ramp */

.embed-survey, .embed-survey iframe {
	height:100%;
    overflow:hidden !important;
}

.embed-survey.extended, .embed-survey.extended iframe {
	height:915px !important;/*890px !important;*/
    overflow:hidden !important;
}
#starttest .embed-survey.extended, .embed-survey.extended iframe{ 
    height:1035px !important;/*890px !important;*/
    overflow:hidden !important;
}
/* Disclaimer survey */
.asthmalogo{
	float: left;
	width: 18%;
	padding-top: 6px;
    display: none;
}
.disclaimer{
	float: left;	
	width: 96%;/*75%;*/
	padding-left: 99px;/*20px;*/
    color: #000;
}
.small text-left disclaimer-text{
	text-align: left; 
	color: rgb(0, 0, 0); 
	font-family: gotham-book;
}
p.small.text-left.disclaimer-text {
    font-family: gotham-book;
    text-align:left;
}
.disclaimer_advice1{
	text-align: center;
	color: rgb(0, 0, 0); 
	font-family: gotham-book !important; 
	font-size: 24px;
}

@media (max-width: 767px) and (min-width: 320px){
	.disclaimer {
    	width: 100% !important;
    	padding-left: 76px;
	}
    .modal-dialog  { 
        min-width:100%; 
    }
    /*#popup-template .modal-dialog{
      min-width: auto !important;
} */

img.disclaimer-img {
    padding-left: 20px;
}

.embed-survey.page-loaded.extended{
height:1110px !important;
}
#starttest .embed-survey.extended, .embed-survey.extended iframe{ height: 1060px !important; }
.embed-survey.page-loaded.extended iframe{
height:1000px !important;
}

}

/* Disclaimer survey */

/* Alignment issues starts*/

.container{
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.body-content {
    overflow-x:hidden;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
}
    .form-error-msg{
		top: 55%;
}
	.popup_body{
    	padding: 0 30px;
    }
}

/* Alignment issues ends */

#popup-template .modal-dialog .modal-body { display:block !important; }

.modal-dialog.modal-md {
    height: 100%;
    margin: 0 auto;
}
.close {
    font-size: inherit !important;
}
button.close{
    border: 1px solid #000!important;
    color: #000 !important;
}
p.popup_font {
    text-align: left !important;
    width: 100%;
    margin:0!important;
}
.risk-banner p {
        line-height: 39px !important;
}

.dynamic-list.ms-flex.row.vertical-top.horizontal-left.first-fold-image {
    margin-bottom: 10px;
    /*margin-top: -15px;*/
   /*fix try*/    margin-top: -24px;                         
}
.risk-banner .ms-section-footer .arrow{
    margin-top: -20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.grey-bg .richText ~ .richText {
    padding-left: 33px;
}
.embed-survey.extended, .embed-survey.extended iframe {
    height: 1070px !important;
    overflow: hidden !important;
}
#starttest .embed-survey.extended, .embed-survey.extended iframe{ height: 1120px !important; }
    }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.popup_body{
	line-height:1;
}
.watch-blk {
    background-size: 100% 100%;
    background-color: transparent;
}
    .form-container .date-picker-trigger{
         padding:8px 12px !important;
    }
p.titleCalendar{margin-bottom:0px !important;}
}
/* Video modal styling starts*/

        @media (max-width: 575px){
.modalVideo .modal-content {
    width: 90%;
    margin: auto;
}
#popup-template .modal-dialog button.close {

    display: block;
    margin-top: -27px;
    margin-right: 0;
}
}
/*Video modal styling ends*/

/* Arrow fix starts*/
.ms-section-container.hcp-blue .next-section .arrow, .ms-section-container.test-blue .next-section .arrow {
	margin-top: 11px !IMPORTANT;
}
.share.hcp-share {
background-color: unset !important;
}

@media (max-width: 1024px) and (min-width: 767px){
img.ms-lazyload {
    margin-top: 7px;
}
 .form-error-msg{
		top: 50%;
}

}
@media (min-width: 1025px) and (max-width: 1199px){
 .form-error-msg{
		top: 50%;
}

}
/* Arrow fix ends*/

/*customscript close button*/
    .customScript .close-icon {
    font-family: ocr-a-std;
    padding: 10px 60px 10px 10px !important;
}
    .customScript{
overflow-y: hidden;
        }

@media (max-width: 767px) and (min-width: 320px){
        .customScript .close-icon {
    padding: 10px 20px 10px 10px !important;
}
        .form-error-msg{
    font-size: 13px;
    }
            }
/*customscript close button ends*/

/* disable auto-zoom on iphone input field focus */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
input[type="text"]:focus {
		font-size: 16px !important;
	}
}

/*patients results page CSS survey*/
.royalSlider .card-actions{
	top:430px !important;
}
/*patients results page CSS survey*/
.watch-blk.hcp-middle {
    background-size: cover !IMPORTANT;
    background-position: bottom;
    /*margin-top: -36px;*/
}
.home-texture .arrow {
    margin-left: -10px !important;
}
.share.hcp-share {
background-color: inherit !important;
}
@media (max-width: 500px) and (min-width: 320px){
.landing-para {
    width: 100%;
    float: left;
    font-family: 'gotham-medium';
    font-size: 18px;
    margin-top: 324px;
}
   .footer-content.landing-footer .footer-container {
    margin-top: -24px;

}
.bor-landing{
    min-height: 780px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
.watch-blk.hcp-middle {
    margin-top: -42px !important;
}

}
@media screen and (max-width: 350px) {
.watch-blk.hcp-middle {
    margin-top: -38px;
}
                    }      
@media screen and (min-width: 1025px) and (max-width: 1520px){
.home-bg.hcp-bg h1 ~ p {
  /*  padding-bottom: 179px;*/
 padding-bottom: 148px; /*300*/ margin-left: -72px;
}
}
 @media screen and (min-width: 1201px) and (max-width: 1600px){

.footer-content.survey-scroll footer.footer-container {
    margin-top: -79px;
}
                        } 
 @media screen and (min-width: 850px) and (max-width: 1024px){

.watch-blk.hcp-middle {
    margin-top: -31px !important;
}

                                }
@media screen and (min-width: 320px) and (max-width: 767px){
.home-bg.hcp-bg .first-fold-image {
    height: 70px !important;
}

}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape){
.test-blue .embed-survey.page-loaded {
    height: 936px !important;
    /*overflow: auto !important;*/
}
}

@media screen and (min-width: 350px) and (max-width: 380px){

.dynamic-list.ms-flex.row.vertical-top.horizontal-left.first-fold-image {
    margin-bottom: 0px!important;
/*padding-top: 13px;*//*fix try*/}}

@media screen and (min-width: 768px) and (max-width: 1023px){
  .copy-right-section{ line-height: 25px;}
.bor-landing .dynamicImageTitleList .dynamic-list.placeholder {margin-right: -16px;}

}
.disclaimer_advice1{ display: none; }
@media screen and (min-width:1366px) and (max-width:1500px){
	.bor-landing {
    background-size: cover !important;
    min-height: 805px;
}
 	.bor-landing .dynamicImageTitleList .dynamic-list.placeholder {
     margin-right: -58px;
}
}       
@media screen and (min-width:1920px){
.home-bg.hcp-bg{
	    background-size: cover !important;
}}


/*FOR ANIMATION TEXT STARTS*/
.Take-bg img.ms-lazyload, .take-blue img.ms-lazyload, .watch-blue img.ms-lazyload {
/*max-height: 120px;*/
margin-top: 20px;
animation: shake 0.95s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
animation-iteration-count: infinite;
perspective: 1000px;
}
@keyframes shake { 10%,
90% {
transform: translate3d(-1px, 1px, 0);
} 20%,
80% {
transform: translate3d(1px, -1px, 0);
} 30%,
50%,
70% {
transform: translate3d(-1px, 1px, 0);
} 40%,
60% {
transform: translate3d(1px, -1px, 0);
}
}@keyframes bounce { 0%,
100%,
20%,
50%,
80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
} 40% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
} 60% {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px)
}
}
.first-fold-image img.ms-lazyload, .home-texture .ms-section-footer .next-section.ms-flex.horizontal-center .arrow, .watch-blk.ms-section-container .next-section .arrow {
-webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
 animation-name: bounce;
 }
/*FOR ANIMATION TEXT ENDS*/


@media screen and (max-width: 991px){ 
.ms-section-container[data-mobile-down-arrow=true] .next-section {

display: -webkit-flex !important;
-webkit-flex: 1;
}
   }
@media screen and (min-width:1200px) and (max-width:1300px){
	.what-you-are {
    	margin-top: 62px;
}
}
.error-404 .placeholder .list-item0 img {
    width: auto !important;
}

.embed-survey.page-loaded{
height: 926px  !important;
}

.ms-container{
width: 100% !important;
}