/* If the map DIV doesn't have a size set up, it won't appear on the page */
.gllpMap	{ width: 100%; height: 250px; }

/* Extra small devices (phones, 600px and down) */

@media (min-width: 200px) and (max-width: 250px) {
.gllpMap
{
	width:100%;
	height:250px;
}

#location
{
	width: 190px;
}
}

@media (min-width: 251px) and (max-width: 300px) {
.gllpMap
{
	width:100%;
	height:250px;
}

#location
{
	width: 240px;
}
}


@media (min-width: 301px) and (max-width: 350px) {
.gllpMap
{
	width:100%;
	height:250px;
}

#location
{
	width: 260px;
}
}

@media (min-width: 351px) and (max-width: 370px) {
.gllpMap
{
	width:100%;
	height:250px;
}

#location
{
	width: 300px;
}
}

@media (min-width: 371px) and (max-width: 400px) {
.gllpMap
{
	width:100%;
	height:250px;
}

#location
{
	width: 310px;
}
}

@media (min-width: 401px) and (max-width: 475px) {
.gllpMap
{
	width:100%;
	height:300px;
}
#location
{
	width: 345px;
}
}

@media (min-width: 476px) and (max-width: 500px) {
.gllpMap
{
	width:100%;
	height:300px;
}
#location
{
	width: 410px;
}
}

@media (min-width: 501px) and (max-width: 599px) {
.gllpMap
{
	width:100%;
	height:300px;
}
#location
{
	width: 435px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) and (max-width: 767px) {
.gllpMap
{
	width:100%;
	height:250px;
}
#location
{
	width: 460px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
.gllpMap
{
	width:100%;
	height:300px;
	
}

}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 993px) and (max-width: 1200px) {
.gllpMap
{
	width:100%;
	height:250px;
}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.gllpMap
{
	width:100%;
	height:300px;
}

}