@media (min-width: 1200px) {
    .header-content-wrapper {
        width: 1170px;
    }
}

@media all and (max-width: 1060px) {
    .multiColumn.twoColumn {
        height: 90px;
    }
}

@media all and (min-width: 961px) {
    #mobile-menu-button {
        display: none;
    }
    #ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1 {
        margin-right: 26px;
    }
}

@media all and (max-width: 974px) {
    /*HEADER*/
    #header-container {
        z-index: 20;
    }
    img {
        max-width: 100%
    }
    .symptoms-images img {
        max-width: 98%
    }
    .cookie-warning {
        max-height: 100%;
        width: 100%;
        left: auto;
        margin-left: auto;
    }
    .whiteLine {
        top: 30px;
        left: 10%;
    }
    .grid {
        margin: 0;
    }
    .footer {
        margin-top: 30px;
    }
    .inner {
        margin: 0 auto;
    }
    .col-2of2 .col-num-2 {
        width: auto;
    }
    #ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
        margin-right: 25px;
    }
}

@media (min-width: 680px) and (max-width: 960px) {
    #interstitial_external .right {
        padding-left: 45%;
        box-sizing: border-box;
    }
}


/*------------------------ 3 Column Grey Box Styles ------------------------*/

@media (max-width: 400px) {
    .hero-image .slogn_box {
        font-size: 22px!important;
    }
    .fullnavbar .navarea nav ul li a {
        font-size: 11px;
    }
    .col3-greybox .inner .grid .callout-block .callout-img img {
        max-width: 30px;
    }
    .col3-greybox .inner .grid .callout-block {
        padding: 15px 0 25px;
        min-height: 152px;
    }
    #main-content-wapper .col3-greybox .inner .grid .callout-block .callout-text p {
        font-size: 12px;
    }
}

@media (max-width:480px) {
    .litable .licell .li_rightbox {
        float: none;
        width: 100%;
        text-align: left;
    }
    .litable .licell .li_leftbox {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .litable .licell .li_rightbox p a.amazon,
    .litable .licell .li_rightbox p a.netmeds {
        max-width: 86px;
    }
}

@media (min-width:401px) and (max-width: 640px) {
    #main-content-wapper .col3-greybox .inner .grid .callout-block .callout-text p {
        font-size: 14px;
    }
    .col3-greybox .inner .grid .callout-block {
        padding: 15px 0 25px;
        min-height: 181px;
    }
}

@media (max-width: 788px) {
    .hero-image {
        padding-top: 150px;
    }
    #ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1 {
        margin-right: 17px !important;
    }
    #ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
        margin-right: 17px !important;
    }
}

@media (min-width:320px) and (max-width:480px) and (orientation:landscape) {
    #ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1 {
        margin-right: 15px !Important;
    }
    #ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
        margin-right: 15px !important;
    }
}

@media (min-width:321px) and (max-width:568px)and (orientation:landscape) {
    #ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1 {
        margin-right: 20px;
    }
    #ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
        margin-right: 23px;
    }
}

@media (max-width:480px)and (orientation:portrait) {
    .fullfooter .inner {
        padding: 10px 0;
    }
    .bottomleft p {
        margin-top: 0px !Important;
    }
    .bottomleft h4 {
        font-size: 17px !important;
        line-height: 21px;
    }
    .footer-right img {
        padding: 10px 23px;
    }
    /* #header-container {  left: auto !important;   margin-left: auto !important;   position: relative !important;} */
    #header-content-wrapper #top-header li.GenericMicrosite-logo {
        display: block;
        background: none;
        padding: 0;
        position: relative;
    }
    .padded-content>.fact-sheet {
        float: left;
        width: 48%;
        display: none;
        margin: 0 auto;
        text-align: center;
    }
    .fat-callout {
        margin-bottom: 40px;
    }
}

@media (min-width:768px) and (max-width:1024px)and (orientation:landscape) {
    .fullfooter {
        width: 100%;
    }
    #ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
        margin-right: 25px;
    }
    #site-wapper {
        top: 120px;
    }
}

@media (max-width:1200px) {
    #aboutsection .inner .grid .col .fat-callout {
        min-height: 400px;
    }
}

@media (max-width:1024px) {
    #site-wapper {
        top: 100px;
    }
}

@media (max-width:1199px) {
    #product-mid-section.two_product .productDesc {
        max-width: 50%;
    }
    #product-mid-section .productDesc {
        max-width: 80%;
    }
    #discover-links .productDesc ul li,
    #discover-links a,
    #discover-links a:active,
    #discover-links a:focus,
    #discover-links a:hover {
        width: 13.7%;
    }
    #header-container {
        min-height: 130px;
    }
    #nav-menu {
        width: 100%;
    }
    #site-wapper {
        width: 100%;
        /* border-top: 4px solid #c7c0b8; */
        top: 124px;
        position: relative;
    }
    .navigation-content {
        max-width: 80%;
    }
    .searchBar.search-module {
        position: absolute;
        right: 15px;
        bottom: 51%;
    }
}

