/* Table of Contents
==================================================
    #Desktop 960 Grid
    #Tablet (768)
	#iphone 4 640 portrait
    #iphone 3/2 320 portrait
    #Mobile 480px Landscape
    #Clearing */

/* #Desktop 1600px Grid
================================================== */

@media
only screen and (min-width: 1600px) {
#panel {
	width: 100%;
	max-width: 1600px;
}
#panel .leftcol #socon {
	padding-left: 40px;
}
#panel .leftcol, #panel .homerightcol, #panel .rightcol {
	width: 380px; /* was 400 */
}
#panel .leftcol .pane, #panel .rightcol .pane, #panel .leftcol #book, #panel .homerightcol, #panel .rightcol #galtext {
	width: 300px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#panel #triplecol, #panel #triplecol .row {
	width: 980px;
	w/idth: auto;
	min-width: 980px;
}
#panel #triplecol #conting, #panel #triplecol #conting img {
	width: 980px;
	height: auto;
	margin-top: 10px;
}
#panel #triplecol #imgslide {
	width: 1000px;
}
#panel #triplecol .row .text {
	width: auto;
	max-width: 980px;
}
#panel #triplecol .row .apartext {
	width: auto;
	max-width: 740px;
}
#panel .rightcol .pane h2 span, #panel .homerightcol .pane h2 span {
	display: block;
}
#panel #homebox {
	height: 800px;
	width: 800px;
}
#panel #homebox ul#sldimg, #panel #homebox ul#sldimg li, #panel #homebox ul#sldimg li img {
	height: 800px;
	width: 800px;
}
#panel #cbox {
	height: 800px;
	width: 800px;
}
#panel #cbox ul#sldimg, #panel #cbox ul#sldimg li, #panel #cbox ul#sldimg li img {
	height: 800px;
	width: 800px;
}
#sliderwrap {
	width: 100%;
	height: 460px;
}
#sliderwrap #title {
	width: 100%;
}
#sliderwrap #swrap {
	width: 1152px;
	height: 500px;
}
#sliderwrap #swrap ul#slider, #sliderwrap #swrap ul#slider li {
	width: 1152px;
}
#sliderwrap #swrap ul#slider li .sbox a, #sliderwrap #swrap ul#slider li .sbox a img, #panel #cbox .sbox a, #panel #cbox .sbox a img, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 364px;
	height: 226px;
}
#sliderwrap #swrap ul#slider li .sbox, #panel #cbox .sbox, #panel .offercol .sbox {
	height: 380px;
	width: 364px;
}
#sliderwrap #swrap ul#slider li .sbox h3, #sliderwrap #swrap ul#slider li .sbox p, #panel #cbox .sbox h3, #panel #cbox .sbox p, #panel .offercol .sbox h3, #panel .offercol .sbox p {
	width: 344px;
}
#panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 364px;
	height: 160px;
}
#panel #singlecol, #panel #doublecol, #panel #triplecol, #panel .offercol {
	height: 800px;
	width: 400px;
}
#panel #doublecol, #panel #doublecol #topright, #panel #doublecol .boxcol, #panel #doublecol .boxcol img {
	width: 800px;
}
#panel #doublecol #topright {
	height: 532px;
	float: left;
	clear: both;
}
#panel #mapbox {
	width: 800px;
	height: 800px;
	float: left;
	clear: none;
}
#panel #mapbox #mapdisplay {
	clear: none;
	float: left;
	height: 100%;
	width: 100%;
}
#fwrap #footer {
	padding-left: 30px;
}
#fwrap #footer .fbox, #fwrap #footer #endbox {
	width: 350px;
}
#fwrap #footer #endbox {
	width: 500px;
}
#fwrap #footer .fbox .facebook, #fwrap #footer .fbox .twitter, #fwrap #footer .fbox .tripadvisor {
	margin-right: 20px;
}
}

