/*==============================================================================
    iPhone 4 and 4S || 320 x 480 || Default, Portrait and Landscape
================================================================================ */
@media only screen and (min-width: 320px)
and (max-width: 480px){
	body, #wrapper {
		min-width: 320px;
		max-width: 480px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 320px)
and (max-width: 480px) and (orientation: portrait) {
	body, #wrapper {
		min-width: 320px;
		max-width: 320px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 320px)
and (max-width: 480px) and (orientation: landscape) {
	body, #wrapper {
		min-width: 320px;
		max-width: 480px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

/*==============================================================================
iPhone 5, 5S, 5C and 5SE || 320 x 568 || Default, Portrait and Landscape
================================================================================ */
@media only screen and (min-width: 320px)
and (max-width: 568px){
	body, #wrapper {
		min-width: 320px;
		max-width: 568px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 320px)
and (max-width: 568px) and (orientation: portrait) {
	body, #wrapper {
		min-width: 320px;
		max-width: 568px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 320px)
and (max-width: 568px) and (orientation: landscape) {
	body, #wrapper {
		min-width: 320px;
		max-width: 568px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

/*==============================================================================
iPhone 6, 6S, 7 and 8 || 375 x 667 || Default, Portrait and Landscape
================================================================================ */
@media only screen and (min-width: 375px)
and (max-width: 667px){
	body, #wrapper {
		min-width: 375px;
		max-width: 667px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 375px)
and (max-width: 667px) and (orientation: portrait) {
	body, #wrapper {
		min-width: 375px;
		max-width: 667px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 375px)
and (max-width: 667px) and (orientation: landscape) {
	body, #wrapper {
		min-width: 375px;
		max-width: 667px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

/*==============================================================================
iPhone 6+, 7+ and 8+ || 414 x 736 || Default, Portrait and Landscape
================================================================================ */
@media only screen and (min-width: 414px)
and (max-width: 736px){
    body, #wrapper {
		min-width: 414px;
		max-width: 736px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 414px)
and (max-width: 736px) and (orientation: portrait) {
    body, #wrapper {
		min-width: 414px;
		max-width: 736px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 414px)
and (max-width: 736px) and (orientation: landscape) {
    body, #wrapper {
		min-width: 414px;
		max-width: 736px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

/*==============================================================================
iPhone X || 375 x 812 || Default, Portrait and Landscape
================================================================================ */
@media only screen and (min-width: 375px)
and (max-width: 812px){
	body, #wrapper {
		min-width: 375px;
		max-width: 812px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 375px)
and (max-width: 812px) and (orientation: portrait) {
	body, #wrapper, #container {
		min-width: 375px;
		max-width: 812px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}

@media only screen and (min-width: 375px)
and (max-width: 812px) and (orientation: landscape) {
	body, #wrapper {
		min-width: 414px;
		max-width: 812px;
	}
    #container {
        width: 100% !important;
    }
    #navigation a {
        font-size: .75rem !important;
    }
}