@media (max-width:960px) {
    .gastroconditions {
        padding-top: 10px;
    }
    .bottomleft p {
        margin-top: 19px !Important;
    }
    .content-with-floated-image .img-column {
        float: none;
        margin: 0 auto;
    }
    .content-with-floated-image .caption {
        width: 100%;
    }
    #gastrotxt img {
        margin-bottom: 20px;
    }
    #searchForm .submit:after {
        left: 3px;
    }
    #mobile-menu-box ul.menu-list li.nav-main a {
        color: #fff;
    }
    #mobile-menu-box div>ul>li.nav-main {
        text-align: left;
        list-style-type: none !important;
        position: relative;
        width: 97%;
    }
    #mobile-menu-box div>ul>li.nav-main.logo {
        display: none;
    }
    #mobile-menu-box ul.sub-menu li a {
        text-decoration: none;
    }
    #mobile-menu-box ul.sub-menu>li {
        padding: 0px 0 0 27px;
    }
    .foot-left {
        width: 100%;
        margin-bottom: 10px;
        display: block;
        margin-top: 20px;
        padding: 5px 0px;
    }
    /*new styel*/
    .padded-content>.fact-sheet {
        display: block;
        height: auto;
    }
    .container-two-column .col-num-2>.fact-sheet {
        display: none;
    }
    .search .placeholder-text,
    .search .placeholder-text2 {
        height: 37px;
    }
    form input[type="text"],
    form input[type="tel"],
    form input[type="password"],
    form input[type="email"] {
        margin-top: 0px;
    }
    .footerFrame-last {
        padding: 15px 0px 10px 0px;
        width: 100%;
        display: block;
        text-align: right;
        position: relative;
    }
    .footerFrame-last p {
        padding-right: 10px;
    }
    .foot-left p {
        padding-left: 10px;
    }
    ul.breadcrumbs {
        position: relative;
        top: 6px;
    }
    .carousel {
        margin: 0px;
        background: transparent;
        background-color: transparent;
    }
    .footer-right {
        padding-top: 26px;
        float: right;
        width: auto;
    }
    .fat-callout p {
        font-size: 13px !important;
    }
    .fat-callout p {
        text-align: left;
    }
    #ThreeColumnContainer>.inner>.grid>.col-3of3.col-num-3 {
        width: 30%;
    }
    #ThreeColumnContainer>.inner>.grid>.col-3of3.col-num-3 {
        width: 30%;
    }
    .container-full.padded-content {
        margin-top: 20px;
    }
    li.list-block3 .header-mylan-logo {
        position: absolute;
        right: 20px;
        top: -62px;
        margin: 0;
        width: auto;
        bottom: 0px;
    }
    .fullfooter {
        width: 100%;
    }
    /*new style*/
    .carousel-indicators {
        display: block;
    }
    .news-summary-list {
        padding-left: 0px;
        padding-right: 0px;
    }
    .faqitem {
        padding: 10px 0px 10px 0px;
    }
    .footer {
        margin-top: 30px;
    }
    .maincarousel {
        margin-top: 0px;
    }
    .leaders-list .inner ul li.cf .right .quote {
        line-height: 1.2em !important;
    }
    #pharmacies .caption h2 {
        color: #b5a45f !important;
        font-size: 26px !important;
        line-height: 1.2em;
    }
    #pharmacies .caption {
        margin-top: 10px;
    }
    /*------------------------ Base Styles ------------------------*/
    .footer_inner .right_side_footer {
        width: 100%;
        text-align: center;
        color: #ece6d0;
        font-size: 13px;
    }
    a {
        word-wrap: break-word;
        -ms-word-break: break-all;
    }
    .row p {
        word-wrap: break-word;
    }
    .subHeader {
        font-size: 22px;
    }
    span.mobileText {
        display: block;
    }
    img {
        height: auto;
    }
    .whiteLine {
        display: none;
    }
    .cookie-warning {
        height: auto !important;
        z-index: 21;
        position: relative;
    }
    .hcp-cookie-warning {
        position: fixed;
        top: 0;
        height: 200px;
        width: 100%;
        z-index: 21;
        left: 0%;
        margin-left: 0px;
    }
    .hcp-cookie-warning .inner {
        width: 90%;
        height: 180px;
        padding: 10px 5% 10px 5%;
    }
    .hcp-cookie-exit-icon {
        margin-top: -6px;
        margin-right: -8px;
    }
    .cookie-warning .btn.no-icon {
        max-width: 75px;
        padding: 5px 15px;
        float: none;
        margin-top: 5px;
    }
    .alternated_text h3 {
        line-height: 24pt;
        margin: 20px 50px;
    }
    .content-image:first-child img {
        display: block;
        margin: 0 auto;
    }
    /*------------------------- OVERIDE -----------------------*/
    .module-image-element.mirror-patch {
        padding: 36px 0;
    }
    .module-simple-container.frame-1-col.patch-match .callout-block .wrapper a,
    .module-simple-container.xulane-patch .callout-block a,
    .module-simple-container.get-patch-callout .callout-block .wrapper a,
    .page-frame .container-two-column .inner .callout-block .wrapper a {
        display: table;
    }
    .module-simple-container.frame-1-col.patch-match .callout-block .wrapper a .callout-img,
    .module-simple-container.xulane-patch .callout-block a .callout-img,
    .module-simple-container.get-patch-callout .callout-block .wrapper a .callout-img,
    .page-frame .container-two-column .inner .callout-block .callout-img {
        display: table-cell;
        vertical-align: middle;
    }
    .module-simple-container.frame-1-col.patch-match .callout-block .wrapper a .callout-text,
    .module-simple-container.xulane-patch .callout-block a .callout-text,
    .module-simple-container.get-patch-callout .callout-block .wrapper a .callout-text,
    .page-frame .container-two-column .inner .callout-block .callout-text {
        display: table-cell;
        vertical-align: middle;
    }
    .module-contentblock.size_up_patch {
        margin: 0 auto;
        padding: 0;
    }
    span#goto-section2,
    span#goto-section1 {
        padding-top: 0px;
        margin-top: 0px;
    }
    #bottom-bar {
        padding: 0;
    }
    #bottom-bar ul.bullet-default li {
        padding: 0;
    }
    .module-simple-container.get-patch-callout {
        padding: 30px 0 0;
        margin: 30px 0;
    }
    .module-simple-container.xulane-brochure {
        height: 155px;
        width: 100%;
        max-width: 600px;
        right: 0;
        margin: 0 auto 25px;
    }
    .module-simple-container.get-patch-callout .arrow_box::after,
    .module-simple-container.get-patch-callout .arrow_box::before {
        top: -30px;
    }
    .module-simple-container.get-patch-callout .col.col-1of2.col-num-1 .callout-block {
        border-right: none;
        min-height: auto;
    }
    .module-simple-container.get-patch-callout .callout-block {
        margin: 0 20px;
    }
    .module-simple-container.get-patch-callout .col.col-1of2.col-num-2 .callout-block {
        border-bottom: none;
    }
    .module-simple-container.xulane-brochure .ac-content {
        padding: 0 0 0 15px;
    }
    .module-simple-container.xulane-brochure .ac-graphic {
        height: auto;
        width: 110px;
    }
    .module-simple-container.xulane-brochure .ac-graphic img {
        width: 96px;
    }
    #main-content-wapper #bottom-bar p,
    #bottom-bar * {
        margin: 0;
        font-size: 11px;
        line-height: 15px;
    }
    .isi-expanded-copy,
    .isi-visible-copy,
    #bottom-bar .black-frame {
        padding: 10px;
    }
    #bottom-bar,
    .dynwidth {
        width: 100%;
    }
    #main-content-wapper #bottom-bar .isi-visible-copy .black-frame * {
        line-height: 12px;
    }
    #main-content-wapper #bottom-bar .dynwidth {
        margin: 0;
    }
    li.list-block3 #mobile-menu-button img#close-btn {
        position: relative;
        margin-right: 7px;
        height: 26px;
    }
    .module-simple-container.xulane-patch {
        height: auto;
        margin-bottom: 35px;
        padding: 20px 0 0;
    }
    .module-simple-container.xulane-patch .module-image-element .isDesktop {
        display: block;
    }
    .page-frame .accordion.type-d .container-two-column .inner .callout-block {
        margin: 0;
    }
    .page-frame .accordion.type-d .container-two-column .inner .col.col-1of2.col-num-2 .callout-block {
        margin-left: 0;
        border-bottom: 1px solid #cdcdcd;
    }
    .page-frame .container-two-column .inner .col.col-1of2.col-num-1 {
        border-right: none;
    }
    .page-frame .container-two-column .inner .col.col-1of2.col-num-2 .callout-block {
        border-bottom: none;
    }
    .page-frame .container-two-column .inner .callout-block .callout-text {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-frame .container-two-column .inner .callout-block .callout-img {
        width: 100px;
    }
    .black-frame {
        padding: 10px;
    }
    .page-frame {
        padding: 85px 10px 10px;
        margin-bottom: 40px;
    }
    .accordion.type-d {
        margin-bottom: 20px;
    }
    .accordion.type-d .handle {
        width: auto;
        padding: 15px 47px 15px 12px;
    }
    .accordion.type-d .handle h3 {
        font-size: 18px;
    }
    .accordion.type-d .handle .expand-collapse-icon {
        right: 10px;
        top: 10px;
    }
    .accordion.type-d .pane.expanded {
        padding: 10px 10px;
    }
    .module-contentblock .row {
        padding: 0 10px;
    }
    #main-content-wapper .aboutheader {
        margin: 0 10px 5px;
    }
    .isMobile img {
        width: 100%;
    }
    .module-image-element .isMobile {
        display: block;
    }
    .module-image-element .isDesktop {
        display: none;
    }
    .arranged-content.patch-facts {
        padding: 0;
    }
    .callout-block {
        border-bottom: 1px solid #cdcdcd;
        margin: 0 25px;
        min-height: 0;
        padding: 25px 0;
        text-align: left;
    }
    .callout-img,
    #Blockget-2 .callout-img {
        /* float: left;*/
        width: 87px;
        height: auto;
        margin-top: 0;
    }
    #Blockget-1 .content-text,
    #Blockget-2 .content-text,
    #Blockget-3 .content-text {
        padding: 6px 0 0 0;
    }
    .callout-text {
        padding: 0;
    }
    .callout-title {
        padding: 0;
    }
    #main-content-wapper .hero-1 {
        margin: -5px 0 0;
    }
    .col.col-1of3.col-num-1 .callout-block {
        border-right: 0;
    }
    .col.col-2of3.col-num-2 .callout-block {
        border-right: 0;
    }
    .col.col-3of3.col-num-3 .callout-block {
        border-bottom: 0;
    }
    .module-simple-container.xulane-patch .callout-block {
        min-height: 0;
    }
    .arranged-content.patch-facts .ac-graphic {
        padding: 20px 0 0;
        display: table;
    }
    .frame-1-col.patch-match {
        padding: 70px 0 10px;
        margin-bottom: 35px;
    }
    .frame-1-col.patch-match .patch-match-contentblock {
        box-sizing: border-box;
        padding: 0 10px;
    }
    .frame-1-col.patch-match .patchmatch-bottom-content {
        padding: 0 10px;
    }
    .frame-1-col.patch-match .patch-match-contentimage img {
        margin: 10px 0 0;
    }
    .frame-1-col.patch-match .container-two-column .col.col-1of2.col-num-2 .callout-block {
        border-bottom: 0;
    }
    .frame-1-col.patch-match .container-two-column {
        margin: 20px 0 10px;
    }
    .module-simple-container.xulane-patch .arrow_box::after,
    .module-simple-container.xulane-patch .arrow_box::before {
        top: -21px;
    }
    ul.bullet-default {
        padding: 0 0 0 20px;
    }
    .dotted-line {
        margin: 0;
    }
    .aboutlistitem.we-provide {
        width: 100%;
    }
    .aboutlistitem.we-provide .left {
        width: 100%;
    }
    .aboutlistitem.we-provide img {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .aboutlistitem.we-provide.last-child {
        margin-left: 0;
    }
    .symptoms-images.symptoms-aids {
        margin: 0 20px;
    }
    .symptoms-images.symptoms-hiv {
        margin: 0 20px;
    }
    .block1 .ac-content,
    .block2 .ac-content,
    .block3 .ac-content,
    .block4 .ac-content {
        height: auto;
        padding-right: 0;
    }
    .block1,
    .block3 {
        margin-left: 0;
    }
    .block1 img,
    .block2 img,
    .block3 img,
    .block4 img {
        width: 100%;
    }
    /*------------------------ columns ------------------------*/
    .container-two-column .inner {
        width: auto;
        margin: 0 0px;
    }
    .col-1of2 {
        width: 100%;
    }
    .faqitem ul li .inner {
        margin: 0px!important;
    }
    .container-two-column .col-num-1 {
        width: 100%;
        padding-left: 15px;
    }
    .col-num-1,
    .col-num-2 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .frame-1-col {
        padding: 0 10px;
    }
    .col .container-two-column .grid .col-num-1 {
        padding-top: 0;
    }
    .col3-greybox .col-1of3,
    .col3-greybox .col-2of3,
    .col3-greybox .col-3of3 {
        width: 33.3%;
    }
    .col.col-1of2.col-num-2 .aboutlistitem .left {
        padding-left: 0;
    }
    .col.col-1of2.col-num-1 .aboutlistitem .left {
        padding-left: 0;
        padding-right: 0;
    }
    .subHeader h4,
    .productDesc h4,
    .frame-1-col h4 {
        font-size: 18px;
    }
    /*======================== TABLE STYLE ========================*/
    .table-responsive {
        padding: 0 10px;
    }
    .table {
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 12px;
        line-height: 15px;
        width: 100%;
    }
    .table tbody {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .table tbody tr {
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #fff;
        width: 30%;
    }
    .table tbody tr td {
        min-height: 325px;
        display: block;
        margin: 0;
        text-align: center;
        border-bottom: 1px none;
    }
    table tr.tr0 td:last-child {
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0;
    }
    table tr td:last-child {
        border-bottom: 1px solid #64358c;
    }
    .table tbody tr.tr0 td {
        color: #fff;
        white-space: normal;
    }
    /*------------------------ Header ------------------------*/
    .fullnavbar .navarea nav ul {
        margin: 0;
        padding: 0;
    }
    .fullnavbar .navarea nav ul li {
        border-left: 1px solid #ccc;
        background: none;
        display: table-cell;
        padding: 0;
        width: 50%;
        vertical-align: middle;
    }
    .fullnavbar .navarea nav ul li:first-child {
        padding: 0;
    }
    .fullnavbar .navarea nav ul li a {
        display: block;
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }
    .fullnavbar .navarea nav ul li a img {
        display: inline-block;
    }
    .fullnavbar .navarea nav ul li a img {
        width: 10px;
        margin: 0 0 0 5px;
    }
    #header-content-wrapper #top-header li.GenericMicrosite-logo {
        /*display: none;*/
        background: none;
        padding: 0;
    }
    #top-header {
        /* background: url("/-/media/XulaneCom/Images/Common/background-bg.png") repeat-x;   */
    }
    .hero-1 {
        margin-bottom: 0;
    }
    .hero-1 .ac-content {
        padding-left: 20px;
    }
    .validation #top-header {
        height: 50px;
    }
    #header-container.validation #top-header {
        position: static;
    }
    #header-container.validation .validation_background {
        position: static;
    }
    #validation #header-content-wrapper {
        height: 100%;
    }
    .list-search {
        width: auto;
        padding-right: 50px;
        float: right !important;
    }
    .header-text-hcp {
        margin: 7px auto 0;
        padding-left: 5px;
        float: none;
    }
    .header-text-hcp .mobileText {
        text-align: center;
        color: #fff;
    }
    .header-text-hcp .mobileText h3 {
        font-size: 22px;
        color: #fff;
    }
    .header-text-hcp .mobileText p {
        font-size: 13px;
        margin-top: 5px;
    }
    #top-header ul li.GenericMicrosite-logo {
        margin-top: 6px;
        position: relative;
    }
    .hero-image {
        /*padding-top: 222px;*/
        padding-top: 0;
        padding-bottom: 0;
        background-color: #fff;
        display: block;
    }
    #main-content-wapper {
        padding: 0;
    }
    .hero-image.blue-bg {
        border-bottom: 5px solid #00b4e5;
    }
    .hero-image.blue-bg img {
        display: block;
    }
    .carousel-links {
        left: 35px;
        position: absolute;
        top: 165px;
    }
    .search.mobile,
    .search.mobile .search {
        display: block;
    }
    .search.mobile {
        margin-left: 0;
        width: auto;
    }
    .search.mobile li {
        width: 30px;
        height: 30px;
    }
    ul.social-media {
        width: 150px;
        text-align: left;
        padding-left: 15px;
        margin-top: 5px;
    }
    .search.desktop,
    .search.desktop .search {
        display: none;
    }
    .flag {
        margin-top: 5px;
        margin-right: 10px;
    }
    .flag img {
        width: 25px;
    }
    .country {
        margin-top: 8px;
        margin-right: 10px;
    }
    .desktopText {
        display: block;
        margin-top: 20px;
        text-align: center;
    }
    .desktopText a {
        display: block;
    }
    .header-text-report.mobile {
        display: block!important;
        text-align: left;
        float: none;
        margin-right: 0;
        padding-top: 5px;
    }
    .desktopText,
    .desktopText a:link,
    .desktopText a:visited,
    .header-text-report.mobile a:visited {
        color: #fff;
    }
    .header-text-report a {
        border-right: 0;
    }
    .fullnavbar .navarea nav ul .column-1 li:last-child {
        border-right: 0;
    }
    .fullnavbar .navarea nav ul li:first-child a {
        padding: 0;
    }
    /*------------------------ Navigation ------------------------*/
    .header-mylan-logo,
    .header-text-report,
    /*.country, .flag, */
    .sirdupla-logo/* .search, span.desktopText */
    {
        display: block !important;
    }
    /* 
    #header-container {
	    left: auto !important;
	    margin-left: auto !important;
	    position: relative !important;
  
    } */
    /*#header-content-wrapper {
	    width: 96%;
    }*/
    .table-responsive {
        display: none;
    }
    .table-image.isMobile {
        display: block;
        padding: 0 20px;
    }
    .table-image.isMobile img {
        max-width: 100%;
    }
    .isMobile.isActive-mobile-menu {
        display: block!important;
    }
    #mobile-menu-box {
        display: block;
        float: left;
        position: relative;
        left: 0%;
        background-color: #fff;
        width: 100%;
        overflow: hidden;
        padding: 0;
        z-index: 999999;
        top: 0px;
    }
    .menu-list {
        height: auto;
    }
    .nav-main.logo {
        padding: 9px 0 0 14px;
    }
    .menu-icon {
        width: 80%;
    }
    #mobile-menu-box div>ul>li.nav-main {
        width: 89%;
        margin: 0 auto;
    }
    #mobile-menu-box div>ul>li.nav-main>span {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 14px 0;
        font-size: 22px;
    }
    #mobile-menu-box div>ul>li.nav-main.logo {
        display: none;
    }
    #mobile-menu-box ul {
        padding-bottom: 0px;
    }
    #mobile-menu-box div>ul {
        height: calc(100vh - 37vh);
        overflow-y: auto;
        transform: translate(0, 0);
    }
    .nav-main sup {
        font-size: 50%;
    }
    .nav-main:after {
        content: "";
        display: block;
        height: 0;
        margin: 0;
    }
    li.nav-main:last-child::after {
        border-top: 0 none;
        margin: 0;
    }
    li.nav-main:last-child {
        border-bottom: 0px solid #ee7467;
        border-top: 0 none;
    }
    #mobile-menu-box ul.sub-menu li a {
        text-decoration: none;
    }
    #mobile-menu-box ul.menu-list>li>a {
        font-weight: 600;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 7px 0;
        font-size: 16px;
    }
    #mobile-menu-box ul.sub-menu>li {
        padding: 7px 0px 7px 27px;
    }
    #mobile-menu-box ul.sub-menu>li>a {
        font-weight: normal;
        border-top: 0px solid #fff!important;
    }
    #mobile-menu-box ul.sub-menu>li ul.sub-2menu {
        padding-top: 5px;
    }
    #mobile-menu-box ul.sub-menu>li ul.sub-2menu li a {
        border-top: 0px solid #fff!important;
        padding: inherit;
        padding-left: 20px;
    }
    /*------------arranged content components-------------*/
    .frame-1-col.patch-match .ac-graphic .isDesktop {
        display: none;
    }
    .frame-1-col.patch-match .ac-graphic .isMobile {
        display: block;
    }
    .frame-1-col.patch-match .ac-graphic .isMobile img {
        width: 100%;
    }
    .image-right-content-left {
        display: block;
        margin: 0 20px;
    }
    .image-right-content-left .ac-content {
        display: block;
        width: 100%;
        vertical-align: top;
        padding-right: 20px;
    }
    .image-right-content-left .ac-graphic {
        display: block;
        width: 100%;
        vertical-align: bottom;
        text-align: left;
    }
    .image-right-content-left .ac-graphic img {
        width: 100%;
    }
    .dotted-line.margin-auto {
        margin: 5px 20px;
    }
    .aboutlistitem.liver-disease .left,
    .aboutlistitem.liver-disease .left img,
    .aboutlistitem.liver-disease-lastchild .left,
    .aboutlistitem.liver-disease-lastchild .left img {
        width: 100%;
    }
    /*-----------------Carousel for 3 images----------*/
    .module-bxslider {
        padding: 0 15px;
    }
    .aboutheader h3,
    .caption h3,
    .subHeader h3,
    .callout-text h3,
    .module-contentblock h3,
    h3.aboutheader,
    .productDesc h3 {
        font-size: 22px;
    }
    .arranged-content.use-patch-calendar.image-center-content-above {
        margin-left: 0;
    }
    /*============= MOBILE STYLES PER PAGE ===============*/
    /*Home*/
    #main-content-wapper .col3-greybox .inner .grid .callout-block .callout-text p {
        font-size: 16px;
    }
    .col3-greybox .callout-text {
        padding-left: 3px;
        padding-right: 3px;
    }
    .col3-greybox .inner .grid .callout-block {
        padding: 20px 0 20px;
        height: 170px;
    }
    /*meet page*/
    #Blockget-1 .wrapper,
    #Blockget-2 .wrapper,
    #Blockget-3 .wrapper {
        display: table;
    }
    #Blockget-1 .callout-img,
    #Blockget-2 .callout-img,
    #Blockget-3 .callout-img {
        display: table-cell;
        vertical-align: middle;
    }
    #Blockget-1 .callout-title,
    #Blockget-2 .callout-title,
    #Blockget-3 .callout-title {
        display: table-cell;
        vertical-align: middle;
    }
    .callout-title h4 {
        font-size: 20px;
    }
    .callout-block .callout-text h3 span.red-txt {
        font-size: 23px;
        font-weight: normal;
        border-bottom: 2px solid #f1666e;
        line-height: 33px;
    }
    .callout-block .callout-text h3 span.red-txt:hover {
        border-bottom: 2px solid #498b2a;
    }
    ul.bullet-green {
        margin-bottom: 0;
    }
    .module-contentblock {
        margin: 0;
    }
    .arranged-content.use-patch-calendar.image-center-content-above .ac-graphic {
        margin: 0;
        margin-top: 30px;
        text-align: center;
    }
    .arranged-content.use-patch-calendar.image-center-content-above {
        margin: 0 0 15px 0px;
    }
    .page-frame .accordion.type-d .container-two-column .inner .callout-img {
        height: 206px;
        width: 50%
    }
    .arranged-content.patch-facts .ac-graphic .caption span.red-txt a {
        border-bottom: 2px solid #f1666e;
        font-size: 23px;
        font-weight: normal;
        margin-left: 0;
    }
    .arranged-content.patch-facts .ac-graphic .caption span.red-txt a:hover {
        color: #498b2a;
        border-bottom: 2px solid #498b2a;
    }
    .arranged-content.patch-facts.image-center-content-above .productDesc {
        border-bottom: 1px solid #cdcdcd;
    }
    .arranged-content.patch-facts.image-center-content-above .ac-graphic {
        /*width: auto;*/
        border-top: 0;
    }
    .arranged-content.patch-facts .ac-graphic img {
        width: 60px;
        height: 60px;
        display: block;
        margin: 0;
        margin-left: 5px;
    }
    .arranged-content.patch-facts .caption {
        padding-left: 27px;
    }
    /*-------Search----------------*/
    .search-results h3 {
        margin-top: 200px;
    }
    /*--------------Public Home----------------*/
    .callout-img img {
        max-width: 100%;
        width: 60px;
        height: 60px;
    }
    .callout-vertical {
        min-height: 300px;
        background-size: 15%;
    }
    .callout-left,
    .callout-right .callout-single {}
    .validation_message {
        font-size: 24px;
        margin-left: 50px;
        margin-right: 50px;
        padding-bottom: 30px;
        text-align: left;
    }
    .validation_wrapper div {
        min-height: 130px;
    }
    #validation .list-block3 {
        display: none;
    }
    .validation_message {
        font-size: 20px;
        margin-left: 30px;
        margin-right: 30px;
        padding-bottom: 30px;
        text-align: left;
    }
    .validation_text2 {
        font-size: 18px;
    }
    .validation_message {
        padding-top: 30px;
    }
    .validation_wrapper {
        margin: 0 30px;
    }
    .validation_wrapper div {
        min-height: 130px;
    }
    .validation_background {
        top: 85px;
        margin-top: 0px;
    }
    #number-text>div>p {
        word-wrap: break-word;
    }
    /*use the patch page*/
    .patch11 .callout-img {
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .patch11 .callout-text {
        line-height: 36px;
    }
    .pict-style .callout-img img {
        width: auto;
        height: auto;
    }
    #bottom-bar .ISI-link {
        margin-top: -8px;
    }
    #bottom-bar .ISI-link a {
        font-size: 11px;
    }
    #bottom-bar .safety-info {
        display: block;
        position: absolute;
        top: 5px;
    }
    #bottom-bar .black-frame {
        margin-top: 15px;
    }
    /*---------------------rotator----------------------------*/
    .rotator-wrapper_interior {
        overflow: hidden;
        position: relative;
    }
    ol.rotator-items li {
        margin-right: 2%;
    }
    .rotator-next {
        right: 1%;
    }
    .rotator-prev {
        left: 1%;
    }
    .hdg {
        font-size: 22px;
    }
    /*------------------------ Footer ------------------------*/
    .footer-left {
        max-width: 100%;
        text-align: left;
        padding-top: 25px!important;
    }
    .footer-right>a {
        float: none;
        text-align: center;
    }
    .footer-right img {
        width: 160px;
        margin-bottom: 0px;
    }
    .app-buttons {
        display: block;
    }
    .app-buttons li {
        display: block;
        padding-bottom: 15px;
        padding-right: 0;
    }
    .footer-right .app-buttons img {
        margin-bottom: 0;
        width: 140px;
        height: auto;
    }
    .green-txt.centered {
        display: block;
        text-align: center;
    }
    #main-content-wapper .footer-left p,
    #main-content-wapper p.less-space {
        line-height: 16px;
    }
    .sitemap-frame {
        padding-top: 100px;
    }
    .sitemap-frame .aboutheader {
        margin-top: 133px;
    }
    .row .spacing {
        padding-top: 20px;
    }
    .alternated_text h3 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .callout-pdf-notitle.callout-block.callout-full-width .callout-text {
        padding-bottom: 20px;
    }
    .callout-full-width .callout-text {
        font-size: 14px;
    }
    .empty-subtitle {
        margin-bottom: 30px;
    }
    #interstitial_external .right {
        float: none;
        position: relative;
        margin-left: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .interstitial .window .caption {
        padding-top: 10px;
    }
    /* --------------testimonial pop-up--------------------*/
    .interstitial.self-cert-interstitial .window {
        width: 90%;
    }
    .interstitial.self-cert-interstitial .right {
        margin-left: 22%
    }
    /* --------------leave site pop-up--------------------*/
    #interstitial_external .right {
        margin-bottom: 10px;
    }
    #pharmacies .sub-headline h2 {
        margin: 20px 0px 20px 0px;
    }
    ul.pressrelease {
        margin-top: 20px;
    }
    .faqitem:first-child {
        margin-top: 20px;
    }
    .search .placeholder-text,
    .search .placeholder-text2 {
        font-size: 16px!important
    }
}


