﻿@media (max-width: 1180px)
{
}
@media (max-width: 1024px)
{
}
@media (max-width: 960px)
{
}
@media (max-width: 900px)
{
}
@media (max-width: 850px)
{
}
@media (max-width: 800px)
{
}
@media (max-width: 780px)
{
}
@media (max-width: 725px)
{
}
@media (max-width: 670px)
{
}
@media (max-width:640px)
{
	/********************************Mobile Services************************************************/
	.imagebgDiv
	{
		background: none repeat scroll 0 0 #BF225F;
		border-radius: 10px 10px 10px 10px;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 14px;
	}
	.dir_req
	{
		float: right;
	}
	.dir_req a
	{
		background: none repeat scroll 0 0 #BF225F !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 5px 10px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.dir_req a:hover
	{
		background: none repeat scroll 0 0 #000000 !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 5px 10px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.directoryMobile ul li
	{
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		margin: 0 2px 0 0;
		padding-bottom: 0;
		width: 100% !important;
	}
	.directoryMobile ul li a
	{
		color: #FFFFFF;
		line-height: 22px;
		text-decoration: none;
		display:block;
	}
	.directoryMobile ul li a:hover
	{
		color: #BF225F;
		line-height: 22px;
	}
	div.dataContainer
	{
		/*color: #000000; 		float: left; 		font-size: 9px; 		height: 82% !important; 		line-height: 12px; 		margin-left: 4px; 		margin-right: 10px; 		margin-top: 3px; 		position: absolute; 		text-align: left;*/
		background: none repeat scroll 0 0 #FFFFFF !important;
		padding: 10px;
		width: 95%;
	}
	.slider_image
	{
		/*height: 89% !important; 		margin-left: 1%;*/
		width: 47% !important;
		border: 2px solid #BCBCBC !important;
	}
	.slider_text
	{
		font-size: 11px; /*height: 79%;*/
		line-height: 14px;
		margin-top: 1px;
		width: 46%;
	}
	.gallery_text_2
	{
		color: #666666;
		float: left;
		font-family: Calibri !important;
		font-size: 12px !important; /*height: 90px; 		margin-left: 16px;*/
		margin-right: 4px;
		margin-top: 2px;
		margin-left: 15px;
		overflow: hidden;
		text-align: left;
	}
}
@media (max-width: 600px)
{
}
@media (max-width:560px)
{
	/********************************Mobile Services************************************************/
	.imagebgDiv
	{
		background: none repeat scroll 0 0 #BF225F;
		border-radius: 10px 10px 10px 10px;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 14px;
	}




	.dir_req
	{
		float: right;
	}
	.dir_req a
	{
		background: none repeat scroll 0 0 #BF225F !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 5px 10px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.dir_req a:hover
	{
		background: none repeat scroll 0 0 #000000 !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 5px 10px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.directoryMobile ul li
	{
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		margin: 0 2px 0 0;
		padding-bottom: 0;
		width: 100% !important;
	}
	.directoryMobile ul li a
	{
		color: #FFFFFF;
		line-height: 22px;
	}
	.directoryMobile ul li a:hover
	{
		color: #BF225F;
		line-height: 22px;
	}
	div.dataContainer
	{
		/*color: #000000; 		float: left; 		font-size: 9px; 		height: 82% !important; 		line-height: 12px; 		margin-left: 4px; 		margin-right: 10px; 		margin-top: 3px; 		position: absolute; 		text-align: left;*/
		background: none repeat scroll 0 0 #FFFFFF !important;
		padding: 10px;
		width: 95%;
	}
	.slider_image
	{
		/*height: 89% !important; 		margin-left: 1%;*/
		width: 48% !important;
		border: 2px solid #BCBCBC !important;
	}
	.slider_text
	{
		font-size: 11px; /*height: 79%;*/
		line-height: 14px;
		margin-top: 1px;
		width: 46%;
	}
	.gallery_text_2
	{
		color: #666666;
		float: left;
		font-family: Calibri !important;
		font-size: 12px !important; /*height: 90px; 		margin-left: 16px;*/
		margin-right: 4px;
		margin-top: 2px;
		margin-left: 15px;
		overflow: hidden;
		text-align: left;
	}
}
@media (max-width: 550px)
{
}
@media (max-width: 520px)
{
}
@media (max-width: 480px)
{
	/********************************Mobile Services************************************************/
	.imagebgDiv
	{
		background: none repeat scroll 0 0 #BF225F;
		border-radius: 10px 10px 10px 10px;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 14px;
	}




	.dir_req
	{
		float: right;
	}
	.dir_req a
	{
		background: none repeat scroll 0 0 #BF225F !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 5px 10px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.dir_req a:hover
	{
		background: none repeat scroll 0 0 #000000 !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 5px 10px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.directoryMobile ul li
	{
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		margin: 0 2px 0 0;
		padding-bottom: 0;
		width: 100% !important;
	}
	.directoryMobile ul li a
	{
		color: #FFFFFF;
		line-height: 22px;
		display: block;
	}
	.directoryMobile ul li a:hover
	{
		color: #BF225F;
		line-height: 22px;
	}
	div.dataContainer
	{
		/*color: #000000; 		float: left; 		font-size: 9px; 		height: 82% !important; 		line-height: 12px; 		margin-left: 4px; 		margin-right: 10px; 		margin-top: 3px; 		position: absolute; 		text-align: left;*/
		background: none repeat scroll 0 0 #FFFFFF !important;
		padding: 10px;
		width: 95%;
	}
	.slider_image
	{
		/*height: 89% !important; 		margin-left: 1%;*/
		width: 48% !important;
		border: 2px solid #BCBCBC !important;
	}
	.slider_text
	{
		font-size: 11px; /*height: 79%;*/
		line-height: 14px;
		margin-top: 1px;
		width: 46%;
	}
	.gallery_text_2
	{
		color: #666666;
		float: left;
		font-family: Calibri !important;
		font-size: 12px !important; /*height: 90px; 		margin-left: 16px;*/
		margin-right: 4px;
		margin-top: 2px;
		margin-left: 15px;
		overflow: hidden;
		text-align: left;
	}
}

@media (max-width: 460px)
{
}
@media (max-width:380px)
{
	.slider_text
	{
		width: 44%;
	}
}
@media (max-width: 320px)
{
	/********************************Mobile Services************************************************/
	.imagebgDiv
	{
		background: none repeat scroll 0 0 #BF225F;
		border-radius: 10px 10px 10px 10px;
		display: block;
		margin-top: 10px;
		padding: 14px;
	}




	.dir_req
	{
		float: right;
	}
	.dir_req a
	{
		background: none repeat scroll 0 0 #BF225F !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 0px 5px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
		font-size: 11px;
	}
	.dir_req a:hover
	{
		background: none repeat scroll 0 0 #000000 !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 0px 5px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.directoryMobile ul li
	{
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		margin: 0 2px 0 0;
		padding-bottom: 0;
		width: 100% !important;
	}
	.directoryMobile ul li a
	{
		color: #FFFFFF;
		line-height: 22px;
		display: block;
	}
	.directoryMobile ul li a:hover
	{
		color: #BF225F;
		line-height: 22px;
	}
	div.dataContainer
	{
		/*color: #000000; 		float: left; 		font-size: 9px; 		height: 82% !important; 		line-height: 12px; 		margin-left: 4px; 		margin-right: 10px; 		margin-top: 3px; 		position: absolute; 		text-align: left;*/
		background: none repeat scroll 0 0 #FFFFFF !important;
		padding: 10px;
		width: 95%;
	}
	.slider_image
	{
		/*height: 89% !important; 		margin-left: 1%;*/
		width: 48% !important;
		border: 2px solid #BCBCBC !important;
	}
	.slider_text
	{
		font-size: 11px; /*height: 79%;*/
		line-height: 13px;
		margin-top: 1px;
		width: 42%;
	}
	.gallery_text_2
	{
		color: #666666;
		float: left;
		font-family: Calibri !important;
		font-size: 12px !important; /*height: 90px; 		margin-left: 16px;*/
		margin-right: 4px;
		margin-top: 2px;
		margin-left: 15px;
		overflow: hidden;
		text-align: left;
	}

}
@media (max-width: 240px)
{
	/********************************Mobile Services************************************************/
	.imagebgDiv
	{
		background: none repeat scroll 0 0 #BF225F;
		border-radius: 10px 10px 10px 10px;
		display: block;
		margin-top: 10px;
		padding: 14px;
	}




	.dir_req
	{
		float: right;
	}
	.dir_req a
	{
		background: none repeat scroll 0 0 #BF225F !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 0px 5px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
		font-size: 11px;
	}
	.dir_req a:hover
	{
		background: none repeat scroll 0 0 #000000 !important;
		border-radius: 7px 7px 7px 7px !important;
		color: #FFFFFF !important;
		cursor: pointer;
		display: block;
		float: right !important;
		margin-top: 10px;
		outline: medium none;
		padding: 0px 5px !important;
		text-align: center;
		text-decoration: none;
		width: auto !important;
	}
	.directoryMobile ul li
	{
		border-bottom: 1px solid #ccc;
		display: block;
		float: left;
		margin: 0 2px 0 0;
		padding-bottom: 0;
		width: 75% !important;
		font-size: 12px;
	}
	.directoryMobile ul li a
	{
		color: #FFFFFF;
		line-height: 22px;
	}
	.directoryMobile ul li a:hover
	{
		color: #BF225F;
		line-height: 22px;
	}
	div.dataContainer
	{
		/*color: #000000; 		float: left; 		font-size: 9px; 		height: 82% !important; 		line-height: 12px; 		margin-left: 4px; 		margin-right: 10px; 		margin-top: 3px; 		position: absolute; 		text-align: left;*/
		background: none repeat scroll 0 0 #FFFFFF !important;
		padding: 10px;
		width: 95%;
	}
	.slider_image
	{
		/*height: 89% !important; 		margin-left: 1%;*/
		width: 100% !important;
		border: 2px solid #BCBCBC !important;
	}
	.slider_text
	{
		font-size: 11px; /*height: 79%;*/
		line-height: 13px;
		margin-top: 1px;
		width: 97%;
	}
	.gallery_text_2
	{
		color: #666666;
		float: left;
		font-family: Calibri !important;
		font-size: 11px !important; /*height: 90px; 		margin-left: 16px;*/
		margin-right: 4px;
		margin-top: 2px;
		margin-left: 0px;
		overflow: hidden;
		text-align: left;
	}
	.Loginbutton
	{
		background: url(../images/login_btn_small.png) top no-repeat;
		width: 90px;
		height: 37px;
		border: none;
		cursor: pointer;
	}
	.Loginbutton:hover
	{
		background: url(../images/login_btn_small.png) top no-repeat;
		width: 90px;
		height: 37px;
		border: none;
		cursor: pointer;
	}
	.cancellButton
	{
		background: url(../images/cancel.png) top no-repeat;
		width: 62px;
		height: 25px;
		border: none;
		cursor: pointer;
	}
	.cancellButton:hover
	{
		background: url(../images/cancel_hover.png) top no-repeat;
		width: 62px;
		height: 25px;
		border: none;
		cursor: pointer;
	}
	.directoryMobile ul li
	{
		width: 100% !important;
	}
}

@media screen and (max-width: 480px)
{


}
