/* SNAPPED */
@media screen and (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (min-height: 901px) and (max-height: 1080px) {

	.contentPanel li {
		list-style-type: none;
		width: auto;
        height: 96px;
		padding: 0;
        margin: 0 0 10px 0;

	}
		
	.helpMenu li a {
        width: auto;
        height: auto;
        padding: 0 56px 0 22px;
        margin: 0px;
        background-color: rgb(52, 55, 61);
	}
	
		.helpMenu li a:focus {
			background-color: rgb(128, 19, 25);
		}
	
	#faq .contentPanel li a {
        height: 100%;
        padding: 0;
        margin: 0;
        line-height: 1em;
	}
    	#faq .contentPanel li a div{
        padding: 12px 22px 12px 22px;
        margin: 0;
	}
		
	.navLinks a {
		border-bottom: none;
	}
}

@media screen and (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (max-height: 900px) {

    #faq li a.contentLink {
        line-height: 1.25em;
        padding-top: 16px;
    }
}

@media screen and (orientation:portrait) and (min-width: 336px) and (max-width: 480px) and (min-height: 1081px) {

    #faq li a.contentLink {
        line-height: 1.25em;
        padding-top: 16px;
    }
}
/* Mobile Screen Width < 335px*/
@media screen and (orientation:portrait) and (max-width: 335px) and (min-height: 901px) and (max-height: 1080px) {
    li {
        margin: 16px 0 16px 0;
    }

    #faq li a.contentLink {
        padding: 15px 0 15px 0;
        line-height: 1.25em;
    }
}

@media screen and (orientation:portrait) and (max-width: 335px) and (max-height: 900px) {

    #faq li a.contentLink {
        padding: 10px;
        line-height: 1.25em;
    }
}

@media screen and (orientation:portrait) and (max-width: 335px) and (min-height: 1081px) {

    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

/* Mobile Screen Width > 481px*/
@media screen and (orientation:portrait) and (min-width: 481px) and (min-height: 901px) and (max-height: 1080px) {

    #faq li a.contentLink {
        padding: 0 10px 0 10px;
        line-height: 1.25em;
    }

    article .helpContent {
        padding: 0 1% 0 1%;
        left: 1em;
    }
}

@media screen and (orientation:portrait) and (min-width: 481px) and (max-height: 900px) {

    #faq li a.contentLink {
        padding: 0 10px 0 10px;
        line-height: 1.25em;
    }

    article .helpContent {
        padding: 0 1% 0 1%;
        left: 1em;
    }
}

@media screen and (orientation:portrait) and (min-width: 481px) and (min-height: 1081px) {

    #faq li a.contentLink {
        padding: 0 10px 0 10px;
        line-height: 1.25em;
    }

    article .helpContent {
        padding: 0 1% 0 1%;
        left: 1em;
    }
}

/* Landscape Views */

@media screen and (orientation:landscape) and (max-width: 1430px) and (min-height: 901px) and (max-height: 1080px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (min-width: 1431px) and (min-height: 901px) and (max-height: 1080px) {
    #faq li a.contentLink {
        line-height: 1.25em;
        padding-top: 16px;
    }
}

@media screen and (orientation:landscape) and (min-width: 1930px) and (min-height: 901px) and (max-height: 1080px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (min-width: 1930px) and (max-height: 900px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (min-width: 1930px) and (min-height: 1081px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (min-width: 1431px) and (max-height: 900px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (min-width: 1431px) and (min-height: 1081px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (max-width: 1430px) and (max-height: 900px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}

@media screen and (orientation:landscape) and (max-width: 1430px) and (min-height: 1081px) {
    #faq li a.contentLink {
        line-height: 1.25em;
    }
}