/* (min-width: 320px) and */

@media screen and (max-width:380px) {
    #aboutsection {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #aboutsection .inner .grid .col {
        min-height: 280px!important;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #aboutsection .inner .grid .col-num-2 {
        min-height: 355px!important;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #aboutsection .inner .grid .col .fat-callout {
        padding-bottom: 25px;
    }
    .litable .licell .li_leftbox img {
        width: 30%!important;
        max-width: 158px;
        height: auto!important;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width:381px) and (max-width:767px) {
    #aboutsection {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #aboutsection .inner .grid .col {
        min-height: 280px!important;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #aboutsection .inner .grid .col-num-2 {
        min-height: 320px!important;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    #aboutsection .inner .grid .col .fat-callout {
        padding-bottom: 25px;
    }
    .litable .licell .li_leftbox img {
        width: 30%!important;
        max-width: 158px;
        height: auto!important;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width:991px) {
    #infographicslist .grid {
        flex-direction: column;
    }
    #aboutsection .inner .grid .col .fat-callout {
        min-height: 300px;
    }
    .searchBar.search-module {
        top: 20px;
    }
    #header-container {
        min-height: auto;
    }
    #mobile-menu-button {
        display: block!important;
    }
    #mobile-menu-box div>ul>li.nav-main.menu-item-has-children.active:after {
        content: "\f068";
    }
    #mobile-menu-box div>ul>li.nav-main.menu-item-has-children:after {
        content: "\f067";
        font-family: "FontAwesome";
        right: 0px;
        top: 0;
        position: absolute;
        padding: 10px;
        font-size: 14px;
        cursor: pointer;
        color: #8c7f77;
        z-index: 99;
        height: 33px;
    }
    #mobile-menu-box ul.menu-list li.nav-main a {
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        border-top: 1px solid #eee;
        color: #8c7f77;
    }
    #mobile-menu-box ul.menu-list>li.active>a,
    #mobile-menu-box .sub-menu.mobile-sub-menu>li:hover>a,
    #mobile-menu-box .sub-menu.mobile-sub-menu>li.active>a,
    #mobile-menu-box ul.sub-2menu li.active a,
    #mobile-menu-box ul.sub-2menu li:hover a {
        color: #594F48;
    }
    #mobile-menu-box div>ul>li.nav-main {
        text-align: left;
        list-style-type: none !important;
        position: relative;
        width: 93%;
    }
    #mobile-menu-box div>ul>li.nav-main.logo {
        display: none;
    }
    #mobile-menu-box ul.sub-menu li a {
        text-decoration: none;
    }
    #mobile-menu-box ul.sub-menu>li {
        padding: 0px 0 0 27px;
    }
    .isMobile.isActive-mobile-menu {
        display: block!important;
    }
    .list-search,
    .list-block3 {
        display: block!important;
    }
    .search-module .search {
        visibility: visible;
        margin-right: 50px;
    }
    #searchForm .submit {
        right: 46px;
    }
    #header-content-wrapper #top-header {
        height: auto;
    }
    #mobile-menu-button {
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 15px;
        width: 30px;
        height: 26px;
        background: url(../images/drop-menu.png) no-repeat;
        top: 25px;
        z-index: 99
    }
    .list-block3 {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #header-content-wrapper {
        display: block;
        min-height: auto;
    }
    #nav-menu,
    ul#nav {
        display: none
    }
    .rotator-bar {
        overflow: visible;
    }
    #nav-menu #nav li .subnav-hover li {
        position: relative;
        max-width: 200px;
    }
    #infographicslist .col-1of3,
    #infographicslist .col-2of3,
    #infographicslist .col-3of3 {
        margin: 15px auto;
    }
    #site-wapper {
        top: 65px!important;
    }
    #discover-links .productDesc ul li,
    #discover-links a,
    #discover-links a:active,
    #discover-links a:focus,
    #discover-links a:hover {
        width: 50%;
        float: left;
        min-height: 150px;
    }
    .three_column_center {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .panel_heading h3 {
        font-size: 30px;
    }
    .three_column_center .col {
        padding: 20px 15px!important;
    }
    .navigation-content {
        max-width: 80%;
    }
    #discover-links .productDesc ul li {
        display: inline-block;
        width: 50%;
        float: left;
        position: relative;
        min-width: 100px;
        padding: 15px;
        min-height: 160px;
    }
    #evidence .fat-callout .text-center img {
        max-width: 245px;
    }
    #evidence .col:first-child {
        padding: 0px!important;
    }
    #evidence .col:last-child {
        padding: 0px!important;
    }
    #evidence .col:nth-child(2) {
        padding: 0!important;
    }
    .white_space {
        max-height: 100px
    }
    .col-1of3,
    .col-2of3,
    .col-3of3 {
        width: 100%;
    }
    #evidence .fat-callout {
        margin: 0!important;
        margin-bottom: 30px!important;
        min-height: auto;
    }
    #aboutsection .inner .grid .col {
        min-height: 280px!important;
        margin-bottom: 30px;
    }
}

