@media (min-width: 1200px) {
    ul#nav li {
        width: 160px;
    }
    .bigPadding {
	  padding-top: 48px;
	  padding-bottom: 49px;
	}
	.buttoncell a {
		width: 86px;
	}
	.popover {
		width:836px;
	    margin-left:-423px;
	    left:50%;
	}
	.offsetLeftMargin {
		margin-left: -15px;
	}
}
@media (min-width: 980px) and (max-width: 1199px) {
    ul#nav li {
        width: 155px;
    }
    .bigPadding {
	  padding-top: 29px;
	  padding-bottom: 29px;
	}
	.buttoncell a {
		width: 86px;
	}
	.tile-display {
		width: 100%;
		height: 128px;
	}
    .popover {
		width:679px;
	    margin-left:-333px;
	    left:50%;
	}
	.offsetLeftMargin {
		margin-left: -5px;
	}
}
@media (min-width: 769px) and (max-width: 979px) {
    ul#nav li {
        width: 119px;
    }
    .bigPadding {
	  padding-top: 9px;
	  padding-bottom: 9px;
	}
	.buttoncell a {
		width: 86px;
	}
	.tile-display {
		width: 100%;
		height: 90px;
	}
    .popover {
		width:525px;
	    margin-left:-265px;
	    left:50%;
	}
	.offsetLeftMargin {
		margin-left: -5px;
	}
}
@media (min-width: 769px) {
    #pull {
        display: none;
    }
    ul#nav {
        display: block!important;
    }
    .visible-desktop {
        display: inline-block!important;
    }
    .hidden-desktop {
        display: none!important;
    }
	.panelMargin-right {
		margin-right: 15px;
	}
	.panelMargin-left {
		margin-left: 15px;
	}
	.bg-offwhite {
		background-color: #F2F2F2;
	}
	.bg-white {
		background-color: #fff;
	}
	ul#nav {
	    border-bottom: 1px solid #D0D0D0;
	}
	.desktop-floatright {
		float: right;
	}
	html {
    	overflow-y: scroll;
	}
	#attachmentcell {
		padding: 0.5% 0 0 0%;
	}
	#attachmentbuttoncell {
		padding: 0.25% 0 0.25% 0%;
	}
}
@media (max-width: 768px) {
	/* hide side-panel */
    .client-img {
        display:none;
    }
    ul#nav {
        display: none;
    }
    ul#nav li {
        display: block!important;
        border-bottom: 1px solid #14467B;
    }
    .visible-desktop {
        display: none;
    }
    .hidden-desktop {
        display: inline-block!important;
    }
    .contactus {
        border-right: none!important;
    }
    .bigPadding {
	  padding-left: 30px;
	}
    /*home landing only*/
    .midtab {
        border-left: none!important;
        border-right: none!important;
    }
    .wrapped {
        display: inline-block;
        vertical-align: text-top;
        width: 70%;
    }
    .midstrip {
        display: inline-block;
    }
    .border-updown {
        border-top: 1px solid #00447C;
        border-bottom: 1px solid #00447C;
    }
    .tabdesc {
        display: none;
    }
    /* home landing style end*/
    .alert p {
    	padding-left: 0px !important;
    }
	.selected {
		background-color: #E8F3F7;
	}
	.device-abs {
		position: absolute;
		top: -6px;
		right: 0;
		width: auto;
	}
	.device-width {
		width: 80%;
	}
	#attachmentcell {
		padding: 0.5% 0 0 1.25%;
	}
	#attachmentbuttoncell {
		padding: 0.25% 0 0.25% 1.25%;
	}
}
@media (min-width: 481px) {
    .cpwd {
        width: 65px!important;
    }
    ul#nav li {
        padding-top: 0px\9;
    }
	:root ul#nav li {
		padding-top: 0px \0/IE9 !important;
	}
    .password {
        padding-top: 5px\9!important;
    }
    ul#nav li:last-child {
        padding-top: 0px;
    }
    ul#nav li:last-child span {
        vertical-align: bottom;
        line-height: 17px;
    }
    ul#nav li span {
        padding-top: 6px\9;
    }
    .password span {
        padding-top: 0\9!important;
    }
}
@media (max-width: 480px) {
    ul#nav li {
        padding: 0!important;
        border-right: none!important;
        text-align: left!important;
    }
    ul#nav li i {
        margin-left: 15px;
    }
    ul#nav li:last-child span {
        vertical-align: sub;
        vertical-align: top\9;
    }
    ul#nav li span {
        padding-top: 6px\9;
    }
	#login {
     	width: 250px;
     	margin: 0 auto;
     }
}
@media (min-width: 481px) and (max-width: 768px) {
    ul#nav li {
        display: inline-block!important;
        border-bottom: 1px solid #14467B;
        border-left: none!important;
        border-right: none!important;
    }
    ul#nav li {
        width: 33%;
    }
    ul#nav li:nth-child(4),
    ul#nav li:first-child {
        box-shadow: inset -1px 0 0 #14467B;
    }
    ul#nav li:nth-child(2),
    ul#nav li:nth-child(5) {
        width: 34%;
		box-shadow: inset -1px 0 0 #14467B;
    }
	ul#nav li:nth-child(4),
	ul#nav li:nth-child(5), 
	ul#nav li:last-child {
		border-bottom: none;
	}
	#pull {
		margin-top: 1px;
	}
    /* For IE8 */
    .midList {
        width: 34%\9!important;
    }
    .btn-block {
    	width: 245px!important;
    	margin: 0 auto;
    }
     #login {
     	width: 250px;
     	margin: 0 auto;
     }
	.tile-display {
		width: 48%;
		height: 115px;
		vertical-align: text-top;
		display: inline-block;
	}
	.rightFloat {
		float: right;
	}
	#attachmentbuttoncell .attachmentbutton {
		max-width: 245px;
	}
}
/* chrome specific*/
@media (min-width: 481px) and (-webkit-min-device-pixel-ratio:0) {
    ul#nav li:last-child {
        padding-top: 3px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #nav a span { 
        line-height: 33px;
    }
} 
/* End chrome specific */