@media all and (max-width: 1060px) {
    .multiColumn.twoColumn {
        height: 90px;
    }
}
@media all and (min-width: 961px) {
    #mobile-menu-button {
        display: none;
    }
}
@media all and (max-width: 974px) {
    /*HEADER*/
    
    #header-container {
        z-index: 20;
    }
    #header-content-wrapper {
        max-height: 100%;
        width: 100%;
    }
    #site-wapper {
        width: 100%;
    }
    img {
        max-width: 100%
    }
    .symptoms-images img {
        max-width: 98%
    }
    .cookie-warning {
        max-height: 100%;
        width: 100%;
        left: auto;
        margin-left: auto;
    }
    .hdg {
        width: 26px;
        height: 26px;
        padding: 7px 8px 7px 8px;
    }
    .whiteLine {
        top: 30px;
        left: 10%;
    }
    .grid {
        margin: 0;
    }
    .inner {
        margin: 0 auto;
    }
    .col-2of2 .col-num-2 {
        width: auto;
    }
}
@media (min-width: 680px) and (max-width: 960px) {
    #interstitial_external .right {
        padding-left: 45%;
        box-sizing: border-box;
    }
    .sitemap-page{
        width: 100%;
    }
}
@media screen and (max-width: 680px) {
	.container-with-rail .icon-list-item .left{
		 width: 30%;
		 vertical-align: top;
	}
	.container-with-rail .icon-list-item .right{
		 width: 70%;
		 vertical-align: top;
	}
    .interstitial .right {
        margin-left: 0 !important;
        text-align: center;
        float: left;
    }
    .interstitial .right h2,
    .interstitial.self-cert-interstitial .right h2,
    #professional_exit_interstitial .window h2,
    #exit_interstitial .window h2,
    #register_interstitial .window h2,
    #copay_exit_interstitial .window h2 {
        text-align: center;
        margin-top: 20px;
        padding-bottom: 0;
    }
    .interstitial .btn,
    .interstitial .cancel,
    .self-cert-interstitial .btn-v2 {
        display: inline-block;
    }
    .interstitial .btn,
    .interstitial .cancel,
    .self-cert-interstitial .btn-v2 {
        margin-top: 0;
    }
    .interstitial .window .caption {
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .searchBar {
		width: 100%;
		position: relative;
		position: absolute;
		top: -8px;
	}
	.searchBar .inner {
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
		width: 100%;
	}
	.searchBar .inner #searchTextBox {
		width: 100%;
		height: 50px;
		padding: 10px;
		font-size: 12px;
		font-weight: 100;
		border: 0px;
		box-shadow: 0px 1px 7px 0px;
	}
	#CRMPopup .window .inner{
		width:100%;
	}
	
	.search-container{
		padding: 0 15px;
		width: 100%;
	}
}
/*------------------------ 3 Column Grey Box Styles ------------------------*/