@media (min-width:560px) and (max-width:750px) {
    .carousel-inner>.item>img {
        margin-top: 7%;
    }
    .hero-image img {
        margin-top: 9%;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .litable .licell {
        min-height: 433px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .litable .licell {
        min-height: 275px;
    }
}

@media (min-width:481px) and (max-width:960px) {
    .white_space {
        max-height: 90px
    }
    .footer-right>a {
        float: right;
        text-align: center;
    }
}

@media (min-width:417px) and (max-width:596px) {
    ol.rotator-items {
        min-height: 210px!important;
    }
}

@media (min-width:320px) and (max-width:417px) {
    ol.rotator-items {
        min-height: 277px!important;
    }
}

@media (max-width:480px) {
    .fullfooter .footer-left {
        padding: 0 15px;
    }
    #site-wapper {
        top: 110px!important;
    }
    .about .subHeader {
        font-size: 30px;
    }
    #product-bottom-section .productDesc a {
        float: none;
        margin: 15px auto;
    }
    .white_space {
        max-height: 90px
    }
    .footer-right>a {
        float: right;
        text-align: center;
    }
    .footer-right img {
        width: 160px;
        margin-bottom: 0px;
        padding: 10px;
    }
    .fullfooter .inner {
        flex-direction: column;
    }
}