/* #all widths for all sizes below 1366px
================================================== */
@media
only screen and (min-width: 1200px) and (max-width: 1599px) {
#panel {
	width: 100%;
	max-width: 1366px;
	height: auto;
}
#panel .homerightcol {
	width: 780px;
	height: auto;
	float: left;
	clear: none;
	padding: 20px 0px 20px 0px;
}
#panel .homerightcol .pane h2 span {
	clear: none;
	display: inline;
}
#panel .leftcol {
	width: 350px;
	min-width: 320px;
}
#panel #triplecol {
	width: 800px;
	min-width: 800px;
	height: auto;
}
#panel #triplecol #conting, #panel #triplecol #conting img, #panel #triplecol #imgslide, #panel #triplecol #imgslide img {
	width: 800px;
	height: auto;
}
#panel #triplecol .row {
	width: 800px;
	min-width: 800px;
}
#panel #triplecol .row .apartext {
	width: 560px;
}
#panel .leftcol .pane, #panel .leftcol #book {
	width: 320px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#panel .rightcol {
	width: 280px;
	margin-top: 20px;
	margin-left: 20px;
}
#panel .rightcol .pane, #panel .rightcol #galtext {
	width: 270px;
	padding: 0px 0px 0px 10px;
}
#panel .rightcol .pane h2 span, #panel .rightcol #galtext h2 span {
	width: 100%;
	float: left;
	clear: both;
}
#panel .leftcol #socon {
	padding-left: 20px;
}
#panel #homebox, #panel #homebox, #panel #homebox, #panel #homebox ul#sldimg, #panel #homebox, #panel #homebox ul#sldimg li {
	width: 800px;
	height: 400px;
}
#panel #homebox ul#sldimg li {
	overflow: hidden;
}
#panel #homebox ul#sldimg li img {
	margin-top: -150px;
}
#sliderwrap {
	width: 100%;
	height: 460px;
}
#sliderwrap #title {
	width: 100%;
	max-width: 1200px;
}
#sliderwrap #swrap {
	width: 1152px;
	height: 500px;
}
#sliderwrap #swrap ul#slider, #sliderwrap #swrap ul#slider li {
	width: 1152px;
}
#sliderwrap #swrap ul#slider li .sbox {
	height: 380px;
	width: 364px;
}
#sliderwrap #swrap ul#slider li .sbox a, #sliderwrap #swrap ul#slider li .sbox a img {
	width: 364px;
	height: 226px;
}
#panel #cbox {
	width: 580px;
	height: auto;
}
#panel #cbox .sbox, #panel .offercol .sbox {
	height: 380px;
	width: 280px;
	margin: 10px 10px 0px 0px;
}
#panel #cbox .sbox a, #panel #cbox .sbox a img, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	height: auto;
	width: 280px;
}
#panel #cbox .sbox h3, #panel #cbox .sbox p, #panel .offercol .sbox h3, #panel .offercol .sbox p {
	height: auto;
	width: 280px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
#panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 364px;
	height: 160px;
}
#sliderwrap #swrap ul#slider li .sbox h3, #sliderwrap #swrap ul#slider li .sbox p {
	width: 344px;
}
#panel #singlecol {
	height: 800px;
	width: 350px;
}
#panel #singlecol #box0 {
	width: 350px;
	height: 268px;
	overflow: hidden;
}
#panel #singlecol #box0 img {
	width: auto;
	height: 268px;
	margin-left: -25px;
}
#panel #singlecol #box1 {
	width: 350px;
	height: 532px;
	overflow: hidden;
}
#panel #singlecol #box1 img {
	width: auto;
	height: 532px;
	margin-left: -25px;
}
#panel #doublecol, #panel #doublecol #topright {
	width: 500px;
	float: left;
	background-position: -150px;
	overflow: hidden;
}
#panel #doublecol #topright {
	height: 532px;
}
#panel #doublecol #topright #box2 {
	width: 600px;
	height: 532px;
	overflow: hidden;
}
#panel #doublecol #topright #box2 img {
	width: auto;
	height: 532px;
	margin-left: -100px;
}
#panel #doublecol .boxcol {
	width: 600px;
	height: 269px;
	overflow: hidden;
}
#panel #doublecol .boxcol img {
	width: auto;
	height: 268px;
	margin-left: -100px;
}
#panel #mapbox {
	width: 550px;
	height: 800px;
}
#panel #mapbox #mapdisplay {
	clear: none;
	float: left;
	height: 100%;
	width: 100%;
}
#fwrap #footer {
	padding-left: 0px;
	width: 96%;
	max-width: 1200px;
}
#fwrap #footer .fbox, #fwrap #footer #endbox {
	width: 350px;
}
#fwrap #footer .fbox .facebook, #fwrap #footer .fbox .twitter, #fwrap #footer .fbox .tripadvisor {
	margin-right: 10px;
}
}

