/* Copyright 2012-2013 Metropolitan Life Insurance, All Rights Reserved */
 
/**
--------------------------------  Used Media Screens Device Width -----------------------------
 
                   @media screen and (max-width:1100px)
                   @media screen and (max-width:980px)
                   @media screen and (max-width:768px)
                   @media screen and (max-width:690px)
                   @media screen and (max-width:679px)
                   @media screen and (max-width:640px)
                   @media screen and (max-width:540px)
                   @media screen and (max-width:500px)
                   @media screen and (max-width:470px)
                   @media screen and (max-width:479px)
                   @media screen and (max-width:497px)
                   @media screen and (max-width:319px)
                   @media screen and (min-width:981px)
                   @media screen and (min-width:680px)
                   @media screen and (min-width:691px)
                   @media screen and (min-width:320px) and (max-width:340px)
                   @media screen and (min-width:320px) and (max-width:500px)
                   @media screen and (min-width:500px) and (max-width:690px)
                   @media screen and (min-width:501px) and (max-width:600px)
                   @media screen and (min-width:526px) and (max-width:690px)
                   @media screen and (min-width:600px) and (max-width:690px)
                   @media screen and (min-width:680px) and (max-width:690px) 
                   @media screen and (min-width:691px) and (max-width:768px)
                   @media screen and (min-width:691px) and (max-width:980px)
                   @media screen and (min-width:691px) and (max-width:1100px)
                   @media screen and (min-width:769px) and (max-width:980px)
                   @media screen and (min-width:769px) and (max-width:1100px)
                   @media screen and (min-width:960px) and (max-width:1024px)
                   @media screen and (min-width:981px) and (max-width:1100px)
                   
                   Typography
                   @media only screen and (min-width:320px) and (max-width:768px)
                   @media only screen and (min-width:769px) and (max-width:980px)
                   
--------------------------------  Used Media Screens Device Width -----------------------------
**/
 
 
/** ---------------------------------------- **/
/** --------SVG Image Implementation-------- **/
.lobSection .lobIcon.lobIcon-Life {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-life.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Annuity {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-annuity.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Investment {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-finance.svg') no-repeat;    
}
 
.lobSection .lobIcon.lobIcon-MutualFund {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-finance.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-BankAccount {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-finance.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-TCA {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-finance.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Disability {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-disability.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Critical_Illness {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-critical-illness.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-LongTermCare {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-long-term-care.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Auto {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-auto.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Home {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-home.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-Combo {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-combo.svg') no-repeat;
}
/* 
Temp fix to show LOB icon
TODO - use one single style for home
*/
.lobSection .lobIcon.lobIcon-HOME {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-home.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-PELP {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-combo.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-GRANDPROTECT {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-combo.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-BOAT {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-combo.svg') no-repeat;
}
 
.lobSection .lobIcon.lobIcon-PAKII {
   background: none,url('../res/img/svg/ProdIcons_MyAcc-combo.svg') no-repeat;
}
/** ---------------------------------------- **/
/** ---------------------------------------- **/
/*CMP Flow */
body.metlife.auth {
   background:none!important;
}
/*information content*/
.infoContent {
   padding: 10px 10px 0;
}
.infoContent .mainContent {
   border: 1px solid #d5d5d5;
   margin: 0 !important;
   width: 100%;
}
 
/** -----------Typography------------ **/
@media only screen and (min-width:320px) and (max-width:768px)  {
   /*body { font-size:62.5%; }
   .pageTitleRwd,.bodyHeaderRwd{
       font-size:2.4em;
       line-height:1.4em;
   }
   .secHeaderRwd,.cbox h2{
       font-size:1.8em;
       line-height:1.4em;
   }
   .bodySubHeadRwd,.listHeaderRwd{
       font-size:1.5em;
       line-height:1.4em;
   }
   .bodyTextRwd,.btnLabelRwd,.listBodyTextRwd,.footer a,.cbox h3,.cbox h4,.cbox .marketing li,.cbox .marketing p,.lbox  span{
       font-size:1.3em;
       line-height:1.4em;
   }
   .footTextRwd,.footer,.error,.inputField{
       font-size:1.1em;
       line-height:1.4em;
   }    */
}
@media only screen and (min-width:320px) and (max-width:768px)  {
/**--------------Typography------------**/
   /*body { font-size:62.5%; }
   .pageTitleRwd{
       font-size:3em;
       line-height:1.4em;
   }
   .bodyHeaderRwd{
       font-size:2.4em;
       line-height:1.4em;
   }
   .secHeaderRwd,.cbox h2{
       font-size:1.8em;
       line-height:1.4em;
   }
   .bodySubHeadRwd,.listHeaderRwd{
       font-size:1.5em;
       line-height:1.4em;
   }
   .bodyTextRwd,.btnLabelRwd,.listBodyTextRwd,.footer a,.cbox h3,.cbox h4,.cbox .marketing li,.cbox .marketing p,.lbox  span{
       font-size:1.3em;
       line-height:1.4em;
   }
   .footTextRwd,.footer,.error,.inputField{
       font-size:1.1em;
       line-height:1.4em;
   }        */
}
/**--------------Typography Ends-------------**/
/** ---------------------------------------- **/
/** ---------------------------------------- **/
 
 
.metlife.phoenix .body {
	padding: 0px !important;
}
.splitViewDropDown, .singleTab .splitViewDropDown {
   display: none;
}
.splitView .dijitTabListWrapper, .splitView .tabStripButton {
   display: block;
}
.singleTab .leader .logindetail {
   padding: 0!important;
}
.row {
      float: left;
      clear: both;
      width: 100%;
}
.row:first-child {
      clear: none;
      margin-top: 0;
}
.span_1, .span_2, .span_3, .span_4, .span_5, .span_6 {
   float: left;
   margin-left: 1.4% !important;
   box-sizing: border-box;
   -webkit-box-sizing:  border-box;
   -moz-box-sizing: border-box;
}
.span_1 {
   width: 15.5%!important;
}
.span_2 {
   width: 32.4%!important;
}
.span_3 {
   width: 49.3%!important;
}
.span_4 {
   width: 66.2%!important;
}
.span_5 {    
   width: 83.1%!important;
}
.span_6 {    
   width: 100%!important;
}
.span_1:first-child, .span_2 .span_1:first-child, 
.span_3 .span_1:first-child, .span_3 .span_2:first-child,
.span_4 .span_1:first-child, .span_4 .span_2:first-child, .span_4 .span_3:first-child,
.span_5 .span_1:first-child, .span_5 .span_2:first-child, .span_5 .span_3:first-child, .span_5 .span_4:first-child,
.span_6, .span_6 .span_1:first-child, .span_6 .span_2:first-child, .span_6 .span_3:first-child, .span_6 .span_4:first-child, .span_6 .span_5:first-child,
.row .span_1:first-child, .row .span_2:first-child, .row .span_3:first-child, .row .span_4:first-child, .row .span_5:first-child, .row .span_6:first-child {
  margin-left: 0!important;
}
.span_2 .span_1 {
   width: 47.8395062%!important;
   margin-left: 4.3209876543%!important;
}
.span_2 .span_2, .span_4 .span_4 {
   width: 100% !important
}
.contentPriority .span_4 {
   margin-left:0 !important;
}
.contentPriority .span_2, .groupRow .marketingRail .span_2{
   float:right;
}
.main .lbox.content {
    margin: 0;
    position: relative;
    right: 0;
    width: 100%;
}
.marketingBar .betterWayBox {
   margin-left: 0;
}
.marketingBar .goGreenBox, .marketingBar .lbox {
   margin-right: 0;
}
.span_2 .lbox {
    width: 100%;
}
.loginInnerMargin {
   margin: 0;
}
.loginWrapper {
   width: 1000px;
}
.loginWrapper.mainWrapper {
    max-width:1000px;
    position: relative;
    width: 100%;
}
.mainWrapper .row {
    float: none;
    position: relative;
}
.loginWrapper.mainWrapper .span_2 {
   position: absolute;
   right: 0;
   overflow: inherit;
}
.cbox .secondaryAction .dijitButtonText {
   padding-right: 0 !important;
}
.mainWrapper .cookieNotify hr.signin-divider {
    display: none;
}
.marketingBar .goGreenBox .cbox {
   width: 100%;
   box-sizing: border-box;
   -webkit-box-sizing:  border-box;
   -moz-box-sizing: border-box;
}
.mobileRwd{
   display: none!important;
}
.notificationBar, #paymentMessages {
   background-color: #c68215!important;
}
.metlife.phoenix .navigationHolder {
   background-color: #FFF!important;
}
/** Accounts Page **/
.remainderCollapsed .alertsCollapsed{
   display:none;
}
 
/** Buttons start **/
.btn::-moz-focus-inner, .metlife.phoenix .dijitButton::-moz-focus-inner { border:0; padding:0 }
.btn, .metlife.phoenix .dijitButton {
   outline: medium none;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
}
.btn.sign-in, .metlife.phoenix .dijitButton, .metlife.phoenix .dijitButton.loginButton,
.metlife.phoenix .dijitButton.c3, .metlife.phoenix .dijitButton.callToAction {
   background: #5BBEF5;
   background-image: -webkit-linear-gradient(top, #5BBEF5, #0C87C6);
   background-image: -moz-linear-gradient(top, #5BBEF5, #0C87C6);
   background-image: -ms-linear-gradient(top, #5BBEF5, #0C87C6);
   background-image: -o-linear-gradient(top, #5BBEF5, #0C87C6);
   background-image: linear-gradient(to bottom, #5BBEF5, #0C87C6);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c87c6', endColorstr='#5bbef5',GradientType=0 );
   -webkit-box-shadow: 0 1px 0 0 rgba(166, 200, 218, 1) inset, -1px 0 0 0 rgba(39, 91, 115, 0.5) inset, 1px 0 0 0 rgba(39, 91, 115, 0.5) inset, 0 -1px 0 0 rgba(39, 91, 115, 1) inset;
   -moz-box-shadow: 0 1px 0 0 rgba(166, 200, 218, 1) inset, -1px 0 0 0 rgba(39, 91, 115, 0.5) inset, 1px 0 0 0 rgba(39, 91, 115, 0.5) inset, 0 -1px 0 0 rgba(39, 91, 115, 1) inset;
   box-shadow: 0 1px 0 0 rgba(166, 200, 218, 1) inset, -1px 0 0 0 rgba(39, 91, 115, 0.5) inset, 1px 0 0 0 rgba(39, 91, 115, 0.5) inset, 0 -1px 0 0 rgba(39, 91, 115, 1) inset;
   border: 1px solid #8595b6;
   text-shadow: 0 -1px 0 #388cb4;
   background-position: initial !important;
}
.btn.sign-in:hover, .metlife.phoenix .dijitButton:hover {
   background: #8fd0f2;
   background-image: -webkit-linear-gradient(top, #8fd0f2, #52a8d5);
   background-image: -moz-linear-gradient(top, #8fd0f2, #52a8d5);
   background-image: -ms-linear-gradient(top, #8fd0f2, #52a8d5);
   background-image: -o-linear-gradient(top, #8fd0f2, #52a8d5);
   background-image: linear-gradient(to bottom, #8fd0f2, #52a8d5);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fd0f2', endColorstr='#52a8d5',GradientType=0 );
}
.btn.sign-in:active, .metlife.phoenix .dijitButton:active {
   background: #2599d3;
   background-image: -webkit-linear-gradient(top, #309cd4, #2599d3);
   background-image: -moz-linear-gradient(top, #309cd4, #2599d3);
   background-image: -ms-linear-gradient(top, #309cd4, #2599d3);
   background-image: -o-linear-gradient(top, #309cd4, #2599d3);
   background-image: linear-gradient(to bottom, #309cd4, #2599d3);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#309cd4', endColorstr='#2599d3',GradientType=0 );
   background-position: initial !important;
}
.btn.reg-now, .metlife.phoenix .dijitButton.c2, .metlife.phoenix .dijitButton.c4 {
   background: #B1C0C7;
   background-image: -webkit-linear-gradient(top, #B1C0C7, #798C96);
   background-image: -moz-linear-gradient(top, #B1C0C7, #798C96);
   background-image: -ms-linear-gradient(top, #B1C0C7, #798C96);
   background-image: -o-linear-gradient(top, #B1C0C7, #798C96);
   background-image: linear-gradient(to bottom, #B1C0C7, #798C96);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B1C0C7', endColorstr='#798C96',GradientType=0 );
   -webkit-box-shadow: 0 1px 0 0 rgba(203, 220, 228, 1) inset, -1px 0 0 0 rgba(76, 87, 92, 0.5) inset, 1px 0 0 0 rgba(76, 87, 92, 0.5) inset, 0 -1px 0 0 rgba(76, 87, 92, 1) inset;
   -moz-box-shadow: 0 1px 0 0 rgba(203, 220, 228, 1) inset, -1px 0 0 0 rgba(76, 87, 92, 0.5) inset, 1px 0 0 0 rgba(76, 87, 92, 0.5) inset, 0 -1px 0 0 rgba(76, 87, 92, 1) inset;
   box-shadow: 0 1px 0 0 rgba(203, 220, 228, 1) inset, -1px 0 0 0 rgba(76, 87, 92, 0.5) inset, 1px 0 0 0 rgba(76, 87, 92, 0.5) inset, 0 -1px 0 0 rgba(76, 87, 92, 1) inset;
   border: 1px solid #c8c6c6;
   text-shadow: 0 -1px 0 #688288;
}
.btn.reg-now:hover, .metlife.phoenix .dijitButton.c2:hover, .metlife.phoenix .dijitButton.c4:hover {
   background: #c8d4da;
   background-image: -webkit-linear-gradient(top, #c9d4db, #a4b0b8);
   background-image: -moz-linear-gradient(top, #c9d4db, #a4b0b8);
   background-image: -ms-linear-gradient(top, #c9d4db, #a4b0b8);
   background-image: -o-linear-gradient(top, #c9d4db, #a4b0b8);
   background-image: linear-gradient(to bottom, #c9d4db, #a4b0b8);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d4db', endColorstr='#a4b0b8',GradientType=0 );
}
.btn.reg-now:active, .metlife.phoenix .dijitButton.c2:active, .metlife.phoenix .dijitButton.c4:active {
   background: #82949d;
   background-image: -webkit-linear-gradient(top, #82949d, #82949d);
   background-image: -moz-linear-gradient(top, #82949d, #82949d);
   background-image: -ms-linear-gradient(top, #82949d, #82949d);
   background-image: -o-linear-gradient(top, #82949d, #82949d);
   background-image: linear-gradient(to bottom, #82949d, #82949d);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82949d', endColorstr='#82949d',GradientType=0 );
}
.btn.chat {
   background: linear-gradient(#8FCF71, #56923A);
   -pie-background: linear-gradient(#8FCF71, #56923A);
}
.btn.chat:hover {
   background:#adda94;
   -pie-background:#adda94;
}
.btn.chat:active {
   background: linear-gradient(#56923A,#8FCF71);
   -pie-background: linear-gradient(#56923A,#8FCF71); 
}
.btn.email {
   background: linear-gradient(#5BBEF5, #0C87C6);
   -pie-background: linear-gradient(#5BBEF5, #0C87C6); 
}
.btn.email:hover {
   background:#84cbf3;
   -pie-background:#84cbf3;
}
.btn.email:active {
   background: linear-gradient(#0C87C6,#5BBEF5);
   -pie-background: linear-gradient(#0C87C6,#5BBEF5); 
}
.metlife.phoenix .dijitButton .dijitButtonNode {
   background: none !important;
   padding-left: 3px;
}
.metlife.phoenix .dijitButton.loginButton.dijitButtonActive, .metlife.phoenix .dijitButton.dijitButtonActive,
.metlife.phoenix .dijitButton.dijitButtonHover {
   background-position: center bottom !important;
}
.metlife.phoenix .dijitButton .dijitButtonText {
   line-height: normal;
}
.findaDentistContainer .find_dent_arw, .metlife.phoenix .find_dent_arw.dijitButton, 
.findaDentistContainer .find_dent_arw:hover,.metlife.phoenix .find_dent_arw.dijitButton:hover {
   border-radius: 0 5px 5px 0 !important;
    top: 9px;
}
#profiles .dijitButton.metlifeSecondaryAction, .metlife.phoenix .dijitButton.secondaryAction {
   border: medium none;
    box-shadow: none;
    -webkit-box-shadow: none;
   -moz-box-shadow: none;
   margin-right: 0 !important;
   filter: none;
}
#profiles .dijitButton.metlifeSecondaryAction .dijitButtonNode, .metlife.phoenix .dijitButton.secondaryAction .dijitButtonNode {
    padding-left: 4px;
    padding-top: 3px;
}
.metlife.phoenix .dijitButton.loginButton, .metlife.phoenix .dijitButton.c2 {
   height: 30px;
   padding-right: 3px;
}
.leftPaddingLink {
   padding-left: 0 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 	.btn {
		padding:0 12px 3px;
	}
}
/** Buttons end **/


/** Login Page hero Image Content Priority **/
.displayDesktop {
   display: block;
}
.displayDevice {
   display:none;
}
.deviceIWantTo {
   display: none;
   width: 125px;
}
body.metlife.phoenix .page .body .header {
	  background: url("../res/img/bg-pageheader-trnsp.png"),-webkit-linear-gradient(#ffffff, #d8e4ef); /* For Safari 5.1 to 6.0 */
	  background: url("../res/img/bg-pageheader-trnsp.png"),-o-linear-gradient(#ffffff, #d8e4ef); /* For Opera 11.1 to 12.0 */
	  background: url("../res/img/bg-pageheader-trnsp.png"),-moz-linear-gradient(#ffffff, #d8e4ef); /* For Firefox 3.6 to 15 */
	  background: url("../res/img/bg-pageheader-trnsp.png"),linear-gradient(#ffffff, #d8e4ef); /* Standard syntax */
	  background-repeat:repeat;
	  height:auto;
	  overflow:hidden;
}

/* Customer Support */
.custSupportSection .mainContent.span_4 {
	float: left!important;
	margin-left: 0 !important;
}
.custSupportSection .rightContentRail.span_2 {
	float: right!important;
	margin-bottom: 14px !important;
}

@media screen and (max-width:1100px) {
	.loginWrapper.mainWrapper {
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	    max-width: 1080px;
	    min-width: 981px;
	    padding: 0 40px;
	    position: relative;
	    width: 100%;
	}
	.metlife.phoenix .page, .leader .logindetail, .singleTab .leader .logindetail {
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
		padding: 0 40px!important;
	    width: 100%;
	    max-width: 1080px;
	}
	.leader .logindetail {
		height: 44px;
	}
	.leader .logindetail .welcome {
		margin-top: 24px;
	}
	.leader .logout {
		margin-top: 22px;
	}
	.singleTab .logindetail .welcome {
		margin-top: 12px!important;
	}
	.singleTab .leader .logout {
		margin-top: 10px!important;
	}
	/** My accounts start **/
	.marketingMediaLeftContent > div, .marketingMediaRightContent > div {
		display:none;
	}
	.marketingMediaLeftContent {
		min-height: 154px;
	}
	.policySummary.standardPolicySection .policyIdentifier {
		padding-right: 133px;
    	width: 100%;
    	box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	.desktopIWantTo {
		margin-top: -24px;
	}
	.distributorSection .ds-header {
	       width: 100% !important;
	   }
	   .policyInfoRight,.policyValueRight,.policyInfoLeft{
       width: 47%!important;
	   }
	/** My accounts end **/
	.eligibilitySection .eligibilityContentSection .individualProductContent{
		max-width:290px;
		width:auto;
	}
	.eligibilitySection .eligibilityContentSection .eligibilityTopSection {
		float:none;
	}
	.retailMenuSection, .megaMenuSection {
		right: 49px !important;
		left: auto !important;
	}
	/** Message center **/
   .messageCenter .title_reminders, .messageCenter .title_alerts {
       width: auto;
   }
   .messageCenter.displayDesktop {
       width: 100%;
   }
   .messageCenter .topMsgHead, .messageCenter .msgBrd, .messageCenter .layoutBox {
       float:none;
       overflow:hidden;
   }
   .messageCenter .topMsgHead {
       display: block;
       height: auto;
   }
   .messageCenter .topMsgHead, .messageCenter .title, .messageCenter .dataList {
       width: 100%;
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
   }
	 /* Customer Support */
	   .custSupportSection .helpbyProd {
	       width: 100%;
	       box-sizing: border-box;
	       -webkit-box-sizing:  border-box;
	       -moz-box-sizing: border-box;
	   }
	   .custSupportSection .helpbyProd .midContent {
	       line-height: 16px;
	   }
   .phoenixSection.CustSupportRight .dijitTextBox INPUT{
       background-color: #ffffff;
       border-color: #b5bcc7;
       -webkit-transition-property: background-color, border;
       -moz-transition-property: background-color, border;
       transition-property: background-color, border;
       -webkit-transition-duration: 0.35s;
       -moz-transition-duration: 0.35s;
       transition-duration: 0.35s;
       width: 100% !important;
   }
   .phoenixSection.CustSupportRight .dijitTextBox .dijitInputContainer{
       margin-right: -1px !important;
   }
   .phoenixSection.CustSupportRight .dijitTextBox,.accountLabel,
   .phoenixSection.CustSupportRight .callUsBlock .dijitReset.dijitInputField.dijitButtonText{
       width: 100% !important;
   }
   .phoenixSection.CustSupportRight .dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer {
       position: absolute;
        right: 0;
   }
   .phoenixSection.CustSupportRight .dijitSelect {
       overflow: hidden;
       position: relative;
       width: 100% !important;
   }
   .phoenixSection.CustSupportRight .setPhoneType,.phoenixSection.CustSupportRight .yourAccount .dijitSelect .dijitButtonText{
       width:auto !important;
       right: 0px;
   }
   .CustSupportRight .divTable .divColumn2.leftSplictColumn{
       margin-bottom:10px!important;
   }
   #accDet .dijitDownArrowButton{
       width:auto !important;
   }
/*--------*/
}

@media screen and (max-width:980px) {

	.metlife.phoenix .leader {
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
   		height: 30px;
   		width: 100%;
   		padding: 0;
	}
	.metlife.phoenix .metlifeLogoLink {
		top: 55px;
	}
	.splitViewDropDown {
	    float: left;
	    padding: 4px 0 0;
	    display: block;
	}
	.splitView .dijitTabListWrapper, .splitView .tabStripButton {
		display:none!important;
	}
	.leader, .leader .logindetail, .singleTab .leader  {
		height: 31px!important;
	}
	.metlife.phoenix .navigationHolder, .MenuTabs, .singleTab .MenuTabs {
		top: 32px!important;
	}
	.leader .logindetail .welcome, .singleTab .logindetail .welcome {
		margin-top: 9px;
	}
	.leader .logout, .singleTab .leader .logout {
		margin-top: 7px;
	}
	.metlife.phoenix .body {
		margin-top: 155px;
	}
	.retailMenuSection, .megaMenuSection {
		top: 117px;
	}
	.footer {
		padding-left: 0;
		padding-right: 0;
	}
	.cookieNotify{
	   	display:none!important;
	}
	.eligibilitySection .eligibilityHeaderSection {
		height: auto;
	    overflow: hidden;
	    padding: 10px 0;
	    line-height: normal;
	}
	.eligibilitySection .eligibilityHeaderSection .headerText {
		line-height: 21px;
		width: 70%;
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	.eligibilitySection .eligibilityHeaderSection .viewAllLink{
		display: inline;
	    float: right;
	    width: auto;
	}
	/** Error 404 500 starts **/
	#actionItemsLoggedIn .myAccountsIcon {
	    display: inline-block;
	    margin: 0 0 14px;
	    width: 100%;
	}
	#actionItemsLoggedIn .custSupportIcon {
	    display: block;
	    margin: 0 !important;
	    width: 100%;
	}
	/** Error 404 500 ends **/
	/** I want to **/
	.desktopIWantTo {
		display:none;
	}
	.deviceIWantTo {
		display: block;
		float: right;
		margin-top: -25px;
	}
	.iWantToDefaultSelect.defaultSelectView {
		width: 125px;
	}
	.retailMenuSection .retailMenuContentWrapper {
		display:table;
		position:relative;
	}
	.retailMenuHolder {
		min-height:0;
		overflow-x: hidden;
	}
   /* My Forms */
   #formsDocuments .dijitTabListWrapper{
       display:block!important;
       min-width: 215px;
   }
   #formsDocuments .dijitTabContainer {
       width: 100%!important;
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
   }
  
	
}

@media screen and (max-width: 768px) {
	.displayDesktop {
		display: none;
	}
	.displayDevice {
		display:block;
	}
	.mainContent,.notificationContainer, .notificationHolder, 
	.groupMessageTop, .groupProdSummary , .messageCenter, .messageCenter .topMsgHead, 
	.messageCenter .title, .messageCenter .dataList{
		width: 100%!important;
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	.metlife.phoenix .body {
		padding: 0!important;
	}
   .messageCenter .msgBrd {
       margin-bottom: 0;
   }
   .messageCenter .msgBrd, .messageCenter .layoutBox {
       float:none;
   }
   .messageCenter .topMsgHead, .messageCenter .title {
       float: none;
   }
   .marketingMedia br {
       display: none;
   }
   .marketingMedia div div hr {
       display: none;
   }
   .layoutBox.rail.alertsSection {
       margin-bottom: 0!important;
   }
   .messageCenter .alertsSection .showmore {
       padding-bottom: 13px;
   }
   .notificationArrowHolder {
       background: none;
       clear: both;
       display: block;
       float: right;
       padding: 0 0 0 16px;
       position: absolute;
       right: 0;
       top: 3px;
       width: 70px;
   }
   .notificationArrowHold {
       vertical-align: top;        
   }
   .notificationHolder {
       border-top: 1px solid #A26B15;
         padding: 0;
       position: static;
       margin-top: 25px;
       width: 100%;
   }
   .alertMsgs.alertsContentSection {
        padding: 0 10px;
   }
   .notificationHolder .notificationClose {
         top: 0!important;
   }
   .notificationHolder .notification p {
       width: 100%;
       box-sizing: border-box; 
        -webkit-box-sizing:  border-box; 
        -moz-box-sizing: border-box;
       padding: 6px 30px 8px 0!important;
   }
   .notificationHolder .notificationClose .notificationCloseHoldInner {
       vertical-align: top;
   }
   .notificationBar, #paymentMessages, .singleTab .notificationBar {
       height:auto!important;
       min-height:0!important;
   }
   .notificationBar.singleAlert .notificationHolder {
       margin-top:0px;
   }
   .notificationBar.singleAlert .notificationHolder .notificationClose {
        right: 46px;
        top:3px!important;
    }
    .notificationBar.singleAlert .notificationClose .ntfClosebtn {
        vertical-align: middle;
    }
    .singleAlert.notificationBar .notificationHolder,.singleAlert.notificationBar .notificationBottombar {
       border-top:none;
   }
   
   /*Remained Auto Collasped Function*/
   .remainderCollapsed+.pagin,.remainderCollapsed+.pagin+.remindersCon,.forMobileView+.alertsCon,.forMobileView+.alertsCon+.showmore{
       display:none !important;
   }
   .messageCenter .alertsCollapsedMobile{
         background: url("../res/img/alerts/alert-collapse.png") no-repeat 97% 54%;
         display:block;
   }
   .remainderCollapsed .alertsCollapsed {
       display: block;
   }
   .groupMessage, .productsErr, .noErrorDisplay.productsErr {
       margin-top: 0;
   }
   /*Pre Loader Fix for RWD*/
   #pre-click-here{
       padding: 0px 10px;
   }
   #pre-click-here a{
       display: inline-block;
          padding: 5px 0px;
   }
   .loaderOverlay {
       opacity:0;
   }
   /*#pre-loading {
       position: relative !important;
       margin-top: 175px;
       top:0 !important;
   }
   /*submit a claim */
   .metlife.phoenix .submitClaimMenuContainer {
       left: -135px !important;
   }
   .metlife.phoenix .submitClaimMenuContainer.dijitTooltipBelow .dijitTooltipConnector {
       left: 215px !important;
   }
   /* CMP */
   .updateTempPwd, .tempPasswordOverlay .dijitDialogPaneContent, #IwanttoConsentDialog .dijitDialogPaneContent {
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
       height: 100% !important;
       width: 100% !important;
   }
   /* Add a product drop down */
   .defaultPolicyType, .defaultPolicyType select.defaultSelectView {
       width: 210px;
   }
   /* My Forms */
   #formsDocuments .docPageLayout {
       border: none;
   }
   .rwdTabAccordian .dijitAccordionInnerContainer{
       border: none;
       margin-bottom: 0;
   }
   #formsDocuments .mrgLeft14Px {
       margin-bottom: 10px;
       margin-left: 0;
       padding: 0 14px;
   }
   #formsDocuments .mrgLeft14Px.viewForms {
       margin-bottom: 0;
   }
   .claro .rwdTabAccordian .dijitAccordionTitle {
       border-radius: 2px;
       border: 1px solid #B0D5E9;
       background-color: transparent;
       background: #fafdfe;
       background-image: -webkit-linear-gradient(top, #fafdfe, #cde8f7);
       background-image: -moz-linear-gradient(top, #fafdfe, #cde8f7);
       background-image: -ms-linear-gradient(top, #fafdfe, #cde8f7);
       background-image: -o-linear-gradient(top, #fafdfe, #cde8f7);
       background-image: linear-gradient(to bottom, #fafdfe, #cde8f7);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#cde8f7',GradientType=0 );
       background-repeat: repeat-x;
       color:#007CC2;
       font-family: "FrutigerBold";
       font-size:14px;
       font-weight: normal;
       min-height: 18px;
       padding: 10px 7px;
   }
   .claro .rwdTabAccordian .dijitAccordionTitleSelected {
       color:#ffffff;
       background: #98d33a;
       background-image: -webkit-linear-gradient(top, #98d33a, #68ab33);
       background-image: -moz-linear-gradient(top, #98d33a, #68ab33);
       background-image: -ms-linear-gradient(top, #98d33a, #68ab33);
       background-image: -o-linear-gradient(top, #98d33a, #68ab33);
       background-image: linear-gradient(to bottom, #98d33a, #68ab33);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d33a', endColorstr='#68ab33',GradientType=0 );
       background-repeat: repeat-x;
       border: 1px solid #62a642;
   }
   .rwdTabAccordian .dijitAccordionInnerContainer .dijitAccordionText {
       color: #007cc2;
   }
   .dijitAccordionContainer.rwdTabAccordian .dijitAccordionChildWrapper, .rwdTabAccordian .dijitAccordionInnerContainerSelected {
       border: medium none;
   }
   #formsDocuments .docPageLayout.rwdTabAccordian {
       background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
       padding: 0 0 23px;
   }
   #formsDocuments .docPageLayout.rwdTabAccordian h2 {
       font-size:14px!important;
	color:#595959;
   }
   #formsDocuments .docPageLayout h3, .mydocInnerTabContent h3{color:#595959;}
   #formsDocuments .docPageList li span{color:#595959;}
   .rwdTabAccordian .dijitAccordionInnerContainer .dijitAccordionTitleSelected .dijitAccordionText {
       color: #ffffff;
   }
   .dijitAccordionContainer.rwdTabAccordian .dijitAccordionChildWrapper {
       padding: 0 10px;
       overflow: visible;
       height: 100% !important;
        margin: 0;
        border: 1px solid #d5d5d5;
        border-top: none;
   }
   .PHPpages .splitView .rwdTabAccordian .dijitContentPane {
       height: 100% !important;
        overflow: visible;
   }
   #formsDocuments .rwdTabAccordian div.innerTabContent {
       margin-top: 0;
        padding: 15px 0;
   }
   #formsDocuments .docPageList li {
       margin-bottom: 5px;
   }
}
 
@media screen and (max-width:800px) {
   body.metlife.phoenix .page .body .header h1 {
       width: auto;
   }
      .defaultDeviceMenuHide {
          display:none;
      }
      .MenuTabs {
          padding-left: 0;
          position:inherit;
      }
      .hamburgerMenu {
          width: 24px;
          height: 24px;
          position: absolute;
        left: 20px;
          top: 24px;
          cursor: pointer;
      }
      .hamburgerMenu span{
          height:4px;
          display: block;
          background: #007fc4;
          margin-bottom: 4px;
      }
      .hamburgerMenu.activeHamburger span{
          background: #62a642;
      }
      .MenuTabs, .singleTab .MenuTabs.showMenu {
       position: absolute;
       background-color: #fff;
       top: 0 !important;
       width:320px !important; 
          overflow-y: auto !important;
          overflow-x: hidden !important;
       z-index:930 !important;
          width: 75% !important;
          border-top: 1px solid #C5C5C5 !important;
      }
   .splitView .MenuTabs.dijitTabController{
          width:75% !important; 
          z-index:930 !important;
          max-width:300px;
          top: 100px !important;
      }
     #retailMenuCloned .showMorePolicyLink,#retailMenuCloned .showLessPolicyLink{
         display:none !important;
     }
   #retailMenuCloned .morePolicies{
         display:block !important;
   }
      #overlayDiv{
         width: 100%;
       height: 100%;
       position: absolute;
        top: 100px;
       left: 0;
       display:none;
       background: rgba(0, 0, 0, 0.5);
    }
      .bodyOverflowScroll .MenuTabWrapper,.bodyOverflowScroll .notificationBar{
          pointer-events: none;
      }
      .MenuTabs .dijitTab, .MenuTabs .MyHoldings.dijitTab, .MenuTabs .CustSupport.dijitTab, .MenuTabs .MyDocuments.dijitTab {
          height: auto;
          width: 100%;
          border-bottom: 1px solid #d5d5d5 !important;
        box-shadow: none !important;
        background: url("../res/img/bg-nav-header.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;
      }
      .retailMenuOrginal, .currentMegaMenu, .megaMenuOrginal {
         display: none;
   }
      .MenuTabs .MyHoldings.dijitTab,.holdings_icon {
          width: 100% !important;
          border: 0;
      }
      .menuTabIcon br {
       display: none;
   }
   .MenuTabs .dijitTab .menuIcon_div {
       float: left;
       margin-top: 3px;
   }
   .menuLabel {
       padding-top: 16px;
   }
      .MyHoldings .holdings_icon {
       height: 50px;
       width: 100%;
   }
   .MyHoldings {
       padding-bottom:0px;
   }
   .MenuTabs .dijitTab .menuTabIcon {
       height: 50px;
       border-left: 0 none;
   }
      .holdings_navigation, .metlife.phoenix .MenuTabs .MyHoldings .holdings_navigation:hover, .metlife.phoenix .MenuTabs .MyHoldings .navHover {
          position: absolute;
          right: 0;
          height: 50px;
        width: 64px;
        border-left: 1px solid #d5d5d5;
      }
      .notificationHolder .notificationClose {
          right: 7px;
          z-index: 9;
      }
      .notificationArrowHolder {
          right:0px;
      }
      .notificationContainer {
          width: 100%;
      }
      .notificationHolder {
          box-sizing: border-box;
          -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
          width: 100%;
      }
      .nav_arrow {
          left: 27px;
          top: 21px;
      }
      .retailMenuSection, .singleTab .megaMenuSection, .singleTab .retailMenuSection,.megaMenuSection {
       left: 0 !important;
       margin: 0;
       right: 0 !important;
       top: 0px !important;
       border: none;
       max-height: none;
       position: relative !important;
       width: 100%;
       min-height: 0!important;
          height: auto !important;
      }
      .retailMenuSection .retailMenuContentWrapper,.megaMenuSection .megaMenuContentWrapper {
          padding: 0;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
        max-height: none;
        min-height:0;
        border-bottom: 1px solid #ddd;
      }
      .retailMenuHolder,.megaMenuHolder {
       max-height: none;
        min-height: 0;
       overflow: hidden;
       box-shadow: none;
      }
      .retailMenuSection .retailCol, .megaMenuSection .megaCol{
          box-sizing: border-box;
          -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
        display: block;
        width: 100% !important;
        padding: 0;
      }
      .retailMenuSection .retailMenuImage, .retailMenuSection .retailCol h1.headerText,.megaMenuSection .megaMenuGrpImage,.megaMenuSection .megaCol h1.headerText {
          display: none;
      }
      .retailMenuHolder .errorCol, .megaMenuHolder .errorCol {
       display: inline-block;
       padding: 0 10px 15px;
       width: 100%;
       box-sizing: border-box;
          -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
    }
      .retailInfoContent,.groupInfoContent {
           margin: 0;
         padding: 15px 10px;
      }
      .retailMenuSection .retailCol h2, .retailMenuSection .retailCol li, .retailMenuSection .showMorePolicyLink, .retailMenuSection .showLessPolicyLink, .megaMenuSection .megaCol h2,.megaMenuSection .megaCol li {
          min-height: 38px;
        line-height: 38px;
        padding: 0 10px;
        border-bottom: 1px solid #d5d5d5;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
        top: 0;
        margin:0;
        
      }
   .retailMenuSection .retailCol h2, .megaMenuSection .megaCol h2 {
       line-height: normal;
       vertical-align: middle;
       padding: 8px 10px;
   }
      .retailMenuSection .menubgextend {
        min-height: inherit;
   }
      .retailMenuSection .resourcesCol {
          background-size: 100% 100% !important;
          padding-left: 0 !important;
      }
      .retailMenuSection .retailCol ul, .megaMenuSection .megaCol ul {
          margin: 0;
      }
      .retailMenuSection .morePolicies {
          top: 0;
      }
      .retailMenuSection a.showMorePolicyLink span.mm_show_more, .retailMenuSection a.showMorePolicyLink:hover span.mm_show_more,
      .retailMenuSection a.showLessPolicyLink .mm_show_less, .retailMenuSection a.showLessPolicyLink:hover .mm_show_less {
          margin-top: 16px;
      }  
      .megaMenuSection .menubgextend {
        min-height: inherit;
   }
   .metlife.phoenix .leader {
       height: 30px;
   }
   .metlife.phoenix .navigationHolder {
       height: 68px;
       top: 32px;
   }
   .retailMenuSection .retailCol li a, .megaMenuSection .megaCol li a {
       padding: 10px 0;
       display: block;
   }
   .metlife.phoenix .body, .metlife.phoenix.singleTab .body  {
       margin-top: 100px!important;
   }
   .metlife.phoenix .metlifeLogoLink {
       top: 43px !important;
        left:50%;
        margin-left: -74px;
   }
   .groupLogo {
       margin-left: -39px;
   }
   .metlife.phoenix .MenuTabs .MyHoldings .holdings_navigation.navHover .nav_arrow {
       background: url("../res/img/MyAccounts_Button_close.png") no-repeat !important;
       height: 14px;
       width: 14px;
       left: 24px;
            top: 18px;
   }
   .megaMenuSection .resourcesCol {
       background-size:100% 100%!important;
   }
   .bodyOverflowScroll {
        position:fixed;
        overflow:hidden;
   }
   .megaMenuSection p.groupInfoContent {
       margin-bottom:0px;
   }
   .error404, .error500 {
       height: auto;
   }
   .PHPpages .splitView .dijitContentPane, .PHPpages .splitView .dijitTabPaneWrapper {
       overflow: visible;
   }
   .notificationBar, #paymentMessages, .singleTab .notificationBar {
       position: relative;
       top: 0 !important;
   }
   .fixedTopBar .singleTab .notificationBar,.fixedTopBar .notificationBar{
       top: 0px !important;
   }
   .phoenix .alert_Hidden {    
       display:none;
   }
   .notificationBar.alerPositionReset {
       top:152px !important;
   }
   .menuVisibility{
       visibility:hidden;
   }
   .presigninlogo{display:none;}
	h1.presigninheaderText{display:none;}
}
@media screen and (min-width:691px) and (max-width:800px) {
   .MenuTabs {
       left:0px;
   }
   .metlife.phoenix .body, .metlife.phoenix.singleTab .body {
       margin-top: 137px !important;
   }
   .metlife.phoenix.agreements .body {
       margin-top: 34px !important;
   }
   .notificationBar, #paymentMessages, .singleTab .notificationBar {
       top: 100px !important;
       position: fixed;
   }
   .splitView .MenuTabs.dijitTabController {
       top: 100px !important;
   }
   .leader.topBarHidden {
       display: block;
   }
   .hamburgerMenu {
       left: 65px;
   }
}
@media screen and (max-width: 690px)  {
	.span_4, .span_2{
	  	width: 100%!important;
	  	margin-left: 0!important;
	}
	.span_2 .span_1 {
	  	width: 48.9884393%!important;
	  	margin-left: 0!important;
	  	margin-bottom: 14px!important;
    	margin-left: 2.023124%!important;
	}
  	.span_2 .span_1:first-child {
  		margin-left: 0!important;
  	}
	/** login **/
	.loginContentWidth.favorite, .loginContentWidth.header {
		position: fixed !important;
   		z-index: 100;
   		top: 0;
   		z-index: 3;
	}
	.loginContentWidth.header {
		border-bottom: 1px solid #AAA;
		top: 24px;
	}
	.loginWrapper.mainWrapper {
  		padding-top: 94px !important;
    	max-width: 690px;
    	min-width: 320px;
	}
	.main .clippingBox {
	    width: 100%;
	}
	#phoenix_Login_0 > span {
	    display: none;
	}
	.clippingBox .desktop{
		display: none;
	}
	.clippingBox .device{
		display: block!important;
	}
	.clippingBox .tablet{
		display: none;
	}
	.loginWrapper.mainWrapper {
		padding: 0;
	}
	.loginWrapper.mainWrapper .span_2 {
		position: relative;
	}
	.main .dijit.dijitReset.dijitInline.c2.dijitButton, .main .dijitButton.c2 .dijitButtonNode {
	    background: none !important;
	    height: auto;
	    margin: 0;
	    padding: 0;
	    border: medium none;
    	box-shadow: none;
	}
	.main .dijitButton.c2 .dijitButtonText {
		text-shadow: none!important;
		color: #007cc2 !important;
		padding-left: 2px;
		padding-top: 3px;
	}
	.cbox h4, .cbox.marketing p  {
	    box-sizing: border-box;
	    -webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
    	padding: 0;
    	width: 100%!important;
	}
	.main .dijitButton.c2 .dijitButtonText:hover {
		text-shadow: none!important;
		color: #7eb764 !important;
	}
	.main h3 {
	    display: inline;
	    font-family: Frutiger;
	    font-size: 13px;
	    margin: 0 !important;
	}
	.cbox .buttonBar {
	    display: inline;
	    margin: 0;
	}
	.marketing span.homeImg {
	    border-radius: 0 3px 3px 0;
	    padding: 4px 4px 4px 11px;
	    left: 0;
	    position: absolute;
	}
	.loginContentWidth {
		min-width: 100% !important;
	}
	.cbox marketing {
		float:left;
	}
	.favorite .infoBar, .loginWrapper, .main .lbox.content {
		width: 100% !important;
	}
	.main .lbox.content {
		margin-right: 0;
	}
	.main .cbox {
		position: relative;
		margin: 0;
		border: medium none;
    	border-radius: 0;
	}
	.marketingBarWrapper .cbox h2 {
		margin: 0 0 8px !important;
    	padding: 0!important;
	}
	.main .clippingBox {
		width: 100%;
		float: none;
    	overflow: hidden;
	}
	.marketingBar .lbox {
		margin: 0;
		width: 100%;
		min-height: 100px!important;
	}
	.marketingBar .lbox.goGreenBox {
		border: none;
	}
	.marketingBar .cbox {
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	    float: left;
	    padding: 20px 15px 20px 50px;
	    text-align: left;
	    width: 100% !important;
	}
	.cbox li, .cbox .lobList2 li  {
		box-sizing: border-box;
		float: left;
		margin-left: 14px;
		padding-right:14px;
		width: 95%;
		list-style: disc outside none !important;
	}
	.topImage{
		display: none !important;
	}
	.bottomImage{
		display: block !important;
	}
	
	
	/** My Accounts **/
	.metlife.phoenix .page {
		width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	.leader .logindetail, .singleTab .leader .logindetail {
		padding: 0 10px!important;
	}
	
  	.splitViewDropDown .dijitButtonText {
  		width: 125px;
  	}
	.messageCenter .msgBrd {
		display:none;
	}
	.alertContainer {
		margin: 0 10px;
	}
	.notificationBar.singleAlert .notificationHolder .notificationClose {
    		right: 12px;
    	}
	.MenuTabWrapper .phoenixPage .content {
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.page .phoenixPage, body.metlife.phoenix .page .body .header {
		border-radius: 0;
	}
	body.metlife.phoenix .page .body .header h1 {
		font-size: 24px;
	}
	.printSection, .printTerms a, .privacyMainSection div a, .termsLinkBlock div a {
		padding: 0;
    	visibility: hidden;
	}
	.layoutBox.rail.alertsSection{
		margin-bottom: 0;
	}
	.messageCenter .title {
		height: 30px;
		line-height: 30px;
	}
	.distributorSection .ds-header {
		width: 100% !important;
		padding-right: 43px;
    	box-sizing: border-box;
    	-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	
	.phoenixHoldingsMain {
		margin-bottom: 15px;
	}
	.phoenixHoldingsMain .phoenixSection {
	    margin-bottom: 0;
	}
	
   .groupMessage, .productsErr, .noErrorDisplay.productsErr {
       margin: 0 10px 14px;
   }
   div.marketingRail > div {
       margin-left: 10px;
       margin-right: 10px;
   }
   .groupMessage {
       margin-bottom: 14px;
   }
   
   
   .eligibilitySection .eligibilityContentSection .eligibilityProductIcon {
       position: absolute;
   }
   .eligibilitySection .eligibilityContentSection .eligibilityProductIcon img {
       padding-left: 4px;
   }
   .eligibilitySection .eligibilityContentSection .eligibilityTopSection {
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
       padding-left: 50px;
       padding-top: 15px;
       width: 100%;
   }
   .eligibilitySection .eligibilityContentSection .eligibilityBottomSection {
       padding-left: 44px;
   }
   .autoLeftContainer {
       width: 100%;
   }
   .eligibilityTopSection .showMoreSection {
       left: 45px;
       top: auto !important;
       bottom: 10px;
       display: none;
   }
   .hideEligibleDetails .eligibilityTopSection .showMoreSection {
       display: block !important;
   }
   .eligibilityBottomSection .showMoreSection{
       width: 100% !important;
       position: relative !important;
       float: left!important;
       padding: 0 0 10px!important;
       text-align: left!important;
       display: block!important
   }
   .eligibilitySection .eligibilityContentSection .primaryContent {
       padding-bottom: 55px;
   }
   .eligibilitySection .eligibilityContentSection .showEnrollNow {
       float: left;
       text-align: left;
   }
   .eligibilitySection .eligibilityContentSection .individualProductContent {
       width: 100%;
       padding-top: 0;
       max-width: 100%;
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
   }
   .eligibilitySection .eligibilityHeaderSection {
       background: none;
   }
   .eligibilitySection .employeeInfoContent {
       border-top: none;
       padding-top: 0;
   }
   .eligibilitySection .eligibilityHeaderSection .viewAllLink{
       padding-top: 10px;
   }
   .footer {
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
       padding-left: 10px !important;
       padding-right: 10px !important;
   }
   .phoenixDialog.dijitDialog, .mobileViewOverlay.dijitDialog {
        width:100%;
        height: 100% !important;
       left: 0 !important;
       overflow-y: scroll !important;
       position: fixed !important;
       top: 0 !important;
       bottom: 0;
       right: 0;
       border-radius: 0;
       background: #FFF;
    }
    .phoenixDialog.dijitDialog .dijitDialogHolder, .mobileViewOverlay.dijitDialog .dijitDialogHolder {
        margin:0!important;
        width:100%!important;
        border-radius: 0;
            box-shadow: none;
            box-sizing: border-box;
        -webkit-box-sizing:  border-box;
        -moz-box-sizing: border-box;
        background: none;
    }
    .phoenixDialog.dijitDialog .dijitDialogPaneContent, .mobileViewOverlay.dijitDialog .dijitDialogPaneContent {
        width: 100% !important;
    }
    .phoenixDialog.dijitDialog .dijitDialogCloseIcon, .phoenixDialog.dijitDialog .dijitDialogCloseIconHover,
    .mobileViewOverlay.dijitDialog .dijitDialogCloseIcon, .mobileViewOverlay.dijitDialog .dijitDialogCloseIconHover {
       right: 8px;
       top: 11px;
        }
        .phoenixDialog.dijitDialog .dijitDialogHolder .dijitDialogTitleBar,
        .mobileViewOverlay.dijitDialog .dijitDialogHolder .dijitDialogTitleBar  {
           background-color: #FFF !important;
           border-bottom:1px solid #ccc;
       height: 37px !important;
       position: fixed;
       right: 0;
       top: 0;
       width: 100%;
       z-index: 9;
       cursor: inherit;
    }
    .phoenixDialog.dijitDialog .dijitDialogHolder .dijitDialogPaneContent .popupHeader,
    .mobileViewOverlay.dijitDialog .dijitDialogHolder .dijitDialogPaneContent .popupHeader{
        margin-top: 32px !important;
    }
    .metlife.phoenix .custLOBList .dijitCheckBox {
        vertical-align: top;
    }
    li.custLOBList label {
       padding-left: 5px;
       width: 88% !important;
    }
    li.custLOBList .dijitCheckBox {
        margin-top: -3px !important;
    }
    .dflt_profile_scrn .viewAcnts_section {
        width: 100%;
    }
   .mobileViewOverlay.dflt_profile_scrn {
        background: #EDEDED;
   }
    .dflt_profile_scrn .main_content {
        height: auto;
    }
    .dflt_profile_scrn h1 {
        font-size: 24px;
        padding: 10px 0;
   }
   .mobileViewOverlay.dflt_profile_scrn .btmGrad_contentContainer {
       background: none;
   }
   /*overlay ends*/
   .twoColumnCarousel .carouselRightSection {
       padding: 26px 0 0 2%;
       width: 25%;
   }
   .twoColumnCarousel .carouselLeftSection {
       width: 73%;
   }
   .twoColumnCarousel .carouselRightSection img,.marketingMedia .marketingMediaTopContent > div > p > img{
       height: auto !important;
        width: 100% !important;
   }
   .marketingMediaTop,.marketingMedia{
       height:auto !important;
       overflow:hidden !important;
   }
   .lobSection .lobHead{
       height:auto;
   }
   /** For Top bar auto hide in Mobile **/
   .fixedTopBar .topBarHidden{
       display:none;
   }
   .fixedTopBar .singleTab .navigationHolder,
   .fixedTopBar .navigationHolder,
   .fixedTopBar.metlife.phoenix .navigationHolder,
   .fixedTopBar .loginContentWidth.header{
       top: 0 !important;
   }
   .fixedTopBar .singleTab .metlifeLogoLink,
   .fixedTopBar .metlifeLogoLink,
   .fixedTopBar.metlife.phoenix .metlifeLogoLink{
       top: 15px !important;
   }
   .fixedTopBar .loginWrapper.mainWrapper{
       padding-top: 70px !important;
   }
   .fixedTopBar.metlife.phoenix.singleTab .body,.fixedTopBar.metlife.phoenix .body,.fixedTopBar.metlife.phoenix.singleTab .body,.fixedTopBar.metlife.phoenix .body{
        margin-top: 123px;
   }
   /** ---------------------------------------- **/
   
   .desktopRwd {
        display: none;
   }
   .mobileRwd{
       display: block!important;
   }
   body.metlife.phoenix .page .body .linkAccountBlock .dijitDownArrowButton,
   body.metlife.phoenix .page .body .linkAccountBlock .dijitDropDownButton,
   body.metlife.phoenix .page .body .linkAccountBlock .dijitDropDownButtonOpened .dijitDownArrowButton{
       width:100px;
   }
   
   
   /** Feedback **/
   .oo_feedbackThumb {
       right: 10px !important;
       bottom: 0px;
       top: auto !important;
       width: 88px !important;
          height: 29px !important;
   }
   .oo_feedbackThumbHover, .oo_feedbackThumbActive {
       right: 10px !important;
       bottom: 0px;
       top: auto !important;
       width: 88px !important;
          height: 29px !important;
          background-position: 0px -35px !important;
   }
   /*Message center full Width*/
   .messageCenter{
       border: none;
          background-color: transparent;
          border-radius:0;
   }
   .messageCenterMaginDiv {
       margin-right: 10px;
       margin-left: 10px;
       border: 1px solid #d3d7da;
       background-color: #fff;
       border-radius:3px;
   }
   .retailReminder {
       margin-bottom: 0;
   }
   .retailReminder .messageCenterMaginDiv {
       border: none;
   }
   .retailReminder .layoutBox{
       border: 1px solid #d3d7da;
       margin-bottom: 14px;
   }
   .eligibilitySection{
         margin: 0px 10px 15px 10px;
   }
   .header .logoBar {
       padding:0 10px;
       text-align: center;
   }
   .phoenix.popupWidget {
       background:#EDEDED!important;
   }
   .updateTempPwd.popupWidget {
       background:#ffffff!important;
   }
   body.phoenix .phoenixCheckProfileLightbox  {
       width:680px;
   }
   /* Customer Support */
   .custSupportSection .mainContent.span_4, .custSupportSection .rightContentRail.span_2 {
       padding: 0 10px;
   }
    body.phoenix.popupWidget {
        overflow:hidden;
    }
    .marginTopOverwrite{
        margin-top:20px;
    }
    .lockImage {
       position: absolute;
       right: 150px;
   }
   /* My claims */
   .claimsLeftContent {
       margin: 0 10px 14px;
   }
   /* My forms */
   #formsDocuments .docPageLayout.rwdTabAccordian {
       padding-left: 10px;
       padding-right: 10px;
   }
   #formsDocuments .mrgLeft14Px {
       padding: 0 10px;
   }
   /* Privacy Policy */
   .metlife.phoenix .privacyMainSection div, .metlife.phoenix .printTerms {
       display:none;
   }
   .homepage.agreements.fixedTopBar {
       top: 76px;
       position: relative;
   }
       /*table*/
   .metlife.phoenix table.tableCont {
       width:100%;
   }
}
@media screen and (min-width:680px) and (max-width:690px) {
   body.phoenix .phoenixCheckProfileLightbox  {
        left: 50% !important;
       margin: 0 auto 0 -340px !important; 
    }
    #IwanttoConsentDialog {
       top:30px!important;
       left:0px!important;
   }
}
@media screen and (max-width:540px) {
	.leader .profileLink, .logout span.lockImage, .leader .logindetail .welcome {
		display: none;
	}	
	.logout .padlockDivider {
		padding: 0;
	}
	.logout.dijitInline > a {
		margin-right: 10px;
	}
	.leader .logoutLink {
		margin-left: 10px;
		margin-right: 0!important;
	}
	.logout .divider {
		margin-left: -2px;
	}
	.logout .padlockDivider {
		padding: 0;
	}
   .policyInfoRight, .policyValueRight, .policyInfoLeft, .standardPolicySection .flRight {
       width: 100%!important;
   }
   .error404, .error500 {
       background-position: 50% 0;
       background-size: 300px auto;
       padding: 300px 15px 15px;
   }
   .error500 {
       padding: 250px 15px 15px;
   }
}
@media screen and (max-width:500px) {



	body.metlife.phoenix .dijitSelectMenu {
		width:auto!important;
	}
	body.metlife.phoenix .dijitSelectMenu .dijitMenuTable {
	    width: 284px!important;
	}
	.checkProfile .checkMemberLeft .dijitSelectLabel {
		width: 200px!important;
	}
	.checkProfile .checkMemberLeft .challengeAnswer {
		width: 248px!important;
	}
   .tableCustomWrapper {
       position:relative
   }
}
 
@media screen and (max-width:470px) {
   /** communication down **/
    .solrPage {
       background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
       box-sizing: border-box;
       -webkit-box-sizing:  border-box; 
        -moz-box-sizing: border-box;
       padding: 0 10px;
       width: 100%;
   }
   .splitView .solrPage {
       margin: 0 auto;
   } 
   .solrMessage {
       background: none repeat scroll 0 0 #f1f1f1;
       height: auto;
       width: 100%;
   }
   .solrContent {
       white-space: normal;
   }
   .solrContent br {
       display: none;
   }
   .errormessageWrapper h2.errormessageHeader {
       font-size: 24px;
       line-height: 27px;
   }
   .solrMessagePanel {
       position: relative;
       margin-bottom: 38px;
   }
   .solrMessagePanel:before, .solrMessagePanel:after {
       z-index: -1;
       position: absolute;
       content: "";
       bottom: 15px;
       left: 10px;
       width: 50%;
       top: 80%;
       max-width:300px;
       background: #777;
       -webkit-box-shadow: 00 15px 19px #111;
       -moz-box-shadow: 0 15px 19px #111;
       box-shadow: 0 15px 19px #111;
       -webkit-transform: rotate(-3deg);
       -moz-transform: rotate(-3deg);
       -o-transform: rotate(-3deg);
       -ms-transform: rotate(-3deg);
       transform: rotate(-3deg);
   }
   .solrMessagePanel:after {
       -webkit-transform: rotate(3deg);
       -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
       -ms-transform: rotate(3deg);
       transform: rotate(3deg);
       right: 10px;
       left: auto;
   }
   /** communication ends **/
}

@media screen and (max-width:319px) {
	body{
		width:320px;
	}
}

@media screen and (min-width:981px) {
	.bottomImage .bottomImage{
		display: none;
	}
	.notificationHolder {
    	padding: 0 0 0 18px;
    }
    .notificationHolder .notificationClose {
    	right:10px!important;
    }
   .notificationHolder .notificationClose .notificationCloseHoldInner{
   		/*vertical-align: top;*/
   		top:10px;
   		padding-top: 5px;
   }
	body.phoenix .phoenixCheckProfileLightbox {
		left: 50%!important;
		margin: 0 auto 0 -340px!important;
	}
	#CustomizeLOBSection {
		left: 50%!important;
		margin: 0 auto 0 -351px!important;
	}
}
@media screen and (min-width:320px) and (max-width:340px) {
	.dijitPopup.phoenixPagePopup {
	    left: auto !important;
	    right: 0 !important;
	}
	.linkAccountWrapper{
		position:relative !important;
		width:100% !important;
		left:0 !important;
	}
	.linkAccountList li a{
		background-position:95%;
		display:block;
	}
	.linkAccountList li a:hover, .linkAccountList li:hover a{
		background-position:95%;
		display:block;
	}
	
}
@media screen and (min-width:320px) and (max-width:500px) {
	.marketingMedia .marketingMediaTopContent > div > p{
	width: 30% !important;
	}
	.marketingMediaTopContent > div > div{
		width: 70% !important;
	}
}

@media screen and (min-width:501px) and (max-width:600px) {
	.marketingMedia .marketingMediaTopContent > div > p{
		width: 24% !important;
	}
	.marketingMediaTopContent > div > div{
		width: 76% !important;
	}
}
@media screen and (min-width:526px) and (max-width:690px) {
	.betterWayBox .cbox ul li {
	    width: 46%;
	}
}
@media screen and (min-width:341px) and (max-width:690px) {
	.dijitPopup.phoenixPagePopup {
		left: auto !important;
    	right: 224px !important;
	}
}

@media screen and (min-width:600px) and (max-width:690px) {
	.marketingMedia .marketingMediaTopContent > div > p{
		width: 20% !important;
	}
	.marketingMediaTopContent > div > div{
		width: 80% !important;
	}
}

@media screen and (min-width:691px) and (max-width:768px) {
	.span_4, .span_2{
	  	width: 100%!important;
	  	margin-left: 0!important;
	}
	.span_2 .span_1 {
	  	width: 48.9884393%!important;
	  	margin-left: 0!important;
	  	margin-bottom: 14px!important;
    	margin-left: 2.023124%!important;
	}
  	.span_2 .span_1:first-child {
  		margin-left: 0!important;
  	}  	
	
	.twoColumnCarousel .carouselRightSection {
	    padding: 26px 0 0 2%;
	    width: 25%;
	}
	.twoColumnCarousel .carouselLeftSection {
	    width: 73%;
	}
	.twoColumnCarousel .carouselRightSection img,.marketingMedia .marketingMediaTopContent > div > p > img{
		height: auto !important;
    	width: 100% !important;
	}
	.marketingMedia .marketingMediaTopContent > div > p{
		width: 20% !important;
	}
	.marketingMediaTopContent > div > div{
		width: 75% !important;
	}
	.marketingMediaTop,.marketingMedia{
		height:auto !important;
		overflow:hidden !important;
	}
	.lobSection .lobHead{
		height:auto;
	}
   /*.megaMenuSection .megaMenuContentWrapper div.megaMenuFourColumn:nth-child(2), 
   .retailMenuSection .retailMenuContentWrapper div.megaMenuFourColumn:nth-child(2) {
          float: left;
      }
    .megaMenuSection .megaMenuContentWrapper div.megaMenuFourColumn:nth-child(3), 
    .retailMenuSection .retailMenuContentWrapper div.megaMenuFourColumn:nth-child(3) {
       display:inline-block;
    }
    .megaMenuGrpImage img, .retailMenuImage img {
       bottom: 0;
       left: 0;
       position: absolute;
       width: 32%;
   }
    
    .retailMenuSection .menubgextend {
        min-height: 415px;
   }*/
   .notificationHolder {
       padding: 0 40px;
   }
   .notificationArrowHolder {
        right: 36px;
    }
    .notificationHolder .notificationClose {
        right:0px;
        z-index:9;
    }
    .notificationHolder .notification p {
         padding: 6px 0 7px 14px;
    }


}
@media screen and (min-width:691px) and (max-width:980px) {
	.loginContentWidth {
		min-width:100% !important;
	}
	.favorite .infoBar, .loginWrapper {
		width: 100% !important;
	}
	.loginWrapper.mainWrapper {
		max-width:980px;
		min-width:100%;
		float: left;
		position: relative;
	}
	.loginWrapper.marketingBarWrapper {
	    float: right;
	    width: 50% !important;
	    position: relative;
	    padding-bottom: 15px;
	    background: #FFFFFF;
	}
	.marketingBar{
		border-bottom:6px #eeeeee;
		border-bottom-style:inset;
	}
	.loginWrapper.mainWrapper .span_2 {
	    left: 0;
	    width: 50% !important;
	    margin: 0 !important;
	}
	.main {
		min-height: 243px;
	}
	.main .lbox.content {
	    position: relative;
	    right: 0;
	    width: 100%;
	    margin-right: 0;
	    padding: 0;
	    box-sizing: border-box;
	    -webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	.main .cbox {
		position: relative;
		margin: 0 auto!important;
		border-radius: 0;
		background: none;
		border: 0 none;
		padding-left: 0;
		padding-right: 14px;
		max-width:310px;
		box-sizing: border-box;
		-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	}
	.loginWrapper.mainWrapper .cbox{
		margin-left:0px !important;
	}
	.header .logoBar{
		  padding-left: 0;
	}
	.marketing .loginContentWidth {
	    float: right;	   
	    padding-bottom: 0;
	    width: 50% !important;
	    position: relative;
	    background: #F5F5F5!important;
	}
	.marketing span.homeImg {
		border-radius: 0 3px 3px 0;
	    padding: 4px 4px 4px 11px;
	    left: 0;
	    position: absolute;
	}
	.marketingBar .lbox {
		margin: 0 !important;
		padding: 0;
    	width: 100%;
    	min-height: 0;
    	box-sizing: border-box;
    	-webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
    	background: none;
	}
	.marketingBar .cbox {
	    box-sizing: border-box;
	    -webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	    float: left;
	    padding: 10px 15px 25px;
	    text-align: left;
	    width: 100% !important;
	}
	.marketingBarWrapper .cbox h2 {
	    margin: 0 0 8px !important;
	    padding: 0 !important;
	}
	.marketingBarWrapper .span_2 {
	    margin: 0 !important;
	    width: 100% !important;
   }
   
   .loginWrapper.mainWrapper .span_2, .loginWrapper.mainWrapper .span_4 {
       left: 0;
       margin: 0 !important;
       position: absolute;
       width: 50% !important;
       top: 3px;
   }
   .clippingBox .tablet{
       display: block!important;
   }
   .clippingBox .desktop{
       display: none;
   }
   .clippingBox .device{
       display: none;
   }
   .topImage{
       display: block!important;
   }
   .bottomImage{
       display: none !important;
   }
   
   .notificationContainer {
       width:100%;
   }
   .notificationHolder {
       width:100%;
   }
    .notificationHolder .notification p {
    	padding: 6px 0 7px 14px;
    }
    .lobSection .lobHead .expLink{
    	bottom: 0;
	    padding: 20px 0 30px;
	    position: relative;
    }
    .notificationBar, #paymentMessages {
       top: 116px;
   }
   
   .megaMenuSection .megaMenuGrpImage,.retailMenuSection .retailMenuImage {
       position: inherit;
   }
   body.phoenix .phoenixCheckProfileLightbox, #IwanttoConsentDialog {
       left: 50%!important;
       margin: 0 auto 0 -340px!important;
   }
   #CustomizeLOBSection, body.phoenix .phoenixDialog {
       left: 50%!important;
       margin: 0 auto 0 -351px!important;
   }
   .lockImage {
       position: absolute;
       right: 178px;
   }
   /** Privacy Policy **/
   .privacyMainSection h2 {
       padding-right: 86px;
   }
       /*Table */
   .metlife.phoenix table.tableCont {
       width:100%;
       table-layout: fixed;
   }
}
 
@media screen and (min-width:801px) and (max-width:1100px) {
   .MenuTabs {
       right: 40px;
       text-align: right;
   }
}
@media screen and (min-width:691px) and (max-width:800px) {
   .dijitPopup.phoenixPagePopup {
       top: 188px !important;
   }
}
 
@media screen and (min-width:801px) and (max-width:980px) {
   .MenuTabs {
       right: 40px;
       text-align: right;
   }
   .dijitPopup.phoenixPagePopup {
       top: 207px !important;
   }
}
 
@media screen and (min-width:691px) and (max-width:1100px) {
   .questionsection{
       min-width:130px;
       max-width:130px;
   }
   .lobNameHolder{
       width: 58%;
   }
   .favorite .infoBar, .loginWrapper {
       box-sizing: border-box;
       -webkit-box-sizing:  border-box;
       -moz-box-sizing: border-box;
       padding: 0 40px;
       width: 100% !important;
   }
   .loginInnerMargin {
       margin: 0;
   }
   .dijitPopup.phoenixPagePopup {
       left: auto !important;
        right: 264px !important;
   }
   /* table */
   .table5column table.tableCont thead tr th, .table4Column table.tableCont thead tr th {
        word-wrap: break-word;
   }
}

@media screen and (min-width:769px) and (max-width:980px) {
	.span_4 {
	  	width: 65.990991%!important;
	}
	.span_2 {
	  	width: 32.4324324%!important;
	  	margin-left: 1.53903893%!important;
	}
	.span_1 {
		margin-bottom: 14px!important;
	}
  	.span_2 .span_1 {
    	clear: both;
    	margin-left: 0!important;
    	width: 100%!important;
  	}
	.metlife.phoenix .page {
	    box-sizing: border-box;
	    -webkit-box-sizing:  border-box;
		-moz-box-sizing: border-box;
	    padding: 0 40px;
	    width: 100%;
       max-width:980px;
   }
   .megaMenuGrpImage img, .retailMenuImage img {
       bottom: 0;
       left: 0;
       position: absolute;
       width: 28%;
   }
   .notificationHolder .notification p {
       width: 77%;
   }
   .notificationHolder {
           width: 84%!important;
   }
   .notificationArrowHolder {
       width: 13%;
   }
   .lobSection .lobHead{
       height:auto;
   }
   /*.lobsectionGroup table.tableCont thead tr th:nth-child(1) {
       display: block;
        width: 200%;
   }*/
   .notificationHolder .notificationClose {
           right:46px;
   }
    .notificationHolder .notificationClose .notificationCloseHoldInner{
           vertical-align: top;
           top:10px;
           padding-top: 5px;
   }
}

@media screen and (min-width:769px) and (max-width:1100px) {
	.twoColumnCarousel .carouselRightSection {
	    padding: 26px 0 0 5px;
	    width: 39% !important;
	}
	.marketingMedia .marketingMediaTopContent > div > p{
		width: 45% !important;
	}
	.twoColumnCarousel .carouselLeftSection,.marketingMediaTopContent > div > div {
	    width: 58% !important;
	}
	.twoColumnCarousel .carouselRightSection img,.marketingMedia .marketingMediaTopContent > div > p > img{
		height: auto !important;
    	width: 100% !important;
	}
	.twoColumnCarousel .carouselContent{
		height:auto;
		min-height:187px;
	}
	.twoColumnCarousel .contentList{
		position:relative;
	}
	.marketingMediaTop,.marketingMedia{
		height:auto !important;
		overflow:hidden !important;
	}
	.lobSection .lobHead{
		height:auto;
	}
}

@media screen and (min-width:960px) and (max-width:1024px) {
	.loginContentWidth {
		min-width:100% !important;
	}
	.main {
		min-height: 243px;
	}
	.marketingBar .cbox {
		width: 100% !important;
	}
}

@media screen and (min-width:981px) and (max-width:1100px) {
	.lobSection .lobHead{
		height:auto;
	}
	.lobSection .lobHead .expLink {
    	bottom: 0;
    	padding-bottom: 30px;
    	padding-top: 20px;
    	position: relative;
	}
	.notificationContainer {
	    width: 92%;
	}
	.notificationHolder {
	    width: 86%;
	}
	.notificationHolder .notification p {
	    width: 88%;
	}
	#actionItemsLoggedIn .custSupportIcon {
	    float: left;
	    margin: -6px 0 0 56px !important;
	}
}

@-ms-viewport{
  width: device-width;
}
/****Group Pre Sign In custom css starts****/

@media screen and (min-width: 691px) and (max-width: 980px) {
	.singleTab .leader{height:32px !important;}
	.leader .logindetail, .singleTab .leader .logindetail{padding:0 0 0 40px !important;}
}

@media screen and (max-width: 690px)  {
.PreSignin .leader {height: 39px !important;}
.PreSignin .leader .logindetail{padding-top:3px !important;}
	.groupLoginWrapper h3{
		font-family: "FrutigerBold";
		font-size: 15px;
	}
	
	.groupLoginWrapper .groupLoginRegText{
		margin-top: 4px;
	}
	.PreSignin .cookie_img{ padding-top:2px;float:left;}
	.logindetail .cookie_msg{float:none; padding:1px 0 4px 40px;}	
	.logindetail span{top:-1px;line-height:16px;}
	.LoginSection{margin:0 10px;} 
	.megaMenuLogin{margin:0 10px;}
	.metlife.phoenix .dijitTooltip{display:none;}
	.eligibilitySection .eligibilityContentSection .individualProductContent {float:left;}
	.autoQuoteContainer.visionProvider{float:left !important; margin:0 0 25px !important;}
	.groupLOBCarousel{display:none;}
	.metlife.phoenix .leader {height: auto !important;}
	.singleTab .leader .logindetail{height: auto !important;}
	.eligibilityBottomSection .clrContent{clear:both;}
	.Vision_ProductCnt .vision_contentSection{width:auto;float:none;}
	.Vision_ProductCnt .autoQuoteContainerSection{position:relative;right:0px;}
	.dental_ProductCnt{width:auto !important;}
	.eligibilitySection .eligibilityContentSection.zipcodeValidation .individualProductContent{width:auto !important;float:none;}
	.dental_ProductCnt .vision_contentSection{width:auto;float:none;}
	.Vision_ProductCnt .autoQuoteContainerSection{margin-bottom:10px;}
	.helpIcon{display:none;}
}

@media screen and (max-width: 690px) and (min-width: 500px) {

	.metlife.phoenix .groupLoginWrapper .dijitButton.loginButton {	
    	bottom: 82px !important;
	}
	
	.metlife.phoenix .groupLoginWrapper h3 {	
    	border-left: none !important;
	    float: left;
	    margin: 0 !important;
	    padding: 0;
	    clear: left;
	}
	.groupLoginWrapper #EmployerAssociation .inputField{
		float: none;
		width: 46%;
	}
	.groupLoginWrapper .groupNext{
		margin: 10px 0 10px -2px !important;
		overflow: hidden;
	}
	.eligibilitySection .eligibilityContentSection.zipcodeValidation .Vision_ProductCnt .individualProductContent{width:347px !important;}

}
@media screen and (max-width: 1100px) and (min-width: 691px) {
.Vision_ProductCnt .autoQuoteContainerSection{right:8px;margin-bottom:20px;}
.dentalSearchWidget .Vision_ProductCnt .autoQuoteContainerSection{top:0px;}
}
@media screen and (max-width: 690px) and (min-width: 615px) {
.logindetail .cookie_msg{padding-top:7px;}
}
@media screen and (max-width: 768px) {
.groupRow .groupLOBCarousel .carouselData{width:83%;}
}
@media screen and (max-width: 357px) {
.metlife.phoenix .metlifeLogoLink{top:55px !important;}
.hamburgerMenu{top:33px;}
}
@media screen and (max-width: 980px) and (min-width: 769px) {
.MenuTabs{right:5px;}
.groupRow .groupLOBCarousel .carouselData .headtxt{font-size: 13px; margin-top: 10px;}
.groupRow .groupLOBCarousel .carouselData .subtxt{font-size: 11px;}
.groupRow .groupLOBCarousel .carouselBanner .title{font-size: 22px;}
.groupRow .groupLOBCarousel .carouselData{width:77%;}
.groupRow .groupLOBCarousel div.rightArrow{margin-top: -22%;}
.groupRow .groupLOBCarousel div.leftArrow{margin-top: -22%;}
.groupRow .groupLOBCarousel .carouselBanner .desc, .groupRow .groupLOBCarousel .bannerSection .desc{height:60%;}
.dj_gecko .notificationHolder .notificationClose{top:-6px !important;}
}
@media screen and (max-width: 860px) and (min-width: 769px) {
.groupRow .groupLOBCarousel .carouselBanner .desc, .groupRow .groupLOBCarousel .bannerSection .desc{height:80%;}
}
@media screen and (max-width: 998px) and (min-width: 769px) {
.metlife.phoenix .dijitButton.secondaryAction.forgetPwdLink{margin-left:-10px !important;}
}
@media screen and  (min-width: 981px) {
 .main .clippingBox img{min-height:500px;}
}
@media screen and (min-width:801px){
   .retailMenuCloned,.megaMenuCloned{
       display:none;
   }
}
/**** Group Pre Sign In custom css ends ****/