@media (min-width:1630px) {
    .white_space {
        width: 23%;
    }
}


/*--------end mobile horizontal main styles--------------*/

@media (max-width:767px) {
    #product-mid-section.two_product .productDesc {
        max-width: 100%;
    }
    #aboutsection .inner .grid .col .fat-callout {
        min-height: auto;
    }
    #aboutsection .inner .grid .col .fat-callout .inner .copy .caption {
        padding-bottom: 40px;
    }
    .fullfooter .footer-left p br {
        display: none;
    }
    .fullfooter .footer-right {
        padding-top: 0;
    }
    #product-mid-section .productDesc a {
        margin-bottom: 20px;
    }
    #product-mid-section .productDesc a:last-of-type {
        margin-bottom: 0;
    }
    #product-mid-section .productDesc {
        flex-direction: column;
    }
    .search-module .search {
        margin-right: 0px;
    }
    #searchForm .submit {
        right: 6px;
    }
    .searchBar.search-module {
        top: 0px;
    }
    #product-bottom-section .productDesc a {
        float: none;
        margin: 15px auto;
    }
    .interstitial .window {
        max-width: 90%;
    }
    #contactform {
        width: 100%;
    }
    .interstitial .window .inner .left {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0px;
    }
    .interstitial .window .inner .right {
        display: block;
        float: none;
    }
    .content-with-floated-image .img-column {
        width: 50%;
        float: none;
        margin-bottom: 20px;
        margin: 0 auto;
        text-align: center;
    }
    .content-with-floated-image .img-column .right {
        float: left;
    }
    .content-with-floated-image .caption {
        width: 100%;
        float: left;
    }
    .content-with-floated-image .caption ul {
        margin-bottom: 0px!important;
    }
    .infograph-section .heading .subHeader {
        font-size: 24px;
        line-height: 28px;
    }
    .aboutlistitem.container.text-center .subHeader {
        font-size: 28px;
    }
    .three_column_center {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #product-mid-section {
        max-height: 100%;
    }
    .navigation-content a {
        display: none;
    }
    .navigation-content img {
        width: 100%!important;
        margin: 0 auto;
        display: block;
        max-width: 100px;
        max-height: 240px;
        height: auto;
    }
    .ProductNavigation.absortbents .navigation-content img {
        max-width: 260px!important;
        width: 80%!important;
        top: 55px;
        margin-left: 30px;
    }
    #discover-links .productDesc ul li,
    #discover-links a,
    #discover-links a:active,
    #discover-links a:focus,
    #discover-links a:hover {
        width: 100%;
    }
    .three_column_center .col {
        padding: 15px!important;
    }
    .panel.image {
        display: none;
    }
    .panel_heading h3 {
        padding-left: 15px;
    }
    .top-header .GenericMicrosite-logo img {
        max-width: 120px
    }
    .rotator-hdg>h2 {
        font-size: 30px;
        margin: 0px 0px 5px 0px;
    }
    .rotator-hdg-sub h5,
    .rotator-hdg-sub {
        font-size: 18px;
        padding: 0 15px;
        line-height: 1.4;
    }
    #evidence .fat-callout {
        margin: 0!important;
        margin-bottom: 30px!important;
    }
    #contact_fullbox {
        font-family: 'Open Sans', sans-serif;
        line-height: 1.4;
        min-height: 400px;
    }
    #searchForm .submit:after {
        content: "";
        font-family: 'FontAwesome';
        position: absolute;
        left: 8px;
        /* top: 11px; */
        color: #000;
        font-size: 16px;
        background-image: url(../images/search.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 27px;
        height: 26px;
    }
    #glossary_text .subHeader h1.block-title,
    #glossory_text .subHeader h2 {
        font-size: 24px;
        font-family: 'Open Sans', sans-serif;
        margin: 20px 0px 10px 0px;
        padding: 0px;
    }
    .litable .licell h2.product_title {
        font-size: 20px;
        text-align: left;
        color: #323232;
        margin: 0px 0px 25px 0px;
        padding: 0px;
    }
    h2 {
        font-size: 20px;
    }
    #glossary_text .sort_desc h2.glossary-letter {
        margin-top: 0px!important;
        border-bottom: 1px solid;
        border-color: rgba(43, 43, 43, 0.5);
        padding: 7px 0px;
        line-height: 30px;
        font-size: 30px;
    }
    #innerpage .subHeader h2,
    #fullbox_left .subHeader h2,
    #image_box .subHeader h2 {
        font-size: 20px;
        margin-top: 0px;
    }
    .basics_heading {
        font-size: 24px!important;
        margin-top: 30px!important;
    }
    #main-content-wapper .footer-left p,
    #main-content-wapper p.less-space {
        line-height: 16px;
        padding: 0;
    }
    #site-wapper {
        /* width: 100%; */
        border-top: none;
    }
    .interstitial .window .caption {
        font-size: 14px;
        padding: 0px;
    }
    .litable .licell .product_title a sup {
        top: -12px!important;
    }
    .litable .licell .li_rightbox p sup {
        top: -8px!important;
    }
    #aboutsection .inner .grid .col .fat-callout .inner .copy .caption sup {
        top: -10px!important;
    }
    #innerpage .productDesc sup {
        top: -.5em !important;
    }
    sup {
        top: -12px!important;
    }
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        min-height: auto;
    }
    .litable .licell:last-child {
        margin-left: 0px;
        margin-right: 0px;
    }
    #top-header ul li.GenericMicrosite-logo {
        width: 40%;
        max-width: 120px;
    }
    #header-content-wrapper #top-header {
        padding: 0;
        float: none;
        width: auto;
    }
    .list-search,
    .list-block3,
    #header-content-wrapper #top-header li.list-search {
        display: block!important;
    }
    .carousel-indicators {
        bottom: -15px;
    }
    ol.rotator-items li {
        width: 95%;
    }
    .carousel-inner>.item {
        height: auto;
    }
    /* .social_list li a{width: 25px; height: 25px;     background-size: 100%;    background-repeat: no-repeat;} */
    .carousel-inner>.item {
        min-height: auto!important;
    }
    .carousel-inner>.item img {
        min-height: auto!important;
    }
    .col-1of3,
    .col-2of3,
    .col-3of3 {
        width: 100%;
    }
    #glossary_text .subHeader .sort_block a {
        font-size: 14px;
    }
    #innerpage .subHeader h5 {
        font-size: 20px;
    }
    #fullbox_left .productDesc .note_line {
        font-size: 18px;
        margin-bottom: 15px;
    }
    /* #fullbox_left .subHeader h2{font-size: 28px;} */
    .litable .licell {
        width: 100%;
        display: table;
        min-height: 10px;
        margin: 7px 0;
    }
    #glossary_text .subHeader .block-txt {
        font-size: 16px;
    }
    #fullbox_left .productDesc .note_line {
        line-height: 18px;
    }
    #fullbox_left .productDesc p,
    #fullbox_left .productDesc,
    #fullbox_left .productDesc ul li {
        font-size: 15px;
    }
    #fullbox_left .productDesc ul {
        margin: 0px 0px 20px 20px;
    }
    .hero-image .slogn_box {
        font-size: 36px;
        left: 2%;
    }
    #innerpage .subHeader,
    #innerpage .productDesc {
        width: 100%;
        font-size: 15px;
    }
    #product_box .caption h4,
    #product_box .caption ul li,
    #product_box .caption p {
        font-size: 15px;
    }
    #product_box .caption h4 {
        font-size: 18px;
    }
    #product_box .caption h1 {
        font-size: 30px;
        padding-top: 15px;
    }
    #image_box .subHeader h2 {
        font-size: 20px;
    }
    #product_box .img-column {
        width: 100%;
        float: none;
        text-align: center;
    }
    #product_box .img-column img {
        float: none!important;
        max-width: 105px;
    }
    #product_box .caption {
        width: 100%;
        float: none;
        text-align: left;
    }
    .rotator-hdg-sub h5 {
        font-size: 18px;
        padding: 0 15px;
        line-height: 1.4;
    }
    #nav-menu {
        display: none;
    }
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        height: auto;
        min-height: auto;
    }
    #header-content-wrapper #top-header li.GenericMicrosite-logo {
        margin-left: 15px;
    }
    #header-content-wrapper #top-header {
        height: auto;
    }
    #mobile-menu-button {
        cursor: pointer;
        position: absolute;
        bottom: 0;
        right: 15px;
        width: 30px;
        height: 26px;
        background: url(../images/drop-menu.png) no-repeat;
        top: 15px;
    }
    .list-block3 {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .search .placeholder-text {
        width: 100%;
        font-size: 16px!important;
        border-radius: 0px;
        background-color: #fff;
    }
    /* #searchForm .submit{bottom:-8px;} */
    .searchBar.search-module {
        height: 35px;
        position: relative;
        z-index: 9999;
        display: block;
        margin-bottom: 15px;
        right: 0px;
        left: 0;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #site-wapper {
        width: 100%;
    }
    #header-content-wrapper {
        width: 100%;
        padding: 0px;
        /*border-bottom: 4px solid #c7c0b8*/
    }
    .carousel-inner .item p,
    .hero-image p {
        font-size: 28px!important;
        left: 4%;
        line-height: 30px;
    }
    #main-content-wapper h2.text-center {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .rotator-hdg>h2 {
        font-size: 30px;
        margin: 0px 0px 5px 0px;
    }
    .footerbar,
    .copyright {
        text-align: center;
    }
    .footerbar li a {
        font-size: 12px;
    }
    /* #aboutsection .inner .grid .col{margin-bottom: 30px;} */
    .fullfooter .footer-left {
        width: 100%;
    }
    .fullfooter .footer-right {
        width: 50%;
        text-align: center;
    }
    .fullfooter {
        margin-top: 20px;
    }
    /* #site-wapper{margin-top: 30px;} */
}