@media (max-width: 788px) {
    .hero-image {
        padding-top: 150px;
    }
   .glyphicon-search{
        z-index: 999;
        cursor: pointer;
        display: block;
        text-align: center;
        padding: 20px 10px;
    }
    .searchBar{
        width: 100%;
        left : 0px;
    }
    .searchBar .inner{
        right: 15px;
    }
}
@media (max-width: 960px) {
    /*------------------------ Base Styles ------------------------*/
    
    body {
        padding-top: 0px;
    }
    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;
    }
    /*------------------------- OVERIDE -----------------------*/
    
	.container-with-rail .icon-list-item .left{
		 width: 15%;
		 vertical-align: top;
	}
	.container-with-rail .icon-list-item .right{
		 width: 85%;
		 vertical-align: middle;
	}
	.container-with-rail .icon-list-item{
		float: left;
		width: 100%;
	}
	.container-with-rail .icon-list-item .left img{
		padding-top: 15px;
	}
	
    .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: 0;
    }
    #bottom-bar,
    .dynwidth {
        width: 100%;
        padding: 0 15px;
        /*display: none;*/
    }
    #legal-right {
    float: right;
    width: 100%;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    }
    #legal-right > p {
        font-size: 11px;
    }
    #sitemap .sitemap-col {
        display: inline-block;
        line-height: 1em;
        padding: 0;
        vertical-align: top;
        max-width: 100%;
        width: 100%;
    }

    #sitemap .sitemap-col ul.mega-pane {
        padding-left: 0;
    }
    #legal-right > ul > li > a {
        font-size: 11px;
        }
    #sitemap .sitemap-col li {
        border-top: 1px solid black;
        width: 100%;
        margin: 0;
        padding: .5em 0;
        position: relative;
    }
    #sitemap {
        padding: 0;
    }
    #sitemap .dynwidth{
        padding:0;
    }
    .mega-head a {
        margin-left: 4px;
    }
    #sitemap ul li a {
        margin-left: 12px;
        display: block;
    }
    #sitemap .sitemap-col li {
        border-top: 1px solid black;
        width: 100%;
        margin: 0;
        padding: 8px 10px;
        position: relative;
    }
    .mega-handle {
        cursor: pointer;
        height: 30px;
        width: 30px;
        position: absolute;
        right: 4px;
        top: 1px;
        background: url(/Content/epipen/images/mega-arrow-dn.png);
    }
    #sitemap .sitemap-col > li a {
        font-family: "RalewayRegular";
        text-decoration: none;
        color: #E1DADA;
        font-size: 14px;
        display: block;
        padding-right: 24px;
    }
    #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: absolute;
        bottom: 0;
        right: 0;
    }
    .list-block3 {
        position: absolute;
    }
    .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;
    }

    #navsearch{
        position: fixed;
    right: 0px;
    top: -8px;
    width: 100%;
    display: block;
    left: 0px;
    height: 58px;
        padding: 6px 0 0 15px;
    font-size: 12px;
    font-weight: 100;
    border: 0px;
    box-shadow: 0px 1px 7px 0px;
    }

    /*.module-contentblock .row {
        padding: 0 5px;
    }*/
    /*#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 20px;
    }
    .col-1of2 {
        width: 100%;
    }
    .container-two-column .col-num-1 {
        width: 100%;
        padding-left: auto;
    }
    .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;
    }
    .col-1of3,
    .col-2of3,
    .col-3of3 {
        width: 100%;
    }
    .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 nav {
        width: 100%;
    }
    .fullnavbar .navarea nav ul {
        margin: 0;
        padding: 0;
        width: 100%;
        display: table;
    }
    .fullnavbar .navarea nav ul li {
        border-left: solid 1px #000;
        background: none;
        display: table-cell;
        padding: 0;
        width: 21%;
        vertical-align: middle;
        float: none;
    }
    .fullnavbar .navarea nav ul li:first-child {
        padding: 0;
        border-left: none;
    }
    .fullnavbar .navarea nav ul li a {
        display: block;
        width: 100%;
        padding: 5px 0;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        border-right: none;
    }
    .fullnavbar .navarea nav ul li:first-child a {
        border-left: none;
        padding: 0;
    }
    .fullnavbar .navarea nav ul li a img {
        display: inline-block;
    }
    .fullnavbar .navarea nav ul li a img {
        width: 10px;
        margin: 0 0 0 5px;
    }
    #top-header {
        background: none;
    }
    #site-wrapper {
        margin-top: 0px ! important
    }
    #header-content-wrapper #top-header {
        /*height: 128px;*/
        
        padding: 0;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        display: block;
        right: 0;
        top: -2px;
        z-index: -9;
    }
    .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: 0;
        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;
    }
    #header-content-wrapper #top-header ul {
        padding-left: 0;
        width: 100%;
        margin: 0;
        float: right;
    }
    #header-content-wrapper #top-header ul li.GenericMicrosite-logo {
        width: 234px;
        margin-top: 6px;
        position: relative;
        display: block;
        float: right;
        top: -5px;
    }
    .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;
    }
    #top-header li.list-block3 {
        display: inline-block;
        width: 50px;
        /* left: 0; */
        
        float: left;
        position: relative;
    }
    .search.mobile,
    .search.mobile .search {
        display: block;
    }
    .search.mobile {
        margin-left: 0;
        width: auto;
    }
    .search.mobile li {
        width: 30px;
        height: 30px;
    }
    /*social media mobile header*/
    
    ul.social-media {
        width: 150px;
        text-align: left;
        padding-left: 0;
        margin-top: 0;
    }
    .search.desktop,
    .search.desktop .search {
        display: none;
    }
    .search .placeholder-text {
        width: 190px;
    }
    .search-module .submit {
        /*left: 176px;*/
    }
    .search {
        margin-top: 0;
    }
    .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;
    }
    .top_logo img {
        height: 50px !important;
        width: auto;
    }
    /*------------------------ Logo ------------------------*/
    
    .top_logo {
        display: none;
    }
    /*------------------------ Navigation ------------------------*/
    
    #mobile-menu-button {
        cursor: pointer;
        position: absolute;
        top: 13px;
        left: 15px;
        width: 44px;
        height: 44px;
        background: url(/-/media/EpipenCom/assets/img/mobile-nav-icon-con.png) no-repeat;
        background-size: 100% auto !important;
    }
    .header-mylan-logo,
    .sirdupla-logo {
        display: none !important;
    }
    #header-container {
        left: auto !important;
        margin-left: auto !important;
        position: relative !important;
        display: block;
        top: initial;
        overflow: hidden;
    }
    #header-content-wrapper {
        width: 100%;
    }
    #nav-menu {
        display: none;
    }
    .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;
    }
    #mobile-menu-box {
        display: block;
        float: left;
        position: relative;
        top: 0;
        ;
        left: 0;
        background-color: #FFF;
        width: 100%;
        overflow: hidden;
        padding: 0;
        z-index: 1000;
        height: 100%;
    }
    #isi.fixedBot {
        z-index: 9;
    }
    .menu-list {
        height: auto;
        padding-left: 0;
        width: 95%;
        margin: 0 auto;
        border-bottom: solid 20px #fff;
    }
    .nav-main.logo {
        padding: 9px 0 0 14px;
    }
    .menu-icon {
        width: 80%;
    }
    #mobile-menu-box ul.menu-list li.nav-main a {
        /*padding: 10px 15px;*/
	padding: 0;
	height: 40px;
	line-height: 3;
        color: #8dc63f;
        border-bottom: 1px solid #e6efd1;
        font-size: 14px;
        text-align: left;
    }
    #mobile-menu-box > ul > li.nav-main {
        text-align: center;
        list-style: none;
        position: relative;
    }
    #mobile-menu-box > ul > li.nav-main.logo {
        display: none;
    }
    .nav-main sup {
        font-size: 50%;
    }
    /*.nav-main:after {
        content: "";
        display: block;
        height: 0;
        margin: 0;
        border-top: 1px solid #d1d1d1;
        -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
        -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.75);
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
    }*/
    
    li.nav-main:last-child::after {
        border-top: 0 none;
        margin: 0;
    }
    li.nav-main:last-child {
        /*border-bottom: 10px solid #ee7467;*/
        
        border-top: 0 none;
    }
    #mobile-menu-box ul.sub-menu {
        display: block;
        padding-left: 0;
    }
    #mobile-menu-box ul.sub-menu li a {
        text-decoration: none;
    }
    #mobile-menu-box ul.menu-list > li a {
        font-weight: bold;
        text-decoration: none;
        width: 100%;
        display: block;
        padding: 14px 0;
        /*font-family: 'Roboto Slab', serif;*/
    }
    #mobile-menu-box ul.menu-list li.hcp-link span a {
        font-size: 18px;
    }
    #mobile-menu-box ul.sub-menu > li {
        padding: 10px 0 0 0;
    }
    #mobile-menu-box ul.sub-menu > li > a {
        font-weight: normal;
    }
    .rotator-items {
        max-height: 73px !important;
    }
    .fullnavbar {
       /* height: 28px;*/
        position: relative;
        top: 0;
        margin-top: -3px;
        position: relative;
        width: 100%;
        top: -3px;
        height: auto;
        overflow:hidden;
    }
    .mega-handle.current {
    background: url(/Content/epipen/images/mega-arrow-up.png);
}
    #mobile-menu-box ul.menu-list li.nav-main ul.sub-menu li a {
        font-size: 12px;
        padding-top: 0;
    }
    /*.footnote{margin-left: 0 !important;}*/
    /*------------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;
    }
    .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;
    }
    .reference-section {
    padding: 10px 15px;
}
    .navarea {
        width: 100%;
    }
    .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;
        top: 222px;
        position: relative;
    }
    ol.rotator-items {
        padding-top: 65px;
    }
    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;
    }
    .footer-right {
        display: table-footer-group;
        text-align: right;
        margin: 0;
        padding-left: 0;
        padding-bottom: 20px;
    }
    .footer-right > a {
        float: none;
        text-align: center;
    }
    .footer-right img {
        width: 160px;
        margin-bottom: 0px;
    }
    .footer {
        background: #0099ff;
    }
    .footer .inner {
        padding-left: 0px;
        padding-bottom: 30px;
    }
    .footerbar {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .fullfooter .inner {
        padding-right: 10px;
        padding-left: 0;
        padding-bottom: 0;
        display: table;
        width: 100%;
    }
    ul .footerbar {
        text-align: center;
    }
    .footerbar li {
        list-style: none;
        float: none;
        text-align: left;
        display: block;
        width: 100%;
        margin-bottom: 10px;
        background: none;
        padding: 0;
    }
    .footerbar li a {
        margin: 0 auto;
        display: block;
        /*width: 80%;
        padding: 15px 0px;
        background: #4bcaeb;
        text-align: center;*/
    }
    .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;
    }
    .copyright {
        float: none;
        width: 100%;
        margin: 15px auto;
    }
    .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;
    }
    .remove-br-mobile br {
        display: none;
    }
    .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 .left img {
        width: 240px;
    }
    
    .interstitial.self-cert-interstitial .right {
        margin-left: 45%
    }
    /* --------------leave site pop-up--------------------*/
    
    #interstitial_external .right {
        margin-bottom: 10px;
    }
    /* --------------Custom css--------------------*/
    
    #home-text .col-md-6 {
        padding-left: 0;
    }
    /* p.footnote.small {padding-left: 15px;}*/
    
    #professional_exit_interstitial .window,
    #exit_interstitial .window {
        max-width: 90%;
    }