/* ipad 3/4/5 retina and ipad 1/2
================================================== */
@media
only screen and (min-width: 768px) and (max-width: 1199px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 768px) and (max-width: 1199px) and (min-device-pixel-ratio : 2.0),
only screen and (min-width: 768px) and (max-width: 1199px) {
#panel {
	width: 100%;
	min-width: 768px;
	max-width: 769px;
	margin: 0;
	padding-left: 0px;
}
#panel .leftcol {
	width: 330px;
}
#panel .homerightcol .pane h2 span {
	display: inline;
}
#panel .leftcol .pane, #panel .leftcol #book {
	width: 300px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#panel .leftcol #movetext {
	width: 290px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 20px;
	float: left;
	clear: both;
	border-top: 1px solid #fff;
	display: block;
}
#panel #homebox {
	height: auto;
	width: 420px;
}
#panel #homebox ul#sldimg, #panel #homebox ul#sldimg li, #panel #homebox ul#sldimg li img {
	height: auto;
	width: 420px;
}
#panel .rightcol, #panel .homerightcol, #panel .rightcol .pane {
	width: 420px;
	padding: 0px 0px 20px 0px;
}
#panel .rightcol .pane, #panel .homerightcol .pane {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#panel .rightcol .pane h2 span, #panel .homerightcol .pane h2 span {
	display: inline;
}
#panel .leftcol #socon {
	padding-left: 10px;
}
#panel #triplecol {
	width: 429px;
	min-width: 429px;
	height: auto;
}
#panel #triplecol #conting, #panel #triplecol #conting img, #panel #triplecol #imgslide, #panel #triplecol #imgslide img {
	width: 429px;
	min-width: 429px;
	height: auto;
}
#panel #triplecol .row {
	width: 429px;
	min-width: 429px;
}
#panel #triplecol .row .apartext {
	width: 429px;
}
#panel #cbox, #panel #cbox, #panel #cbox, #panel #cbox ul#sldimg, #panel #cbox, #panel #cbox ul#sldimg li, #panel #cbox {
	width: 420px;
	height: 420px;
}
#panel #cbox ul#sldimg li {
	overflow: hidden;
}
#panel #cbox ul#sldimg li img {
	width: 420px;
	height: 420px;
}
#sliderwrap {
	width: 100%;
	height: 460px;
}
#sliderwrap #title {
	width: 100%;
	max-width: 1200px;
}
#sliderwrap #swrap {
	width: 768px;
	height: 500px;
}
#sliderwrap #swrap ul#slider, #sliderwrap #swrap ul#slider li {
	width: 768px;
}
#sliderwrap #swrap ul#slider li .sbox, #panel #cbox .sbox, #panel .offercol .sbox {
	height: 380px;
	width: 236px;
}
#sliderwrap #swrap ul#slider li .sbox a, #sliderwrap #swrap ul#slider li .sbox a img, #panel #cbox .sbox a, #panel #cbox .sbox a img, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 236px;
	height: auto;
}
#panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 236px;
	height: auto;
}
#sliderwrap #swrap ul#slider li .sbox h3, #sliderwrap #swrap ul#slider li .sbox p, #panel #cbox .sbox h3, #panel #cbox .sbox p, #panel .offercol .sbox h3, #panel .offercol .sbox p {
	width: 220px;
	padding: 8px;
}
#panel #singlecol {
	height: 0px;
	width: 0px;
	display: none;
}
#panel #doublecol, #panel #doublecol #topright {
	width: 438px;
	float: left;
}
#panel #doublecol #topright {
	height: 532px;
}
#panel #doublecol #topright #box2 {
	width: 438px;
	height: 532px;
	overflow: hidden;
}
#panel #doublecol #topright #box2 img {
	width: auto;
	height: 532px;
	margin-left: -300px;
}
#panel #doublecol .boxcol {
	width: 438px;
	height: 269px;
	overflow: hidden;
}
#panel #doublecol .boxcol img {
	width: auto;
	height: 268px;
	margin-left: -200px;
}
#panel #doublecol #listbox, #panel #doublecol #topright #aplist {
	margin-left: 19px;
}
#panel #cbox ul#gal-pager li, #panel #cbox ul#gal-pager li a, #panel #cbox ul#gal-pager li a img {
	width: 180px;
}
#panel #triplecol #overblock {
	width: 340px;
	margin-top: 0px;
	margin-left: 0px;
	background-image: none;
}
#panel #triplecol #overblock h1, #panel #triplecol #overblock p {
	color: #fff;
}
#fwrap #footer {
	width: 768px;
	padding-left: 0px;
}
#fwrap #footer .fbox, #fwrap #footer #endbox {
	width: 240px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
#fwrap #footer .fbox .facebook, #fwrap #footer .fbox .twitter, #fwrap #footer .fbox .tripadvisor {
	margin-right: 10px;
	margin-bottom: 10px;
}
}