@media (min-width:1025px) and (max-width:1199px) {
    #aboutsection .inner .grid .col {
        min-height: 331px;
        position: relative;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .hero-image .slogn_box {
        font-size: 44px;
    }
    .searchBar.search-module {
        bottom: 50%;
    }
    #nav-menu {
        margin: 0px;
        width: 100%;
        padding: 0px;
    }
    #header-content-wrapper #top-header {
        width: 110px;
    }
    .carousel-indicators {
        bottom: 0px;
    }
    .carousel-inner>.item {
        height: auto;
    }
    #main-content-wapper h2.text-center {
        margin-top: 20px;
    }
    #product_box .img-column img {
        max-width: 135px;
    }
    .carousel-inner .item p,
    .hero-image p {
        position: absolute;
        left: 4%;
        font-size: 40px!important;
        font-family: 'Open Sans', sans-serif!important;
        font-weight: bold;
        line-height: 50px
    }
    #aboutsection .inner .grid .col {
        min-height: 380px;
        margin-bottom: 30px;
    }
    .rotator-hdg>h2 {
        margin: 15px 0px 20px 0px;
    }
    #aboutsection {
        margin-bottom: 9px;
    }
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        min-height: auto;
        height: auto;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .litable .licell .li_rightbox {
        float: none;
        width: 100%;
        text-align: left;
    }
    .litable .licell .li_leftbox {
        float: none;
        width: 50%;
        text-align: center;
        margin-bottom: 10px;
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 641px) {
    .btnfooterNote a {
        cursor: default;
    }
    #form-note {
        width: 130% !important;
    }
}

