/* portrait phone (< 480px) */
@media screen and (max-width:29.9999em) {
	
		body , #fw-mb{
			background-color: none;
			/*-moz-background-color: yellow; */
			background-image: none;
			min-width: 320px;
			max-width:29.99999em;
		}
		.container{
			margin: 0;
		}
		#footerResponsiveLinks{
			display: block;
		}
	   #camp, #framework-content-main, #fw-mb-w1{
			min-width: 320px !important;
			max-width: 100% !important; 
		}
		body#camp.cdc-fw {
			min-width: 320px !important;
			max-width: 100% !important;
		}
		#fw-mb:after { 	
			min-width: 320px !important;
			max-width: 100% !important;
		}
		#fw-mb-w1 {
			min-width: 320px !important;
			max-width: 100% !important;
		}
		#fw-mb{ 
			padding: 0; 
			margin: 0;
			background-color: none;
			background-image: none;
		}
		#fw-banner{
			display: none !important;
			padding: 0; 
			margin: 0;
			background-color: none;
			background-image: none;
		}
		#fw-mb-w1 #framework-base-main {
			margin-top:0;
			margin-bottom: 0;
		}
		#fw-mb-w1 #framework-content-main {
			margin: 0;
		}
		header#fw-masthead{
			display: block;
		}
		header#fw-masthead #fw-banner{
			display: block!important;
		}
		td#framework-column-center{
			height: auto;
			margin-bottom: 10px;
		}
		#fw-footer {
			padding-left: 0;
			margin-left: 0;
		}
		.hinav, .title-section, .title-page{
			display: none;
		}
		.container {
			/* margin:0 10px;
			width: 320px; */
		}
		#emailSubmit .wwFormTable {
			width: 100%;
		}
		#emailSubmit .wwFormTable tr td label{
			display: none;
			width: 100%;
		}
		#emailSubmit .emailLabel {
		    display: block;
		    float: left;
		    font-size: 17px;
		    padding: 20px 0 10px;
		    max-width: 100%;
		    height: 20px;	
		}
		#emailSubmit .wwFormTable.btnTable {
    		margin-left: 0;
    		margin-top: 5px;
		}
		#emailSubmit .emailInput{
			width: 100% !important;
			-moz-width: 100%;
        	-webkit-width: 100%;
			margin-left: -2px;
		}
		#emailSubmit .buttonStyle1{
			width: 100%;
		}
		#emailSubmit .wwFormTable tr td {
			padding: 0;
			margin: 0;
		}
		#emailSubmit .error {
			padding-bottom: 8px;
		}
		#emailSubmit .emailInfo {
			font-size: 12px; 
			line-height: 18px;
		}
		#emailSubmit .helpTxt{
			margin: 30px  0 20px 5px;
		}
		.buttonStyle1, .buttonStyle1:hover, .buttonStyle1:active{
			width: 100%; 
		} 
		div#framework-content-right{
			display: none;
		}
		footer#fw-footer{
			display: block;		
			padding: 10px 0 0 20px;
			margin: 0;
		}
		footer#fw-footer ul{
			padding: 0 ;
			margin: 0;
		}
		#framework-footer {
			display: none;
		}
		#ff {
			display: none;
		} 
		 #resetPwd {
            width: 97%;
        }
		#resetPwd  .container tr td {
			padding: 0;
			margin:0;
		}
		#resetPwd  h2 {
			margin-bottom: 20px;
		}		
	/* 	#resetPwd  .txtStyle{
			padding-bottom: 10px;
		} */
		#resetPwd .buttonStyle1 {
			margin-left: 0;
			width: 100%;
		}
		#resetPwd .pdwErrorMsgTable tr td{
			padding: 0;
			margin: 0;
		}
		#resetPwd .wwFormTable.btnTable {
			margin-bottom: 30px;
			margin-top:10px;
		}
		#resetPwd .wwFormTable.btnTable tr td {
			padding: 0;
			margin: 0;
		}
		#resetPwd .wwFormTable.btnTable tr td div.col1 {
		    display: none;
		}
		#resetPwd .wwFormTable.btnTable tr td div.col2 {
		    width: 100%;
		}
		#resetPwd .wwFormTable.btnTable tr td div.col2 .buttonStyle1 {
			margin-left: 0;
			width: 100%;
		}
		#resetPwd .pdwErrorMsgTable {
			margin-bottom: 10px;
		}
		#resetPwd .pdwErrorMsgTable .col1 {
			display: none;
		}
		#resetPwd .pwdHint {
			display: none;
		}
		#resetPwd .col2 {
		    width: 100%;
		}
		#resetPwd .pwdInput {
			width: 100%;
		}
		#resetPwd .repwdInput {
			width: 100%;
		}
		#resetPwd .pwdLabel, 
		#resetPwd .repwdLabel {
			font-size:  17px;
			text-align: left;
    		width: 300px;
    		margin-bottom: 10px;
		}
		#resetPwd .resetlblStyle {
			font-size:  17px;
			text-align: left;
			width: 20%;
		}	
		/*vishalk2:Add rule for accommodating bigger words in reset password for Cust/part*/		
		form#restPasswordForm div.userIDLabel p.resetlblStyle {
		    width: 28%;
		}
		#resetPwd .resetUserID {
			font-size: 14px;
			padding-left: 40px;
		}	
		#resetPwd .pwdResetMobile { 
			padding: 0;
		}
		#resetPwd .pwdResetSection1 .col1, 
		#resetPwd .pwdResetSection1 .col2 {
			height: auto;
			display: block; 
		    text-align: left;
		    width: 100%;
		    margin-bottom: 5px;
		}
		#resetPwd .pwdResetSection1 .col3 { 
		    height: auto;
		    text-align: left;
		    width: 100%;
		    margin-bottom: 5px;
		}
		/* #resetPwd .col3.pwdHint{
			margin-top: 10px;
			line-height:18px; 
		} */
		#resetPwd .pwdCheck{
			margin: 10px 0;
		}
	 /* 	#resetPwd .pwdResetMobile {
			display: none;
		}  */		
		#resetPwd .userIDLabel { 
		    margin: 15px 0 0;
		}
		/* #resetPwd .pwdResetMobile .col1,
		#resetPwd .pwdResetMobile .col2{
			float: left;
		} */
		#resetPwd  #pswd_info{
			margin-left: 5px;
		}
		#resetPwd .pwdResetMobile .col2{ 
			margin: 3px 1% 10px ;
			width: 100%;
		}
		#resetPwd .pwdResetMobile .col1 {
			display: none;
		}
		#resetPwd .pwdResetMobile .pwdHintMobile{
		 	display: table;
		}
		#resetPwd .smallLinkList {
   			margin: 0 0 0 10px;
		}	
		#resetPwd .retypeMessage {
			padding-left: 0;
			padding-top: 10px;
		}	
		#selfHelpMenu {
			padding: 0 10px 30px;
		}
		#selfHelpMenu .inputLabel {
		    display: block;
		    margin: 0;
		    padding: 5px 20px 10px 0; 
		}		
		#selfHelpMenu .inputContainer .emailInput {
		    /*margin-top: 10px;*/
		    padding: 4px 2px ;
		    width: 100% !important;
		}
		#selfHelpMenu .btnContainner {
			margin: 20px 0 !important;
		}
		#selfHelpMenu .btnContainner .buttonStyle1{
			width: 85%;
		}
		#selfHelpMenu .error{
			margin:0;
			padding: 10px 0 0 0;
		}
		#selfHelpMenu .onLoadError {
			color: #E9102A;
			padding: 0;
			margin: 10px 0;
		}
		#framework-footer, #ff {
			display: none !important;
		}
		.white_content_mobile{
			display: block; 
		}
		.lightBoxMobile {/*needed incase of responsive header and footer we are including*/
			/* margin: 20px 0 50px 10px; */
			padding: 20px 20px 70px;
		}
		.white_content_mobile .buttonStyle1, 
		.white_content_mobile .buttonStyle1:hover, 
		.white_content_mobile .buttonStyle1:active{
			width: 95%;			
		}
		#light{
			display: none;
		}		 
		#iframeStyle  {
			display: none; 
		} 
		.black_overlay {
			display: none;
			 /* background-color: #ffffff;
			-moz-opacity: 1;
    		opacity:.100;
    		filter: alpha(opacity=100);  */
		}	
		#guestResetPassword {
			padding: 0 10px;
			margin: 0; 
			/* min-width: 320px !important;
			max-width: 100% !important;  */
		}
		#guestResetPassword .col1 {
			width: 20%; 
			*width: 30%; 
			_width: 30%; 
		}	
		/*vishalk2: Made changes on Customer/Partner SecQa pages*/
		form#form1 div.secQAformComponent div.col1 {
    		width: 100%;
		}
		#guestResetPassword .securityAnswer{
			width: 91%; 
			margin-left: 7%;
		}
		#guestResetPassword .wwFormTable.btnTable {
			margin-left: 0;
			width: 100%;
		}
		#guestResetPassword .wwFormTable.btnTable .buttonStyle1{
			width: 100%;
		}
		#guestResetPassword .pwdResetMobile{ 
			display: block !important;
		}
		#guestResetPassword .pwdResetMobile .pwdHintMobile{
			display: block !important;
		}
		#resetPwdSecQ h2 {
    		margin-bottom: 20px;
		}
	/* 	#resetPwdSecQ .col3.pwdHint{
			display: none;
		} ----------------------------------------*/
		#resetPwdSecQ .userIDLabel {
   			 margin: 15px 0 0;
		}		
		#resetPwdSecQ .resetlblStyle {
		    font-size: 17px;
		    text-align: left;
		    width: 20%;
		}
		/*vishalk2: Added rule to support bigger texts in mobile for reset password and Security qns page*/
		form#restPasswordFormSQ div.userIDLabel p.resetlblStyle {
 	   		width: 35%;
		}	
		#resetPwdSecQ .resetPwdSecQSection1 .col1{
			margin-top: 10px;
		}
		#resetPwdSecQ .resetPwdSecQSection1 .col1, #resetPwdSecQ .resetPwdSecQSection1 .col2 {
		    display: block;
		    height: auto;
		    margin-bottom: 5px;
		    text-align: left;
		    width: 100%;
		}		
		#resetPwdSecQ .pwdResetMobile .pwdHintMobile {
		    display: block;
		}
		#resetPwdSecQ .pwdResetMobile .col1 {
			display: none;
		}
		#resetPwdSecQ .pwdResetMobile .col2 {
		    margin: 3px 1% 10px;
		    width: 100%;
		}		
		#resetPwdSecQ .pwdLabel, #resetPwdSecQ .repwdLabel {
		    font-size: 17px;
		    margin-bottom: 10px;
		    text-align: left;
		    width: 100%;
		}
		#resetPwdSecQ .col2 {
		    width: 100%;
		}
		#resetPwdSecQ .col3None{
			display: none;
		}
		#resetPwdSecQ #pswd_info {
		    margin-left: 5px;
		}
		#resetPwdSecQ .pdwErrorMsgTable .col1 {
		    display: none;
		}
		#resetPwdSecQ .col2 {
		    width: 100%;
		}	
		#resetPwdSecQ .retypeMessage {
			padding-left: 0;
		}	
		#resetPwdSecQ .secQuestion{
			margin-top: 20px;
		}
		#resetPwdSecQ .col1.pwdLabel{
			margin-left: 2px;
		}
		#resetPwdSecQ .col3.secQHint{	
			margin-left: 3px;
		}
		#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHintDesktop {
			display: none !important;
		} 
		#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHint{
			display: none !important;
		}
		#resetPwd .pwdResetSection1 .col3 .pwdHintDesktop {
			display: none !important;
		} 
		#resetPwd .pwdResetSection1 .col3 .pwdHint{
			display: none !important;
		}
		#passwordResetLocked h2 {
			background-position: 0 5px; 
		}
		#idenVer .identitySection .identitylblStyle {
			margin-bottom: 5px;
		    text-align: left;
		    width: 100%;
		}		
		#idenVer .identitySection .identityUserID {
			text-align: left;
			padding: 10px 0 0 0;
		}		
		#idenVer .itemSection .identityUserID{
			width: 100%;
		}		
		#idenVer .identitySection .itemsDetailSection .identityUserID {
			width: 100%;
		}
		#idenVer .wwFormTable.btnTable .col1 {
			display: none;
		} 
		#idenVer .col2 {
			width: 100%;
		} 		
		#idenVer .wwFormTable.btnTable {
		    margin-top: 20px;
		}
		.lightCol1 {
            margin-top: 27px;
        }
        .lightRow1 .txtStyle {
            padding: 10px 0 20px;
        }
        .lightRow1 .buttonStyle1{
            margin-left: 35%;
        }
        /* Select Input Adjustments for mobile screen */
		.selectInput {
			width: 102%;
		}
}