/*  #Mobile iphone 4/5 retina portrait and iphone 2/3
note 479px catches all other non ios formats
================================================== */
@media
only screen and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 320px) and (min-device-pixel-ratio : 2.0),
only screen and (max-device-width: 479px), only screen and (max-width: 479px) {
#panel {
	width: 100%;
	min-width: 320px;
	margin: 0;
	padding-left: 0px;
}
#panel .leftcol {
	width: 300px;
}
#panel .rightcol .pane h2 span {
	display: block;
}
#panel .leftcol .pane, #panel .leftcol #book {
	width: 300px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#panel .leftcol #socon {
	padding-left: 0px;
}
#panel .rightcol, #panel .rightcol .pane {
	width: 300px;
}
#panel .rightcol .pane {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#panel #cbox, #panel #cbox, #panel #cbox, #panel #cbox {
	width: 300px;
	height: 320px;
}
#panel #triplecol {
	width: 300px;
	min-width: 300px;
	height: auto;
	float: left;
	clear: both;
}
#panel #triplecol #conting, #panel #triplecol #conting img, #panel #triplecol #imgslide, #panel #triplecol #imgslide img {
	width: 300px;
	min-width: 300px;
	height: auto;
}
#panel #triplecol .row {
	width: 292px;
	min-width: 292px;
	padding-left: 8px;
}
#panel #triplecol .row .apartext {
	width: 300px;
}
#panel #homebox {
	height: auto;
	width: 300px;
}
#panel #homebox ul#sldimg, #panel #homebox ul#sldimg li, #panel #homebox ul#sldimg li img {
	height: auto;
	width: 300px;
}
#panel .rightcol, #panel .homerightcol, #panel .rightcol .pane {
	width: 290px;
	padding: 20px 0px 20px 10px;
}
#sliderwrap {
	width: 300px;
	height: 1320px;
	background-color: #e4e4e4;
	background-image: none;
}
#sliderwrap #title {
	width: 300px;
}
#sliderwrap #swrap {
	width: 300px;
	height: 1160px;
}
#sliderwrap #swrap ul#slider, #sliderwrap #swrap ul#slider li {
	width: 300px;
	height: 1160px;
}
#sliderwrap #swrap ul#slider li .sbox, #panel #cbox .sbox, #panel .offercol .sbox {
	height: 380px;
	width: 280px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}
#sliderwrap #swrap ul#slider li .sbox a, #sliderwrap #swrap ul#slider li .sbox a img, #panel #cbox .sbox a, #panel #cbox .sbox a img, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 280px;
	height: auto;
}
#panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 280px;
	height: auto;
}
#sliderwrap #swrap ul#slider li .sbox h3, #sliderwrap #swrap ul#slider li .sbox p, #panel #cbox .sbox h3, #panel #cbox .sbox p, #panel .offercol .sbox h3, #panel .offercol .sbox p {
	width: 260px;
	padding: 6px;
}
#panel #singlecol {
	height: 0px;
	width: 0px;
	display: none;
}
#panel #doublecol {
	margin-top: 10px;
}
#panel #doublecol, #panel #doublecol #topright {
	width: 320px;
	float: left;
}
#panel #doublecol #topright {
	height: 532px;
}
#panel #doublecol #topright #box2 {
	width: 320px;
	height: 532px;
	overflow: hidden;
}
#panel #doublecol #topright #box2 img {
	width: auto;
	height: 532px;
	margin-left: -380px;
	margin-top: -200px;
}
#panel #doublecol .boxcol {
	width: 320px;
	height: 269px;
	overflow: hidden;
}
#panel #doublecol .boxcol img {
	width: auto;
	height: 268px;
	margin-left: 0px;
}
#panel #doublecol #listbox, #panel #doublecol #topright #aplist {
	margin-left: 0px;
	width: auto;
}
#panel #cbox ul#gal-pager {
	display: none;
	height: 0px;
}
#panel #cbox .sbox {
	margin-left: 10px;
}
#panel .rightcol #galtext {
	width: 280px;
	float:left;
	clear: both;
	margin: 20px 0px 20px 10px;
	padding: 0px;
}
#panel #triplecol #overblock {
	width: 290px;
	padding: 0px 0px 0px 10px;
	margin-top: 20px;
	margin-left: 0px;
	background-image: none;
}
#panel #triplecol #overblock h1, #panel #triplecol #overblock p {
	color: #fff;
}
#fwrap {
	width: 320px;
}
#fwrap #footer {
	width: 300px;
	padding-left: 0px;
}
#fwrap #footer .fbox, #fwrap #footer #endbox {
	width: 270px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
#fwrap #footer .fbox .facebook, #fwrap #footer .fbox .twitter, #fwrap #footer .fbox .tripadvisor {
	margin-right: 10px;
	margin-bottom: 10px;
}
}

