.resources-related a{cursor:pointer}
#resourceModalPopup a{width:initial}
.resourcespopup{padding:20px 0 40px}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/csr/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#c81a78}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/csr/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #c81a78;margin-bottom:-3px}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 -1px -1px 0;vertical-align:top;border:1px solid #ebebeb}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:0;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
@media only screen and (max-width:1024px){.allresourceslinks ul li{width:25%}
}
@media only screen and (max-width:767px){.allresourceslinks ul li{width:50%}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/csr/icons/bullet-icon.png") no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
#resourceModalPopup .modalWrap{left:inherit;right:inherit}
#resourceModalPopup.modal-box{bottom:0 !important}
}
@media only screen and (max-width:639px){.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
#resourceModalPopup .modalWrap{position:absolute;left:inherit;right:inherit}
}
@media only screen and (max-width:479px){.allresourceslinks ul li{width:100%}
.modal-box .modal-body{padding:50px 0 25px 0}
#resourceModalPopup.modal-box{overflow-y:auto}
#resourceModalPopup .modalWrap{position:absolute;left:inherit;right:inherit}
}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}