/* landscape phone and portrait tablet (>= 480px < 960px) */
@media screen and (min-width:30.0001em) and (max-width:59.9999em) {
	body , #fw-mb{
			background-color: none;
			background-image: none;
			-moz-background-color: blue;
		}
		#footerResponsiveLinks{
			display: block;
		}
	   #camp, #framework-content-main, #fw-mb-w1{
			min-width: 480px !important;
			max-width: 100% !important; 
		}
		#camp.cdc-fw {
			min-width: 480px !important;
			max-width: 100% !important; 
		}
		#fw-mb:after { 	
			min-width: 480px !important;
			max-width: 100% !important; 
		}
		#fw-mb-w1 {
			min-width: 480px !important;
			max-width: 100% !important; 
		}
		#fw-mb{ 
			padding: 0; 
			margin: 0;
			background-color: none;
			background-image: none;
		}
		#fw-banner{
			display: none!important;
			padding: 0; 
			margin: 0;
			background-color: none;
			background-image: none;
		}
		#fw-mb-w1 #framework-base-main {
			margin-top:0;
			margin-bottom: 0;
		}
		header#fw-masthead{
			display: block;
		}
		header#fw-masthead #fw-banner{
			display: block!important;
		}
		td#framework-column-center{
			height: auto;
			margin-bottom: 10px;
		}
		#fw-footer {
			padding-left: 0;
			margin-left: 0;
		}
		.hinav, .title-section, .title-page{
			display: none;
		}
		.container {
			margin:0 10px;
			width: auto;
		}		 
		#emailSubmit .wwFormTable {
			width: 75%;
		}
		#emailSubmit .wwFormTable tr td label{
			display: none;
			width: 100%;
		}
		#emailSubmit .emailLabel {
		    display: table;
		    float: left;
		    font-size: 17px;
		    padding:0 10px 20px 0;		    
		    width: 11%;	
		    width: 8%\0/;
		    *width: 8%;
		    _width: 8%;
		    width: 8%\9;
		}
		#emailSubmit .wwFormTable.btnTable {
    		margin-left: 11%;
    		margin-top: 0;    		
		}
		#emailSubmit .emailInput{
			/* width: 60% !important; */
			margin-left: -2px;
		}		
		#emailSubmit .wwFormTable tr td {
			padding: 0;
			margin: 0;
		}
		#emailSubmit .error {
			padding-bottom: 10px;
		}
		#emailSubmit .emailInfo {
			font-size: 12px; 
			line-height: 18px;
		}
		#emailSubmit .helpTxt{
			margin: 30px  0 20px 5px;
		} 
		.buttonStyle1, .buttonStyle1:hover, .buttonStyle1:active{
			width: auto;
			padding: 5px 10px;
		}
		div#framework-content-right{
			display: none;
		}
		footer#fw-footer{
			display: block;		
			padding: 30px 0 0 20px;
			margin: 0;
		}
		footer#fw-footer ul{
			padding: 0 ;
			margin: 0;
		}
		#framework-footer {
			display: none;
		}
		#ff {
			display: none;
		}
		#restPasswordForm table.wwFormTable td.tdLabel{
			width: 30% !important;
		}
		#restPasswordForm table.wwFormTable td input{
			width: 90%;
		}
		#restPasswordForm table.wwFormTable .buttonStyle1 {
			width: 100%;
		}
		#resetPwd .wwFormTable.btnTable tr td div.col1 {
		    width: 28%;
		}
		#resetPwd .wwFormTable.btnTable tr td div.col2 {
		    margin-left: 1%;
		}
		#resetPwd .wwFormTable.btnTable tr td div.col2 .buttonStyle1 {
			margin-left: 0;
			width: auto;
		}
	/* 	#resetPwd .pwdHint {
			display: block;
		} */
		#resetPwd .pwdResetMobile .pwdHintMobile{
			display: block;
		}
		#resetPwd .col2 {
		    width: 35%;
		}
		#resetPwd .pwdInput,
		#resetPwd .repwdInput {
			width: 100%;
		} 
		#framework-footer, #ff {
			display: none !important;
		}
		#resetPwd .pwdResetSection1{
			margin-bottom: 25px;
		}
		#resetPwd .pwdResetSection1 .col1, #resetPwd .pwdResetSection1 .col2, #resetPwd .pwdResetSection1 .col3 {
			height: auto;
		}
		#resetPwd .pwdResetMobile {
			/* display: none; */
		}
		#resetPwd #pswd_info{
			margin-top: 10px;/*-10px*/
			margin-bottom: 0;
		}
		#resetPwd .pwdResetMobile .col1,
		#resetPwd .pwdResetMobile .col2{
			float: left;
		}
		#resetPwd .pwdResetMobile .col2{ 
			margin: 3px 1% 10px ;
			width: 60%;
		}
		/* #resetPwd .col3 .pwdHint{
			display: none;
		} */
		/* .pwdResetMobile, .pwdResetMobile .pwdHint{
			display: block;
		} */
		#resetPwd .pwdResetSection{
			margin-top: 10px;
		}
		.smallLinkList {
   			margin: 0 0 0 10px;
		}
		.white_content {
			left: 22%;
		}
		.white_content_mobile{
			display: none;
		}
		/* .white_content {
			display: block !important; 
		} 
		#iframeStyle  {
			display: block !important; 
		} 
		.black_overlay {
			display: block;
		} */
		#guestResetPassword .wwFormTable.btnTable {
			margin-left: 10%;
			/* margin-left: 3%; -- for iPAD */
		}
		#guestResetPassword .pwdResetMobile{ 
			display: none !important;
		}
		#resetPwdSecQ .resetPwdSecQSection1 .col1, 
		#resetPwdSecQ .resetPwdSecQSection1 .col2 {
		   /*  height: 40px; */
		} 
		#resetPwdSecQ .resetPwdSecQSection1 .col3 {
		    /* height: 50px; */
		}
		#resetPwdSecQ #pswd_info {
			/* margin-top: -15px; */
		}
		#resetPwdSecQ .col2.pwdHintMobile {
		    margin: 10px 0 0 6px;
    		width: 55%;
    		display: table;
		}
		#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHintDesktop {
			display: none !important;
		} 
		#resetPwd .pwdResetSection1 .col3 .pwdHintDesktop {
			display: none !important;
		}
		#resetPwd .col2.pwdHintMobile {
		    margin: 10px 0 0 6px;
    		width: 55%;
    		display: table;
		}
		/* #resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHint {
			display: block !important;
		}  */
		#selfHelpMenu .inputLabel
		{ 
			float: left;
		    height: 60px;
		    margin: 0 15px 0 0;
		    max-width: 15%;
		    min-width: 7%;
		    padding: 0; 
		}
		#resetPwdSecQ .resetPwdSecQSection{
			margin-top: 10px;
		}
		
}