/* #Mobile (Note: Design for a target width of 640px mobile landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#panel {
	width: 100%;
	min-width: 640px;
	margin: 0;
	padding-left: 8px;
}
#panel .leftcol {
	width: 320px;
}
#panel .rightcol .pane h2 span {
	display: block;
}
#panel .leftcol .pane, #panel .leftcol #book {
	width: 300px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#panel .rightcol, #panel .rightcol .pane {
	width: 320px;
}
#panel .rightcol .pane {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#panel .leftcol #socon {
	padding-left: 0px;
}
#panel #cbox, #panel #cbox, #panel #cbox, #panel #cbox ul#sldimg, #panel #cbox, #panel #cbox ul#sldimg li, #panel #cbox {
	width: 320px;
	height: 320px;
}
#panel #triplecol {
	width: 300px;
	min-width: 300px;
	height: auto;
}
#panel #triplecol #conting, #panel #triplecol #conting img, #panel #triplecol #imgslide, #panel #triplecol #imgslide img {
	width: 300px;
	min-width: 300px;
	height: auto;
}
#panel #triplecol .row {
	width: 300px;
	min-width: 300px;
}
#panel #triplecol .row .apartext {
	width: 300px;
}
#panel #homebox {
	height: auto;
	width: 320px;
}
#panel #homebox ul#sldimg, #panel #homebox ul#sldimg li, #panel #homebox ul#sldimg li img {
	height: auto;
	width: 320px;
}
#panel .rightcol, #panel .homerightcol, #panel .rightcol .pane {
	width: 320px;
	padding: 20px 0px 20px 0px;
}
#sliderwrap {
	width: 100%;
}
#sliderwrap #title {
	width: 100%;
	max-width: 640px;
}
#sliderwrap #swrap {
	width: 640px;
}
#sliderwrap #swrap ul#slider, #sliderwrap #swrap ul#slider li {
	width: 640px;
}
#sliderwrap #swrap ul#slider li .sbox, #panel #cbox .sbox, #panel .offercol .sbox {
	height: 380px;
	width: 204px;
	margin-left: 5px;
	margin-right: 4px;
}
#sliderwrap #swrap ul#slider li .sbox a, #sliderwrap #swrap ul#slider li .sbox a img, #panel #cbox .sbox a, #panel #cbox .sbox a img, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 204px;
	height: auto;
}
#panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a, #panel .offercol .sbox a img {
	width: 204px;
	height: auto;
}
#sliderwrap #swrap ul#slider li .sbox h3, #sliderwrap #swrap ul#slider li .sbox p, #panel #cbox .sbox h3, #panel #cbox .sbox p, #panel .offercol .sbox h3, #panel .offercol .sbox p {
	width: 186px;
	padding: 6px;
}
#panel #singlecol {
	height: 0px;
	width: 0px;
	display: none;
}
#panel #doublecol, #panel #doublecol #topright {
	width: 320px;
	float: left;
}
#panel #doublecol #topright {
	height: 532px;
}
#panel #doublecol #topright #box2 {
	width: 320px;
	height: 532px;
	overflow: hidden;
}
#panel #doublecol #topright #box2 img {
	width: auto;
	height: 532px;
	margin-left: -380px;
	margin-top: -200px;
}
#panel #doublecol .boxcol {
	width: 320px;
	height: 269px;
	overflow: hidden;
}
#panel #doublecol .boxcol img {
	width: auto;
	height: 268px;
	margin-left: 0px;
}
#panel #doublecol #listbox, #panel #doublecol #topright #aplist {
	margin-left: 0px;
	width: auto;
}
#panel .leftcol #movetext {
	width: 290px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 20px;
	float: left;
	clear: both;
	border-top: 1px solid #fff;
	display: block;
}
#panel #triplecol #overblock {
	width: 290px;
	padding: 0;
	margin-top: 20px;
	margin-left: 0px;
	background-image: none;
}
#panel #triplecol #overblock h1, #panel #triplecol #overblock p {
	color: #fff;
}
#fwrap #footer {
	width: 640px;
	padding-left: 0px;
}
#fwrap #footer .fbox, #fwrap #footer #endbox {
	width: 300px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
#fwrap #footer .fbox .facebook, #fwrap #footer .fbox .twitter, #fwrap #footer .fbox .tripadvisor {
	margin-right: 10px;
	margin-bottom: 10px;
}
}

/*  #Mobile (Note: Design for a width of 480px portrait)
================================================== */
@media only screen and (min-width: 321px) and (max-width: 480px) { }