/*    .navarea nav ul li:nth-child(4),
    .navarea nav ul li:nth-child(5),
    .isi-visible-copy ul li:nth-child(2) {
        display: none;
    }*/
    .navarea nav ul li:nth-child(5){
            width: 10%;
    }
    #SideEffects {
        display: none;
        position: relative;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(29, 28, 28, 0.73);
        z-index: 1001;
    }
    #SideEffects ul.social-media {
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -62px;
        background: none;
        width: 155px;
    }
    #SideEffects ul li a {
        width: 42px;
        height: 42px;
    }
    #main-content-wapper .home-image {
        position: relative;
        margin-top: 0;
        display: none;
    }
    .self-cert-interstitial .btn-v2 {
        width: auto;
    }
    p.footnote.small.letterA {
        padding-left: 14px;
    }
    #register-btn {
        white-space: normal;
        font-size: 13px;
    }
    #register {
        width: 100%;
        text-align: center;
        display: block;
    }
    #main-content.home {
        position: relative;
        background-size: 130%;
        background-repeat: no-repeat;
        background-position: 100% 2px;
    }
    p#home-ref {
        padding-left: 0;
    }
    p.marg-sm-sm.footnote.small.letterA {
        margin-left: 0;
        padding-left: 6px;
    }
    #home-cont .home-text-wrap .home-text-table .home-text-cell {
        padding: 0;
    }
    #copay-btn {
        padding: 10px 15px;
    }
    #isi.fixedBot {
        z-index: 9;
    }
    .body-hidden {
        overflow: hidden!important;
        position: fixed;
    }
    .bx-wrapper .bx-pager {
        display: none;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 35%;
        z-index: 9;
    }
    .carousel-content {
        /*        bottom: 20%;
        left: 0;
        padding: 12px;
        width: 100%;
        top: initial;
        background: #fff;*/
        
        left: 0;
        padding: 12px;
        width: 100%;
        top: 40%;
        background: #fff;
    }
    .carousel-btn {
        position: relative!important;
    }
    .follow-up-text {
        padding-top: 15px!important;
    }
    .bxslide-content {
        min-height: 450px;
    }
    .inline-callouts .callout {
        width: 100%;
        min-height: auto;
        padding: 6px 0 15px 0;
        display: block;
    }
    .inline-callouts {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .bx-wrapper {
        margin: 0;
    }
    .fullfooter {
        margin-bottom: 0 !important;
    }
    .fullfooter .inner {
        padding-right: 0;
    }
    .inline-callouts .image {
        padding: 1% 4% 0 0;
        background: #fff;
        width: 39%;
        float: left;
    }
    .inline-callouts .col.col-1of4:hover {
        box-shadow: none;
    }
    .container-with-rail.wider-rail > .grid > .left {
        width: 100%;
    }
    .container-with-rail.wider-rail {
        width: 100%;
		padding : 0 20px;
    }
    .container-with-rail.wider-rail > .grid > .left {
        width: 100%;
        float: left;
    }
    .container-with-rail.wider-rail > .grid > .right {
        width: 100%;
        float: left;
    }
    .bx-wrapper {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .container-with-rail.wider-rail .inline-callouts .image {
        width: 100%;
    }
    .container-with-rail.wider-rail .video-list-item .left {
        width: 100%;
        max-width: 100%;
    }
    .container-with-rail .right {
        padding-left: 0;
    }
    .container-with-rail.wider-rail .video-list-item .right {
        padding-left: 0;
    }
    .container-with-rail.wider-rail > .grid > .left,
    .container-with-rail.wider-rail .video-list-item .left {
        padding-right: 0;
    }
    #zipcode {
        height: 46px;
    }
    #mobile-menu-box ul.sub-menu {
        display: none;
    }
    .container-with-rail.wider-rail > .grid > .right {
        padding-left: 0;
    }
    .container-with-rail .grid {
        padding : 0 20px;
		width: 100%;
    }
    #isi h2 {
        font-size: 16px;
    }
    .inline-callouts .col.col-1of4 {
        padding: 0;
    }
    .container-with-rail.wider-rail .inline-callouts .more-link {
        padding: 0;
    }
    .container-with-rail.wider-rail > .grid > .left {
        background: none!important;
    }
    #main-content-wapper .container-with-rail:first-child > .col.col-2of3.left {
        width: 100%;
    }
    .banner-image-text h2.heading {
        color: #fff;
        font-weight: bold;
        font-size: 22px;
        font-family: 'RalewaySemibold';
    }
    .breadcrumbs {
        margin-top: 8px!important;
    }
    table tr td:last-child {
        border-bottom: none;
    }
    .breadcrumbs>li:after {
        right: -7px;
    }
    .hcp .fullnavbar .navarea nav ul li {
        border-left: solid 1px #fff;
    }
    .hcp .fullnavbar .navarea nav ul li:first-child {
        border-left: none;
    }
    #mobile-menu-box ul.menu-list li.nav-main span.navhandle {
        position: absolute;
    	right: 0px;
	    top: 0px;
    	height: 37px;
    	width: 49px;
    	text-align: center;
    	background: url(-/media/EpipenCom/assets/img/nav-handle-green.png) no-repeat;
    	background-position-y: 0px;
    	background-position-x: 7px;
    	z-index: 999999;
    }
    ul.menu-list li.nav-main span.navhandle.current {
        background: url(/Content/epipen/images/nav-handle-down-green.png);
        background-position-y: -3px;
    }
    .hcp ul.menu-list li.nav-main span.navhandle {
        background: url(-/media/EpipenCom/assets/img/nav-handle-blue.png);
    }
    .hcp ul.menu-list li.nav-main span.navhandle.current {
        background: url(/Content/epipen/images/nav-handle-down-blue.png);
        background-position-y: -3px;
    }
}
/*--------end mobile horizontal main styles--------------*/

