@media screen and (max-width: 830px) { 

.city {

	width:70%;

}

.post_code {

	width:25%;

}

}

@media screen and (max-width: 767px) { 

.city {

	width:68%;

}

.post_code {

	width:27%;

}

.col {width: 100%;}
.col img {margin: 20px auto;}

}

@media screen and (max-width: 690px) { 

.city {

	width:65%;

}

.post_code {

	width:30%;

}

.select_option .dk-selected:before {

	right:8px;

}

}

@media screen and (max-width: 630px) { 

.city {

	width:62%;

}

.post_code {

	width:33%;

}

.select_left {

	width:38%;

}

.select_rgt {

	width:57%;

}

}

@media screen and (max-width: 600px) { 

.about_contact,

.contact_details {

	width:100%;

	float:none;

	clear:both;

}

.select_left {

	width:100%;

	float:none;

	clear:both;

	margin-bottom:13px;

	text-align:center;

}

.select_rgt {

	width:100%;

	float:none;

	clear:both;

	text-align:center;

}

.city {

	width:100%;

	float:none;

	clear:both;

	margin-bottom:13px;

}

.post_code {

	width:100%;

	float:none;

	clear:both;

}

.select_rgt .normal_select {

	padding-left:15px;

}

.select_option .dk-selected:before {

	right:13px;

}

.dk-selected:first-child {padding-left:0;}

#news_area {

	padding-top:0px

}

.row {

	padding-top:10px;

}

.about_contact h3 {

	padding-bottom:10px;

}

#contact_from {

	padding-bottom:20px;

}

.submit {

	margin-bottom:15px;

}

#from_content {

	margin-bottom:0px;

}

}

@media screen and (max-width: 480px) { 

.home #header {

	background:none; 

	height:auto;

	padding-top:40px;

}

#header {

	background:none;

	height:auto; 

	padding-top:40px;

}

.social li {

	margin-left:30px;

}

.sign_up a {

	font-size:15px;

}

}


/*-------------------*/
/* PopUp             */
/*-------------------*/
@media screen and (max-width: 640px) {
#popup .popup-title h1 {
    font-size: 30px; line-height: 35px;
}
#popup .popup-title h2 {
    font-size: 18px; line-height: 20px;
}
#popup .popup-footer a {
    width: 100%;
    max-width: 300px;
    margin: 5px auto;
}
}

@media screen and (max-width: 640px) {
#popup .popup-title h1 {
    font-size: 20px; line-height: 35px;
}
#popup .popup-title h2 {
    font-size: 13px; line-height: 20px;
}
}