@media screen and (max-width: 1279px){
	#feedbackPopup{ width:70%; min-width:70%; top:50% !important; left:50% !important; transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: translate(-50%, -50%);     padding: 20px; text-align:left;}
}
@media screen and (max-width: 1023px){
	*{ box-sizing: border-box;}
	.employee-dashboard .brush_bg{ width:100%; height:auto;}
	.employee-dashboard .headerWrap{ width:100%;background: #2070ae; margin: 0 0 10px 0;}
	.employee-dashboard .nav_bg{ width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); border-radius: 5px; margin: 0 10px;}
	.employee-dashboard .bodyWrap{ width:100%;padding: 0;text-align: center;}
	.employee-dashboard .leftNav_wrap{width:100%;}
	.employee-dashboard .contentWrap{width:100%; margin-bottom: 25px;}
	.employee-dashboard .iconNav_wrap{width:100%;}
	.employee-dashboard .copyRight{ padding:20px; line-height: 20px;}	
	.employee-dashboard .contentWrap .work-prgress-cont{ width:100%;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-top-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-btm-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .white_shadowBox_mid{ background:#fff; border-radius:4px; padding:10px 5px; box-shadow:0px 0px 7px #999;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left{ width:100%;padding: 0;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left{ width:100%;padding: 0;}
	.employee-dashboard .headerWrap .welcome_message{ text-align:center; margin:0; padding:5px 10px;}
	.employee-dashboard .bodyWrap .leftNav_wrap .padTB15 {padding: 15px 0px 0px;}
	.employee-dashboard .bodyWrap #my_calendar table{ margin: 0 auto 30px;}
	.employee-dashboard .iconNav_wrap .iconNav {border: 1px solid #d0dae2; width: -webkit-calc(20% - 10px); width: -moz-calc(20% - 10px); width: calc(20% - 10px); margin: 5px;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	
	.ui-widget-content{ width:100% !important; left:0 !important; top:0 !important;}
	
	#feedbackPopup{ width:70%; min-width:70%; top:50% !important; left:50% !important; transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: translate(-50%, -50%);     padding: 20px; text-align:left;}
	#feedbackPopup form input[type="text"], #feedbackPopup form textarea{ width:75%;}
	#feedbackPopup form label{ width:25%; text-align:left; margin: 0;}
	
	.employee-dashboard .projBrd_mapCol{ width:100%;}
	.employee-dashboard .contentWrap .left{ width:100%;}
	.employee-dashboard #project_map{ width:100%;}
}

@media screen and (max-width: 667px){
	*{ box-sizing: border-box;}
	.employee-dashboard .brush_bg{ width:100%; height:auto;}
	.employee-dashboard .headerWrap{ width:100%;background: #2070ae; margin: 0 0 10px 0;}
	.employee-dashboard .nav_bg{ width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); border-radius: 5px; margin: 0 10px;}
	.employee-dashboard .bodyWrap{ width:100%;padding: 0;text-align: center;}
	.employee-dashboard .leftNav_wrap{width:100%;}
	.employee-dashboard .contentWrap{width:100%; margin-bottom: 25px;}
	.employee-dashboard .iconNav_wrap{width:100%;}
	.employee-dashboard .copyRight{ padding:20px; line-height: 20px;}	
	.employee-dashboard .contentWrap .work-prgress-cont{ width:100%;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-top-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-btm-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .white_shadowBox_mid{ background:#fff; border-radius:4px; padding:10px 5px; box-shadow:0px 0px 7px #999;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left{ width:100%;padding: 0;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left{ width:100%;padding: 0;}
	.employee-dashboard .headerWrap .emp-dsbrd-logo{ width:100%; text-align:center;}
	.employee-dashboard .headerWrap .welcome_message{ width:100%; text-align:center; margin:0; padding:10px;}
	.employee-dashboard .headerWrap .emp-dsbrd-btns{ width:100%; text-align:center;}
	.employee-dashboard .bodyWrap .leftNav_wrap .padTB15 {padding: 15px 0px 0px;}
	.employee-dashboard .bodyWrap #my_calendar table{ margin: 0 auto 30px;}
	.employee-dashboard .iconNav_wrap .iconNav {border: 1px solid #d0dae2; width: -webkit-calc(20% - 10px); width: -moz-calc(20% - 10px); width: calc(20% - 10px); margin: 5px;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	
	.ui-widget-content{ width:100% !important; left:0 !important; top:0 !important;}
}
@media screen and (max-width: 600px){
	.employee-dashboard .contentWrap{width:100%; margin-bottom: 45px;}
	
	#feedbackPopup{ width:80%; min-width:80%; top:50% !important; left:50% !important; transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: translate(-50%, -50%);     padding: 20px; text-align:left;}
	#feedbackPopup form input[type="text"], #feedbackPopup form textarea{ width:75%;}
	#feedbackPopup form label{ width:25%; text-align:left; margin: 0;}
}

@media screen and (max-width: 568px){
	.employee-dashboard .contentWrap{width:100%; margin-bottom: 45px;}
	
	#feedbackPopup{ width:80%; min-width:80%; top:70% !important; left:50% !important; transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: translate(-50%, -50%);     padding: 20px; text-align:left;}
	#feedbackPopup form input[type="text"], #feedbackPopup form textarea{ width:75%;}
	#feedbackPopup form label{ width:25%; text-align:left; margin: 0;}
}

@media screen and (max-width: 480px){
	*{ box-sizing: border-box;}
	.employee-dashboard .brush_bg{ width:100%; height:auto;}
	.employee-dashboard .headerWrap{ width:100%;background: #2070ae; margin: 0 0 10px 0;}
	.employee-dashboard .nav_bg{ width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); border-radius: 5px; margin: 0 10px;}
	.employee-dashboard .bodyWrap{ width:100%;padding: 0;text-align: center;}
	.employee-dashboard .leftNav_wrap{width:100%;}
	.employee-dashboard .contentWrap{width:100%; margin-bottom: 45px;}
	.employee-dashboard .iconNav_wrap{width:100%;}
	.employee-dashboard .copyRight{ padding:20px; line-height: 20px;}	
	.employee-dashboard .contentWrap .work-prgress-cont{ width:100%;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-top-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-btm-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .white_shadowBox_mid{ background:#fff; border-radius:4px; padding:10px 5px; box-shadow:0px 0px 7px #999;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left{ width:100%;padding: 0;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left{ width:100%;padding: 0;}
	.employee-dashboard .headerWrap .emp-dsbrd-logo{ width:100%; text-align:center;}
	.employee-dashboard .headerWrap .welcome_message{ width:100%; text-align:center; margin:0; padding:10px;}
	.employee-dashboard .headerWrap .emp-dsbrd-btns{ width:100%; text-align:center;}
	.employee-dashboard .bodyWrap .leftNav_wrap .padTB15 {padding: 15px 0px 0px;}
	.employee-dashboard .bodyWrap #my_calendar table{ margin: 0 auto 30px;}
	.employee-dashboard .iconNav_wrap .iconNav {border: 1px solid #d0dae2; width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); margin: 5px;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	
	.ui-widget-content{ width:100% !important; left:0 !important; top:0 !important;}
	
	#feedbackPopup{ width:100%; min-width:100%; top:87% !important; left:50% !important; transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: translate(-50%, -50%);     padding: 20px; text-align:left;}
	#feedbackPopup form input[type="text"], #feedbackPopup form textarea{ width:100%;}
	#feedbackPopup form label{ width:100%; text-align:left; margin: 0;}
	
	.employee-dashboard .projBrd_mapCol{ width:100%;}
	.employee-dashboard .contentWrap .left{ width:100%;}
	.employee-dashboard #project_map{ width:100%;}
}

@media screen and (max-width: 479px){
	*{ box-sizing: border-box;}
	.employee-dashboard .brush_bg{ width:100%; height:auto;}
	.employee-dashboard .headerWrap{ width:100%;background: #2070ae; margin: 0 0 10px 0;}
	.employee-dashboard .nav_bg{ width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); border-radius: 5px; margin: 0 10px;}
	.employee-dashboard .bodyWrap{ width:100%;padding: 0;text-align: center;}
	.employee-dashboard .leftNav_wrap{width:100%;}
	.employee-dashboard .contentWrap{width:100%; margin-bottom: 64px;}
	.employee-dashboard .iconNav_wrap{width:100%;}
	.employee-dashboard .copyRight{ padding:20px; line-height: 20px;}	
	.employee-dashboard .contentWrap .work-prgress-cont{ width:100%;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-top-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .sec-btm-img{ display:none;}
	.employee-dashboard .contentWrap .work-prgress-cont .white_shadowBox_mid{ background:#fff; border-radius:4px; padding:10px 5px; box-shadow:0px 0px 7px #999;text-align: left;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left{ width:100%;padding: 0;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left{ width:100%;padding: 0;}
	.employee-dashboard .headerWrap .emp-dsbrd-logo{ width:100%; text-align:center;}
	.employee-dashboard .headerWrap .welcome_message{ width:100%; text-align:center; margin:0; padding:10px;}
	.employee-dashboard .headerWrap .emp-dsbrd-btns{ width:100%; text-align:center;}
	.employee-dashboard .bodyWrap .leftNav_wrap .padTB15 {padding: 15px 0px 0px;}
	.employee-dashboard .bodyWrap #my_calendar table{ margin: 0 auto 30px;}
	.employee-dashboard .iconNav_wrap .iconNav {border: 1px solid #d0dae2; width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); margin: 5px;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg_alt .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	.employee-dashboard .contentWrap .work-prgress-cont .greyBg .left span.font16 { margin-bottom: 5px;display: inline-block; width: 100%;}
	
	.ui-widget-content{ width:100% !important; left:0 !important; top:0 !important;}
	
	#feedbackPopup{ width:100%; min-width:100%; top:58% !important; left:50% !important; transform: -webkit-translate(-50%, -50%); transform: -moz-translate(-50%, -50%); transform: translate(-50%, -50%);     padding: 20px; text-align:left;}
	#feedbackPopup form input[type="text"], #feedbackPopup form textarea{ width:100%;}
	#feedbackPopup form label{ width:100%; text-align:left; margin: 0;}
	
	.employee-dashboard .projBrd_mapCol{ width:100%;}
	.employee-dashboard .contentWrap .left{ width:100%;}
	.employee-dashboard #project_map{ width:100%;}
}