@media (max-width: 560px) {
    #main-content-wapper > .container-with-rail > .grid > .left {
        z-index: -2;
        background: #8dc63f;
        background-image: -moz-linear-gradient(top, #4e9a10 20%, #8dc63f 80%);
        background-image: -webkit-linear-gradient(top, #4e9a10 20%, #8dc63f 80%);
        background-image: -ms-linear-gradient(top, #4e9a10 20%, #8dc63f 80%);
        background-image: -o-linear-gradient(top, #4e9a10 20%, #8dc63f 80%);
        background-image: linear-gradient(top, #4e9a10 20%, #8dc63f 80%);
        background-repeat: repeat-x;
    }
    #main-content-wapper > .container-with-rail {
        background: none;
        padding:0 15px;
    }
    .col-1of3,
    .col-2of3,
    .col-3of3 {
        width: 100%!important;
    }
    .banner-image-text h2.heading {
        color: #555;
    }
    .sitemap-page{
        width: 100%;
    }
}
/*--------end mobile horizontal main styles--------------*/

@media (min-width: 641px) {
    .btnfooterNote a {
        pointer-events: none;
        cursor: default;
    }
}
@media (max-width: 640px) {
    ol.rotator-items {
        padding-top: 35px;
        margin-top: -5px;
    }
    ol.rotator-items li {
        margin-right: .9%;
    }
    .hdg {
        width: 23px;
        height: 23px;
        font-size: 17px;
        padding: 7px 7px 4px 6px;
    }
    #bottom-bar * {
        font-size: 12px;
        line-height: 1.2;
    }
    #isi-activator {
        top: 16px;
    }
    #isi h2 {
        width: 100%;
    }
}
@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;
    }
    .rotator-prev {
        left: 0;
    }
    .rotator-next {
        right: 0;
    }
}
@media (max-width: 500px) {
    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;
    }
    .importantsafetyheader #isi h2 {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .fullnavbar {
        /*height: 28px;*/
    }
    .fullnavbar .navarea nav ul li a,
    .fullnavbar .navarea nav ul li:first-child a {
        padding: 6px 4px;
        font-size: 11px;
    }
    .searchBar{
        width: 100%;
        left : 0px;
    }
    .searchBar .inner{
        right: 0px;
    }
}
/*-----------------------VERTICAl Mobile-------------------*/

