﻿/* 
---------------------------------
Mobile Styles
---------------------------------
*/

@media screen and (max-width: 700px)  
{
    html,body 
    {
        height:100%;
    }
    
    .header-top, .nav-links, .logo, .nav-top, .nav-main-wrap, .header, .banner, .footer_middle, .banner-shadow, .physician, .social_icons, .find-physican, .sub-nav, .content-left, .related-links, .search-results-advanced, .banner-main, .subpage-nav-header, .ccp-wrapper, .banner1, .banner2, .banner-subsite, .grhealth, .chog-nav, .footer-top, .banner3-bot, .nav-main {
        display: none;
    }
    
    
    .content {
        width: 100%;
    }
    
    .mobile-display {
        display:none;
    }
    
    .wrapper {
        margin: 0;
        width: 100%;
        min-width: 100%;
        position: absolute;
        top:0;
        left:0;
        right:0;
        z-index: 7000;
        display:block;
    }
    
    #wrapper {
	    position: absolute;
	    z-index: 1;
	    /*top: 45px;*/
	    bottom: 48px;
	    left: 0;
	    width: 100%;
	    /*background: #ccc;*/
	    height:100%;
    }
    
    #wrapper img {
		max-width:100%;
		height:auto !important;
	}
    
    .mobile-header {
        display: block;
        width: 100%;
    }
    
    .mobilelogo {
	    width: 100%;
	    display: block;
	    text-align: center;
	    padding:10px 0 0 0;
    }
    
    .mobile-select-nav {
        float:left;
        display:block;
        width:50%;
    }
    
    .mobile-search {
        float:right;
        /*width:50%;*/
    }
    
    .mobile-nav-top {
        display: block;
        width: 90%;
        background-color:#ebebeb;
        padding:10px 5% 10px 5%;
        text-align:center;
        position: relative;
        margin:5px 0 0 0;
    }
    
    .mobile-nav-main .mobile-nav .QuickLinks {	
	    padding:0;
	    width:100%;
	    background-color:#03326a;
	    margin-bottom:10px;
	    display: block;
    }
    
    .mobile-nav-main .mobile-nav .QuickLinks ul li{	
	    width:100%;
    }
    
    .mobile-nav-main .mobile-nav li a {
        display:block; 
        width:97%;
        height: 31px;
        padding: 14px 0 0 20px; 
        color:#fff; 
        text-decoration:none; 
        font-size:16px; 
        text-shadow: #205586 1px 1px 2px;
        border-bottom: 1px solid #6d88a9;
    }
	
	.mobile-select-nav  {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background:#dbdbdb url(/_img/mobile/m-arrow-bg.png) center right no-repeat;
		width:150px;
		overflow:hidden;
	}
    
	.mobile-select-nav select {
		border:0;
		background:transparent;
		width:170px;
		padding:3px 2px;
		color:#8d8d8d;
		font-family: 'Open Sans',sans-serif;
        font-size: 13px;
	}
    
    .main-block {
        margin: 0;
        position:relative;
    }
    
    .main-block-left {
        width: 100%;
        float: none;
    }
    
    /*.video_rightbox
    {
        margin-left: 0;
        float: none;
        border: 0;
        height: auto;
        padding-left: 0;
        width: 100%;
    }
    
    .video
    {
        margin:0;
        padding:0;
        padding-bottom: 56.25%; 
        height: 0;
    }*/
    
    .video_rightbox
    {
        margin-left: 0;
        float: none;
        border: 0;
        height: auto;
        padding-left: 0;
        width: 100%;
    }
    
    .m-video-wrapper
    {
        margin:0;
        padding:0;
        position:relative;
        padding-bottom: 56.25%; /* 16:9 */
	    padding-top: 25px;
	    height: 0;
    }
    
    .m-video-wrapper iframe 
    {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100% !important;
	    height: 100% !important;
    }
    .video h4
    {
        float: none;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%;
        margin-left:10px;
    }

    .video h6
    {
        float: none;
        font-weight: normal;
        width: 100%;
        margin-left:10px;
    }
    
    /*.video iframe {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
    }*/
    
    .appointment {
        width: 100%;
        float:none;
    }
    
    .container .contact_info {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
    }
    
    .m-social_icons {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        background: #3d84c6;
        height: 50px;
        padding: 12px 0 0 0;
        text-align: center;
    }
    
    .m-social_icons.yellow {
        background: #FEEB1F;
    }
    
    .m-social_icons ul{
        display: block;
        margin: 0;
        padding: 0;
        outline: none;
    }
    
    .m-social_icons ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        outline: none;
        margin: 0 10px 0 0;
    }
    
    .footer_top .container {
        width: 100%;
    }
    
    .container .contact_info h2 {
        background: url("/_img/phone-img.png") no-repeat scroll left 18px rgba(0, 0, 0, 0);
        color: #FFFFFF;
        font-family: 'Open Sans',sans-serif;
        font-size: 20px;
        letter-spacing: -1px;
        margin: 0 0 0 10px;
        padding: 17px 0 15px 46px;
    }
    
    .container .contact_info h2 a {
        color: #FFFFFF;
        cursor: pointer !important;
    }
    
    .container .contact_info h3 {
        background: url("/_img/phone-img.png") no-repeat scroll left 18px rgba(0, 0, 0, 0);
        color: #FFFFFF;
        font-family: 'Open Sans',sans-serif;
        font-size: 20px;
        letter-spacing: -1px;
        margin: 0 0 0 10px;
        padding: 17px 0 15px 46px;
        max-width: 274px;
    }
    
    .container .contact_info h3 a {
        color: #FFF;
        cursor: pointer !important;
    }
    
    .container .contact_info p {
        color: #FFFFFF;
        display: inline-block;
        font-family: 'Open Sans',sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        outline: medium none;
        padding: 0 0 30px 46px;
    }
    
    .container .contact_info p a {
        color: #FFFFFF;
        display: inline-block;
        font-family: 'Open Sans',sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        outline: medium none;
        padding: 0 0 0 50px;
        text-decoration: underline;
    }
    
    
    .ads_block {
        width: 100%;
        margin: 0 0 2px 0;
    }
    
    .ads_block .homepageAds_block {
        float: none;
        display: block;
    }
    
    .homepageAds {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    
    .homepageAds img {
        margin: 3px 0;
        height: auto;
    }
    
    .m-logo {
        float:left;
        /*width:55%;
        margin-right:5%;*/
		Padding-left:5%;
    }
    
    .MobileMenu {
        float:right;
		padding-right:5%;
        /*width:40%;*/
    }
    
    .mobile-find-physician {
        display:block;
        background:url("/_img/doc-arrow.png") no-repeat scroll center bottom 5px #3d83c4;
        height:48px;
        text-align:center;
        position:relative;
        overflow:hidden;
        background-repeat:no-repeat !important;
        background-color:#3d83c4 !important;
        background-position:center bottom !important;
    }
    
    .mobile-find-physician-down {
        display:block;
        background:url("/_img/doc-arrow2.png") no-repeat scroll center bottom 5px #3d83c4;
        height:48px;
        text-align:center;
        position:relative;
        overflow:hidden;
    }
    
    .mobile-find-physician a {
        color:#ffffff;
        font-size:22px;
        display:block;
        width:100%;
        height:35px;
		margin: 0 auto;
        padding: 3px 0;
        
    }
	
	.navCloseBtnContainer a 
	{
	    width:60%;
	    font-size:16px;
	    height:auto;
	    padding: 5px 0;
	}
	
    
    .mobile-find-physician a.m-finddoc-btn 
    {
        position:absolute;
        background-color:#3D83C4;
        z-index:5000;
    }
    
    .footer_bottom .container {
        display: none;
    }
    
    .appointment ul li a, .toolName {
        font-size: 18px;
        padding: 10px 0 0 20px;
    }
    
    .container .contact_info p i {
        display: block;
    }
    
    .container .contact_info p a {
        display: block;
        padding: 0;
    }
    
    .mobile-address {
        display: block;
        text-align: center;
        background-color: #cbcbcb;
        height: 27px;
        color: #707070;
        padding: 5px 0 0 0;
    }
    
    .content-right {
        float: none;
        width: 96%;
        padding: 0 2%;
        display: block;
    }
    
    .mobile-related-links {
        display: block;
    }
    
    .content-right .link_section {
        width: 100%;
        display: block;
        padding-top: 10px;
    }
    
    .content-right .link_section ul {
        width: 100%;
        display: block;
        border: none;
    }
    
    .content-right ul li {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        line-height: 25px;
        list-style-type: disc;
        margin-left: 0;
        padding: 0;
    }
    
    
    .content-right .link_section li a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #3c82c3;
        display: block;
        font-size: 15px;
        font-weight: normal;
        line-height: 1.25;
        padding: 8px 0 8px 10px;
        text-decoration: underline;
    }
    
    .content-right .link_section li a:hover {
	    color:#3c82c3;
	    background-color:#fff;
	    text-decoration: none;
    }
    
    .rlGroupTitle {
        background-color:transparent;
        border-bottom: none;
        color: #3c82c3;
        display: block;
        font-family: 'Open Sans',sans-serif;
        font-size: 26px;
        font-weight: normal;
        padding: 5px 5px 5px 10px;
    }
    
    .mobile-nav-top #Search {
        position:absolute;
        width:100%;
        background-color: #3d83c4;
        float:none;
        height:auto;
        top:48px;
        left:-110%;
        padding:24px 0;
        z-index:9999;
    }
    
    .mobile-nav-top #Search input[type='text'] 
    {
        height:29px;
        width:250px;
    }
    
    .search-field-wrapper 
    {
        width:285px;
        margin:0 auto;
    }
    
    .search-results-main
    {
        /*width: 65%;*/
        width: 100%;
		padding-right:0;
    }
    
    .mobile-universal-nav
	{
	    float:none !important;
	    position:absolute;
	    /*top:68px;*/
	    left:-110%;
	    z-index:6020;
  	    background-color:rgba(0,0,0,0.8);
	    padding:0 0 30px 0;
	    width:100%;
	    
	    /*opacity:0.5;
        filter:alpha(opacity=50);*/ /* For IE8 and earlier */
        display: block;
        
        height:100%;
        overflow:hidden;
	}
	
	#m-universal-scrollwrapper 
	{
	    /*height:90%;*/
	}
	
	.mobile-universal-nav #m-search
	{
	    background-color:#3c82c3;
	}
	
	.m-search-wrapper
	{
	    width:280px;
	    margin:0 auto;
	    padding: 10px 0;
	}
	
	.m-search-field 
	{
	    width:220px;
	    padding:5px;
	    border:1px solid #D8D8D8;
	    background-color:#eee;
	    color:#7F7F7F;
	    font:normal 13px 'Open Sans',sans-serif;
	    float:left;
	    margin:0 10px 0 0;
	}
	
	.navCloseBtn 
	{
	    display:block !important;
	    width:90%;
	    margin:20px  auto;
	    background-color:#03326A;
	    color:#fff !important;
	    font:normal 13px 'Open Sans',sans-serif !important;
	    text-align:center;
	    border: 1px solid #6ba0d0;
	    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding:10px 0 !important;
	}
	
	.mobile-universal-nav ul.MainNavLinks{	
	    padding:0;
	    margin:0;
	    width:100%;
	    background-color:#03326a;
	    text-align:left;
    }
    
    .mobile-universal-nav ul.m-macronav-links 
    {
        background-color:#3c82c3;
    }
    
    .mobile-universal-nav ul.MainNavLinks li.Header{
	    display:none;
    }

    .mobile-universal-nav ul.MainNavLinks li a {
        display:block; 
        width:100%;
        color:#fff; 
        text-decoration:none; 
        font-size:16px; 
        font-weight:bold;
        padding:12px 0px 12px 20px; 
        /*text-shadow: #205586 1px 1px 2px;*/
        border-top: 1px solid #6ba0d0;
        /*border-bottom: 1px solid #97b7d7;*/
    }
    
    .mobile-universal-nav ul.m-macronav-links li a
    {
        font-weight:normal;
    }
    
    .mobile-universal-nav ul.MainNavLinks li a:hover {
        background:#3c77ac;
    }
    
    .mobile-subpage-menu {
        background: none repeat scroll 0 0 #3C82C3;
        display: block;
        height: 35px;
        padding: 5px 1.5%;
        position: absolute;
        top: 0;
        width: 97%;
        z-index: 9999;
        left:0;
    }
    
    .mobile-dept-name {
        color:#3d83c4;
        width:67%;
        float:left;
        font-size:17px;
        margin: 7px 0 0 3%;
        display:block;
    }
    
    .m-subpage-nav-header {
        display:block;
    }
    
    .subpage-nav .m-subpage-nav-header a
    {
        padding: 0;
        margin: 0px;
        display: block;
    }
    .m-subpage-nav-header h2
    {
        display: block;
        color: #3d83c4;
        font-size: 14px;
        font-weight: normal;
    }
    
    .mobile-open-menu {
        width:28%;
        float:left;
        font-size:12px;
        margin-top: 8px;
        text-align:right;
        padding-right:2%;
    }
    
    .mobile-open-menu a {
        color:#3d83c4;
        text-decoration:none;
    }
    
    .m-radiostyle1 {
	    display: block; 
    }
    
    .radiostyle1 {
	    display:none;
    }
    
    .mobile-subpage-menu-inner {
        background:#ffffff;
        display:block;
        height:34px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    
    .mobile-navigation-part {
        display:block;
        width:100%;
        position: fixed;
        bottom: 42px;
        left:0;
        right:0;
        z-index:6010;
        height:45px;
    }
    
    .subpage-nav {
        width:100%;
        float:none;
    }
    
    .subpage-nav .subpage-nav-header h2 {
        background-color: #3d84c6;
        display: block;
        color: #ffffff;
        font-size: 18px;
        font-weight: normal;
        padding: 5px 0 5px 10px;
    }
    
    .subpage-nav  {
        /*bottom:-110%;
        left:-110%;
        z-index:9998;*/
        width:100%;
        height:100%;
    }
    
    .subpage-nav-links 
    {
        position:absolute;
        width:100%;
        overflow:hidden;
        top:45px;
        height:100%;
        left:0;
        background-color:rgba(0, 0, 0, 0.8);
    }
    
    .subpage-nav .subpage-nav-links div 
    {
        border:none;
        padding:0;
    }
    
    .subpage-nav .subpage-nav-links ul {
        padding: 0;
    }
    
    .subpage-nav .subpage-nav-links ul li:not(:last-child) {
        list-style-type:none;
        margin:0;
        padding:0;
        border-bottom: 1px solid #E5E5E5;
        background: #3D84C6;
        color:#ffffff;
        height:42px;
    }
    
    .subpage-nav .subpage-nav-links ul li:last-child {
        list-style-type:none;
        margin:0;
        padding:0;
        border-bottom: none;
        background: #3D84C6;
        color:#ffffff;
        height:42px;
    }

    .subpage-nav .subpage-nav-links li a {
        color: #ffffff;
        font-weight: normal;
        padding: 6px 0 6px 10px;
    }
    
    .navCloseBtnContainer {
        display:block;
    }
    
    .FindDoctorDrop {
        display:block;
        position:absolute;
        width:100%;
        height:127px;
        /*left:-110%;*/
        top:-100px;
    }
    
    .FindDoctorDropLeft {
        float: left;
        width: 70%;
		height:85px;
		text-align:right;
    }
    
    .FindDoctorDropRight {
        float: left;
		width:40px;
		height:36px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #c8c8c8;
		background: -moz-linear-gradient(top,  #ffffff 0%, #c8c8c8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c8c8c8));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#c8c8c8 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#c8c8c8 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#c8c8c8 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#c8c8c8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 );
		border:1px solid #b6b6b6;
		margin: 4px 0 0 20px;
    }
	
	.mobile-find-physician a.find-button {
		
		background:transparent url(/_img/mobile/m-fodsearch-btn.png) center no-repeat;
	}
	
	.mobile-find-physician a.find-button img {
		display:none;
	}
    
    #footer {
        width: 100%;
    }
    
    .FindDoctorDrop select, .txtLastName {
        padding: 6px 0 6px 8px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #7f7f7f;
    }
	
	.txtLastName {
        border: 1px solid #d8d8d8;
        background: #eeeeee;
        width: 192px;
        margin: 5px 0 5px 1px;
    }
	
	.m-findadocselect-wrapper {
		width:200px;
		overflow:hidden;
		float:right;
		background:#eeeeee url(/_img/mobile/m-arrow-bg.png) center right no-repeat;
		border: 1px solid #d8d8d8;
	}
	
	.FindDoctorDrop select {
		width:220px;
		border:none;
		background:transparent;
	}
    
    .mobileDocSpecialty {
        width:194px;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #D8D8D8;
        height: 31px;
        padding: 2px 0;
    }
    
    /* Scroller */
    /*#scroller {
	    position: absolute;
	    z-index: 1;
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    width: 100%;
	    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	    -o-transform: translateZ(0);
	    transform: translateZ(0);
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-text-size-adjust: none;
	    -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	    -o-text-size-adjust: none;
	    text-size-adjust: none;
    }*/
    
    #scroller {
		width:100%;
	}
    
    .navArrowDown {
        width:100%;
        background: url("/_img/doc-arrow.png") no-repeat scroll center bottom 5px #3d83c4 !important;
        height: 25px;
    }
    
    .navArrowUp {
        width:100%;
        background: url("/_img/doc-arrow2.png") no-repeat scroll center bottom 5px #3d83c4 !important;
        height: 25px;
    }
    
    .FindDoctorDropLeft .dd .ddTitle {
        background:none !important;
        background-color:#eeeeee !important;
        text-align: left !important;
    }
    
    .FindDoctorDropLeft .borderRadius {
        border-radius: 0 !important;
    }
    
    .FindDoctorDropLeft .borderRadiusTp {
        border-radius: 0 !important;
    }
    
    .btm-space {
        display:block;
    }

    /*#scroller ul {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    width: 100%;
	    text-align: left;
    }

    #scroller li {
	    padding: 0 10px;
	    height: 40px;
	    line-height: 40px;
	    border-bottom: 1px solid #ccc;
	    border-top: 1px solid #fff;
	    background-color: #fafafa;
	    font-size: 14px;
    }*/
	
	.search-header {
		width: 92%;
		padding: 2%;
	}
	
	.search-results-wrapper {
		width: 96%;
	}
	
	.search-key-icon {
		margin-right: 15px;
	}
	
	.search-pager-footer td table {
		margin-left: 10px;
	}
	
	/* Services */
	.quick-links {
	    float:none;
	    width:100%;
	}
	
	.services-content-in {
        background: none;
        padding: 0;
    }
    
    .services-content-in .video {
        display:none;
    }
    
    .learn-more {
        padding:0 0 0 10px;
        background-color:#e1e2df;
    }
    
    .learn-more ul li {
        display: block;
        float: none;
        width: 100%;
    }
    
    .banner-links ul {
        float: none;
        display: block;
    }
    
    .banner-links ul li {
        float: none;
        display: block;
        background: none;
        border-bottom: 1px solid #ffffff;
        margin: 0 3% 0 3%;
        height: 30px;
        padding: 6px 0 0 !important;
    }
    
    .banner-links ul li a {
        line-height: normal;
    }
    
    .no_bg {
        border-bottom: 0 !important;
    }
    
    .wids {
        width: 100%;
    }
    
    .banner-main {
        margin: 2px 0 2px 0;
    }
    
    .content2 {
        width: 100%;
    }
    
    .quick-links .nurse {
        display: none;
    }
    
    .quick-links3 .child {
        display: none;
    }
    
    /*.bx-wrapper {
        max-width: 100%;
        height: auto !important;
    }
    
    .bx-pager {
        bottom: 60% !important;
        left: 5% !important;
    }*/
    
    .rwd-break  {
        display: none; 
    }
    
    ul.white li {
        display: block;
        width: 100%;
    }
    
    .nav ul.white {
        display:none;
    }
    
    ul.chogMain {
        display:block;
        background:#ffffff;
    }
    
    ul.chogMain li {
        border-bottom: 1px solid #7D2374;
    }
    
    ul.chogMain li a {
        display: block;
        width: 100%;
        padding: 12px 0 12px 20px;
    }
    
    .quick-links3 {
	    float:none;
	    width:100%;
	    margin: 0;
	}
	
	.quick-links3 ul li {
        display: block;
        height: 53px;
    }
    
    .quick-links3 .chog-quick-link-name {
        font-size: 14px;
        padding: 15px 0 0 15px;
        width:auto;
    }
    
    .quick-links3 ul li a {
        font-size: 22px;
        font-weight: normal;
        padding: 0;
    }
    
    
    .video-cont {
        width: 96%;
        float: none;
        padding: 2%;
        background: url("/_img/container3-bg.png") repeat-x scroll 0 0 #77216f;
    }
    
    .child-video .video {
        width: 100%;
    }
    
    .content3 {
        width: 100%;
        padding-bottom: 0;
    }
    
    
    .chog-ads a img {
        width: 100%;
        height: auto;
    }
    
    .bx-controls 
    {
        display:none;
    }
    
    .BannerWrapper-chog .bx-wrapper 
    {
        margin-bottom:10px;
    }
    
    .BannerWrapper-chog {
        width:100%;
        background:none;
    }
    
    .BannerWrapper-chog .banner {
        display: block;
        max-width: 100%;
        height: auto;
        overflow:visible;
    }
    
    .BannerWrapper-chog .banner .slider_wrapper{
	    max-width:100% !important;
	    height:auto;
	   }

    .BannerWrapper-chog .banner .slider{
	    max-width: 100%;
	    height:auto;
	    /*background-size:170% !important; leave this*/
	    /*background-size:contain !important;*/
	    }
    
    .BannerWrapper-chog .banner .slider-link-wrapper {
        width: 100%;
    }
    
    .BannerWrapper-chog .banner .chog_banner_area {
        width: 100%;
    }
    
    .BannerWrapper-chog .banner .banner_wrap {
        width: 100%;
    }
    
    .content .content-left-chog {
        float: none;
        padding: 0 2%;
        width: 96%;
    }
    
    .blue, .pink, .dark-blue, .green, .orange, .dark-pink, .dark-blue-chog
    {
        display:block;
        padding: 12px 0 12px 20px;
    }
    
    .content-right ul, .content-right ol {
        display: block;
        padding: 0 0 10px 40px;
    }
	
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {
		width: 100%;
	}
	
	a[href^=tel]{
        cursor: pointer !important;
    }

    /*==================Weight Loss Seminar Responsive=============================*/
    #weightlossseminardiv ul > li.wls_frontpagebuttonpadding {
	    margin:0;
    }

    #weightlossseminardiv .wlstextheaderstyle > ul > li
    {
        white-space:normal;
        width: 100%;
    }
    #weightlossseminardiv {
        padding:0 10px;	
    }
    
    #seminarlanding {
        height: auto;
    }
    
    #weightlossseminardiv .blueButtonSubtextDiv {
        margin: 13px 0 0 0 !important;
        width: 98%;
    }
    
    #seminarlanding ul > li img {
	    position: relative !important;
        left: -21% !important;
    }
    
    #weightlossseminardiv ul.grayform li {
        width: 100% !important;
        font-size: 17pt;
        margin: 0 !important;
    }
    
    #weightlossseminardiv ul.grayform input[type="text"] {
        width: 99% !important;
        height: 45px  !important;
        margin: 0 !important;
        font-size: 16pt;
        margin: 0 0 15px 0 !important;
    }
    
    #weightlossseminardiv ul.grayform select
    {
        margin: 0 0 15px 0 !important;            
    }
    
    #weightlossseminardiv ul.grayform input[type="text"]
    {
        margin: 0 0 15px 0 !important;                    
    }
    
    #weightlossseminardiv .wlstextheaderstyle h2 {
        color: #0099CB;
        font-size: 30pt;
        line-height: 35pt;
        display: inline-block;
        text-align: center;
    }

    #weightlossseminardiv ul.grayform {
	    width: 99%;
    }
    
    #weightlossseminardiv .stepsLineStyle1 {
        display: none;
    }
    
    #weightlossseminardiv .stepheaderdiv li a {
        margin: 0;
        font-size: 14pt;
    }
    
    #weightlossseminardiv .stepheaderdiv {
        margin-top: 3%; 
        margin-left: 0;   
    }
    
    #weightlossseminardiv ul.floatright > li {
        float: none;
        width: 30%;
    }
    
    #weightlossseminardiv .stepstabactive {
        width: 55%;
        margin: 3px 0 0 0;
        display: none;
    }
    
    #weightlossseminardiv ul.wlsinnerlistheader {
       float: none;
    }
    
    body
    {
         overflow-y: scroll;
         overflow-x: hidden;
    }
    
    #divForm .form input[type="radio"] + label, #divForm .signupform input[type="radio"] + label, #divForm2 .form input[type="radio"] + label, #divForm2 .signupform input[type="radio"] + label {
        position: relative;
        padding: 0 0 0 35px;
        font-size: 19.5px;
        line-height: 36px;
    }
    
    #divForm .form input[type="radio"] + label:before, #divForm .signupform input[type="radio"] + label:before, #divForm2 .form input[type="radio"] + label:before, #divForm2 .signupform input[type="radio"] + label:before {
        content: "";
        display: block;
        position: absolute;
        top: 2px;
        height: 20px;
        width: 20px;
        background: white;
        border: 1px solid #D4D4D4;
        box-shadow: inset 0px 0px 0px 2px white;
        -webkit-box-shadow: inset 0px 0px 0px 2px white;
        -moz-box-shadow: inset 0px 0px 0px 2px white;
        -o-box-shadow: inset 0px 0px 0px 2px white;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        }
        
        
        ul.inlinestyle li {
            display: block;
            text-align: left !important;
        }
        
        .videoblock {
            margin: 0;
        }
        
        
        .modalpanelstyle1 {
            width: 97%;
            height: 97%;
            transform: none !important;
            position: fixed !important;
            left: 50% !important;
            top: 0 !important;
        }
        
        .modalcenter1 {
            position: relative;
            left: -50%;
            top: 0;
        }

        
        #weightlossseminardiv .confirmwatchtext, .modalliststyle1 {
            width: auto;
        }
        
        #weightlossseminardiv .emailLaterCancel {
            margin: 6% 0;
        }
        
        #weightlossseminardiv .emailLaterButton {
           float: none;
        }
        
        .modalbuttonliststyle1 {
	        width: 98%;
        }
        
        .popmodaltwobutton li
        {
            width: 98% !important;
            margin-bottom: 6% !important;
        }
        
        .popmodaltwobutton ul {
	        width: 100% !important;
        }
        
        #weightlossseminardiv .twopopupbutton {
            width: auto;
        }
        
        #divForm .signupform table tr td input[type=text], #divForm2 .signupform table tr td input[type=text], .confirmwatchtext input[type="text"], #divForm .signupform input[type="text"], #divForm2 .signupform input[type="text"] {
            font-size: 18.5px;
            height: 40px;
        }
        
        .confirmwatchtext h5 {
            margin-top: 4%;
        }
        
        #weightlossseminardiv .textcheckbox input[type=checkbox] {
            -webkit-transform: scale(2.5);
            -ms-transform: scale(2.5);
            transform: scale(2.5);
        }
        
        #weightlossseminardiv .thankyoutextcontainer {
         width: auto;
        }
        
        #weightlossseminardiv .stepscontainer {
            width: auto;
        }
        
        .furtherquestionwrapper {
            width: auto;
            margin: 0;
        }
        
        #weightlossseminardiv .furtherquestioncontainer {
            width: auto;
            margin: 0;
        }
        
        #weightlossseminardiv .paragraphstyle1 {
            width: auto;
            margin-top: 4%;
        }
        
        #weightlossseminardiv .blueButtonSubtextDiv.longbutton {
            margin: 6% 0;
        }
        
        .divLongButtonStyle1 {
	        background-color: #0099CB;
            border-radius: 5px;
            padding: 5px;
        }
        
        #weightlossseminardiv .buttonstyle4
        {
            background: none;
            display: table-cell;
        }
        
        #weightlossseminardiv img
        {
            position: relative !important;
            left: auto !important;
        }
        
        #weightlossseminardiv .paragraphstyle1 {
            width: auto;
            margin-left: 0;
        }
        
        #weightlossseminardiv .blueButtonSubtextDiv.onebutton {
            margin: auto;
        }
        
        #weightlossseminardiv .blueButtonSubtextDiv h5 {
            margin: 10px auto;
            font-size: 13pt;
        }
        
        .content, .contain {
            overflow-x: hidden;	
        }
        
        #weightlossseminardiv div.twobuttons li {
            width: 100%;
        }
        
        #weightlossseminardiv .stepheaderdiv li.stepstabdisablelist a {
            color: #DDDDDD;
        }
        
        #weightlossseminardiv .stepheaderdiv li.stepstabactivelist a {
            color: #0298ca;
        } 
        
        #weightlossseminardiv ul.grayform .formtopnote {
            font-size: 16pt;
            margin-bottom: 6% !important;
        }
        
        #weightlossseminardiv div.twobuttons ul {
            margin: 0;
        }
        
        #weightlossseminardiv .furtherquestionwrapper > .blueButtonSubtextDiv.onebutton {
            margin: 6% 0;
        }
        
        .videoblock > ul > li {
            width: auto;
        }

        .liststyle3Responsive
        {
            display: block;
        }
        
        .liststyle3
        {
            display: none;
        }
        
        #weightlossseminardiv ul.liststyle4 span
        {
            vertical-align: middle !important;
        }
        
        #weightlossseminardiv ul.liststyle4 input[type="text"].liststyleShort
        {  
            width: 188px !important;
        }
        
        #weightlossseminardiv #seminarlanding h1 {

         text-align: center;
        }

        #weightlossseminardiv .signupform {
        margin: 5% 11.5% 0 0;
        }
    /*==================End Weight Loss Seminar Responsive=============================*/


    #mobilehidden {
	    display: block;
    }
}