@media (max-width: 610px) {
    div .multiColumn.twoColumn {
        height: 120px;
    }
}

@media (max-width: 580px) {
    .callout-vertical {
        min-height: 300px;
        background-size: 20%;
    }
    .callout-link {
        padding-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .interstitial {
        top: 35%;
    }
    div .multiColumn.twoColumn {
        height: 150px;
    }
    .module-simple-container.xulane-brochure .productDesc h3 {
        font-size: 20px;
    }
    .module-simple-container.xulane-brochure {
        padding: 22px 25px 0 38px;
    }
}

@media (max-width: 430px) {
    .news-summary-list .pressrelease .date-pressrelease {
        text-align: left;
        float: none;
        padding-left: 0px;
        border-left: 0px solid #ccc;
        margin-bottom: 0px!important;
    }
}


/*-----------------------VERTICAl Mobile-------------------*/

@media (max-width: 430px) {
    #ThreeColumnContainer>.inner>.grid>.col-1of3.col-num-1 {
        margin-right: 17px !Important;
    }
    #ThreeColumnContainer>.inner>.grid>.col-2of3.col-num-2 {
        margin-right: 17px !Important;
    }
    .accordion.type-d .handle h3 {
        font-size: 14px;
        font-weight: normal;
    }
    .page-frame .accordion.type-d .container-two-column .inner .callout-img {
        width: 100%;
    }
    .module-contentblock h3 {
        font-size: 22px;
    }
    #bottom-bar .ISI-link {
        position: absolute;
        top: 10px;
    }
    #bottom-bar .safety-info {
        display: block;
        position: absolute;
        top: 25px;
    }
    #bottom-bar .black-frame {
        margin-top: 30px;
    }
    /*======================== TABLE STYLE ========================*/
    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 6px;
    }
    /*======================== END TABLE STYLE ========================*/
    .validation_background {
        height: 380px;
    }
    .callout-vertical {
        min-height: 250px;
        background-size: 22%;
    }
    /*-------dynamic chart----------*/
    ul.bar-value {
        left: -23px;
    }
    .line-wrap {
        width: 230px;
        margin-left: 70px;
    }
    .Cost-Calculator-Wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }
    .callout-hcp .arrow .callout-block {
        padding-bottom: 0;
    }
    .arrow .callout-title {
        height: 70px;
    }
    .main-content-wapper .alternated_text h3,
    .row {
        padding-left: 10px;
        padding-right: 10px;
    }
    .main-content-wapper .alternated_text h3 {
        margin: 0 10px;
    }
    .alternated_text h3 {
        margin: 0 10px;
    }
    .row .spacing {
        padding-top: 20px;
    }
    .top1 .callout-title.gray {
        padding-left: 10px;
    }
    .callout-full-width .callout-text {
        padding-left: 10px;
        font-size: 14px;
    }
    .content-full-width {
        margin: 20px;
    }
    .callout-pdf-notitle.callout-block.callout-full-width .callout-text {
        padding-bottom: 20px;
    }
    .wrapper.callout-size .callout-title.gray {
        font-size: 20px;
        padding-left: 20px;
    }
    .callout-text {
        font-size: 14px;
    }
    div .multiColumn.twoColumn {
        height: 160px;
    }
    .social-icons {
        display: block;
    }
    .title {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding-top: 30px;
    }
    /*-----interstitial pop-up-------*/
    #interstitial_external.interstitial .left {
        width: 100%;
    }
    #interstitial_external.interstitial .right {
        float: left;
        margin-left: 0;
        width: 90%;
    }
    #interstitial_external p {
        font-size: 14px;
    }
    #interstitial_external.interstitial .window .inner {
        height: 400px;
    }
}

@media (max-width: 768px) {
    .leaders-list .inner ul li.cf .left {
        width: 100%;
        float: none;
        text-align: center;
    }
    .leaders-list .inner ul li.cf .right {
        width: 100%;
        float: none;
        text-align: left;
    }
    .leaders-list .inner ul li.cf .right .title {
        padding-top: 0px;
    }
}

@media(max-width:360px) {
    .infographics-content:hover p {
        top: 11em
    }
}