@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 480px) {
	.active {  display: block; } 
	.nav > li {   float: none; } 
	.nav > li > .parent {  background-position: 95% 50%;} 
	.nav li li .parent { background-image: url(../images/downArrow.png);  background-repeat: no-repeat;  background-position: 95% 50%; } 
	.nav ul {  display: block; width: 100%; } 
	.nav > li.hover > ul , .nav li li.hover ul {    position: static; }}



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

}

@media only screen and (max-width:1002px) {
	
}



@media only screen and (max-width: 821px) {
.wrapper{ max-width:96%;}
	.txt-field.postcode{ width:70%;}
	.social-pic-right{ width:80%;}
	.header{ background-size:100%}
	.header{ height:auto;}
} 

@media only screen and (max-width: 800px) {
	.nav a{ padding:10px;}
	.logo img{ padding-right:3%;}
	ul.social{ padding-left:40%; padding-top:3%;}

}


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


}

@media only screen and (max-width: 766px) {
	.section-left{ width:100%; padding:0 15px;}
	.social-share-pic, .social-share-pic-two{ text-align:center;}
	.section-right{ width:100%; margin-top:0; padding-right:0;}
	.logo{ float:right; width:73%;}
.section-right{ padding-top:15px;}
	ul.social{ float:right; padding:3% 10px 0 0 ;}
	.i-d-love{ font-size:26px; padding:0 16%;}
}


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

.header{ margin-top:20px;}
.logo { float: right;padding-right: 10px;padding-top: 15px; width: 72%;}
}

@media only screen and (max-width: 600px) {
	ul.social{ padding: 0 10px 0 0;}
	.logo img{ padding-top:0;}
}

@media only screen and (max-width: 568px) {
.social-pic-left{ width:15%;}
.social-pic-right{ width:70%;}
.share{ width:100%;}
.social-pic{ margin-top:-10px;}
.share-time{ width:100%;}
.footer{ padding-top:30px;}
.left-footer-pic{ width:100%; text-align:center; left:0;}
}


@media only screen and (max-width: 480px) {
.logo{ width:58%; padding-top:10px; padding-bottom:10px;}
.section, .section-left {padding-top:10px;}
.nav{ border-top:none; border-bottom:2px solid #7CBBD9;}
.nav a{ border-top:2px solid #7CBBD9;}
}


@media only screen and (max-width: 360px) {
ul.social li a{ width:40px; height:40px; background-size:100%;}
ul.social li img{ width:70%;}
.logo{ padding-bottom:5px;}
.header{ padding-bottom:10px;}
h1{ font-size:20px;}
.social-pic-left{ padding-left:1%;}
.share-time{ font-size:10px;}
}

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

.logo { padding-top: 14px; width: 69%;}

}