/* landscape tablet and normal monitor (>= 960px < 1440px) */
@media screen and (min-width:60em) and (max-width:89.9999em) {
	header#fw-masthead{
		display: none;
	}
	/* #fw-banner, #ie8{
		display: none;
	} */
	div#fw-banner-w1{
		display: block;
	}
	/* footer#fw-footer{
		display: block;		
	}
	#framework-footer, #ff {
		display: none;
	} */
	footer#fw-footer{
		display: none;		
	}
	#framework-footer, #ff {
		display: block;
	}
	.pwdResetMobile {
		display: none;
	}
	#resetPwd .pwdResetSection1 .col3 .pwdHint {
		display: none !important;
	}
	#resetPwd .pwdResetSection1 .col3 .pwdHintDesktop {
		display: table !important;
	}
	#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHint {
		display: none !important;
	}
	#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHintDesktop {
		display: table !important;
	}
	.ffoot {
		display: none;
	}
	#selfHelpMenu .inputLabel
	{ 
		float: left;
	    height: 60px;
	    margin: 0 15px 0 0;
	    max-width: 15%;
	    min-width: 7%;
	    padding: 0; 
	}
	#resetPwdSecQ .resetPwdSecQSection{
		margin-top: 10px;
	}
	
}

/* bigger monitor (>= 1440px) */
@media screen and (min-width:90em) {
	header#fw-masthead{
		display: none;
	}
	div#fw-banner-w1{
		display: block;
	}
	footer#fw-footer{
		display: none;		
	}
	#framework-footer, #ff {
		display: block;
	}
	.pwdResetMobile {
		display: none;
	}
	#resetPwd .pwdResetSection1 .col3 .pwdHint {
		display: none !important;
	}
	#resetPwd .pwdResetSection1 .col3 .pwdHintDesktop {
		display: table !important;
	}
	#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHint {
		display: none !important;
	}
	#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHintDesktop {
		display: table !important;
	}
	.ffoot {
		display: none;
	}
	#selfHelpMenu .inputLabel
	{ 
		float: left;
	    height: 60px;
	    margin: 0 15px 0 0;
	    max-width: 15%;
	    min-width: 7%;
	    padding: 0; 
	}
	#resetPwdSecQ .resetPwdSecQSection{
		margin-top: 10px;
	}
}

/* big monitor (>= 1920px) */
@media screen and (min-width:120em) {
	header#fw-masthead{
		display: none;
	}
	div#fw-banner-w1{
		display: block;
	}
	footer#fw-footer{
		display: none;		
	}
	#framework-footer, #ff {
		display: block;
	}
	.pwdResetMobile {
		display: none;
	}
	#resetPwd .pwdResetSection1 .col3 .pwdHint {
		display: none !important;
	}
	#resetPwd .pwdResetSection1 .col3 .pwdHintDesktop {
		display: table !important;
	}
	#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHint {
		display: none !important;
	}
	#resetPwdSecQ .resetPwdSecQSection1 .col3 .pwdHintDesktop {
		display: table !important;
	}
	.ffoot {
		display: none;
	}
	#selfHelpMenu .inputLabel
	{ 
		float: left;
	    height: 60px;
	    margin: 0 15px 0 0;
	    max-width: 15%;
	    min-width: 7%;
	    padding: 0; 
	}
	#resetPwdSecQ .resetPwdSecQSection{
	margin-top: 10px;
}
}