@media (max-width: 430px) {
    .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;
    }
    /*======================== 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%;
    }
    .search .placeholder-text {
        width: 160px; color: #333;
    }
    /*-------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: 0;
        padding-right: 0;
    }
    .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;
    }
    #footer-nav li a:link,
    #footer-nav li a:visited {
        font-size: 12px;
    }
    #copy {
        font-size: 7px;
        line-height: 9px;
    }
    #isi-activator {
        right: 15px!important;
    }
}
@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: 400px) {
    .fullnavbar {
        /*height: 42px;*/
    }
    .fullnavbar .navarea nav ul li a,
    .fullnavbar .navarea nav ul li:first-child a {
        font-size: 10px;
        padding: 5px 4px;
    }
    .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;
    }
    .sitemap-page{
        width: 100%;
    }
}
@media (max-width: 700px) {
    .carousel-content {
        top: 65%;
    }
}
@media (max-width: 600px) {
    .bxslide-content {
        min-height: 370px;
    }
    .carousel-content {
        top: 57%;
    }
    .carousel-hline h3 {
        margin: 0;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 25%;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 25%;
    }
    .bx-wrapper .bx-prev {
        left: 40px;
    }
    .bx-wrapper .bx-next {
        right: 40px;
    }
}
@media (max-width: 413px) {
    .bxslide-content {
        min-height: 350px;
    }
    .carousel-content {
        top: 48%;
    }
    .carousel-hline h3 {
        margin: 0;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 25%;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 25%;
    }
    .bx-wrapper .bx-prev {
        left: 40px;
    }
    .bx-wrapper .bx-next {
        right: 40px;
    }
}

@media (min-width: 960px){

.carousel-content{
    width: 1080px;
    margin: 0 auto;
    position: initial;
    padding-top: 15%;
}
.carousel-hline, .carousel-desc, .carousel-desc{
    width: 260px;
}
}



@media (min-width: 701px) and (max-width:959px){
.inline-callouts .callout {
    width: 25%;
    float: left;
}
.carousel-content {
    top: initial;
    bottom: 0;
    padding: 5px;
    margin: 0;
    display: inline-block;
    width: 100%;
}
}