/* CSS Document */

/* CSS Media Queries */


/* Large desktop */
@media screen and (min-width: 1200px) {

.cursor		{pointer-events:none; cursor:default;  	}
	
}


@media screen and (max-width: 1170px) {	
.fullwidthbanner-container {
    margin-top: 0px;
}

.page-background {
display:none;
}

.tel-mob {
display:inline-block;	
}


}

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

.fullwidthbanner-container {
    margin-top: 85px;
}

.toppad {
margin-top:130px;
float:left;	
}

#contact-details {
display:none;	
}

header { 
position: fixed;   
}

#lightgallery a {
width:32.9%;
display:inline-block;
}


/* Navigation */

#desk-header {
display:none;	
}

#mobile-header {
display:block;	
height:80px;
-webkit-box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.25);
-moz-box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.25);
box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.25);
background-color: #eff5fc;
width: 100%;
}


.slideborder {
	border:none;
	border-top:solid 5px rgba(250,250,250,0.1);
}

/* MOBILE MENU */

.navbar {
width:10%;
float:left; 
clear:right;
padding:15px 10px;	
}

#main-logo {
width:72%;
float:left; 
clear:right;
text-align:center;
height:100%;
}

#main-logo img {
    width: 120px;
    padding-top: 5px;
	text-align:center;
}


#social {
display:inline-block;
float: right;
clear: right;
padding: 15px 10px;
width: 18%;
text-align: right;
}

#social ul {
float:right;
}

#social li {
list-style:none;
}

#social img {
width:30px;	
display:inline-block;
}





/* Icon 1 */

#nav-icon {
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  cursor: pointer;
  margin-top: 10px;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #444;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}



#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 10px;
}

#nav-icon span:nth-child(4) {
  top: 20px;
}

.sb-active #nav-icon span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

.sb-active #nav-icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sb-active #nav-icon span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sb-active #nav-icon span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}


.navbar { width:35%; }

#main-logo { width:30%; }

#main-logo img {
    width: 150px;
    padding-top: 5px;
}

#social { width:35%; margin-top:5px; }
#social img { width:30px; }



}



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

#full-width-contact-container       {margin-top:4em;}


 .fullwidthbanner-container {
    margin-top: 75px;
}       

#lightgallery a {
width:32.7%;
display:inline-block;
}


.col-80			{ width:98%; 	}
.col-70			{ width:98%;	}
.col-60			{ width:98%; 	}
.col-50			{ width:98%; 	}
.col-40			{ width:98%; 	}
.col-33			{ width:98%; 	}
.col-30			{ width:98%; 	}
.col-25			{ width:98%;   	}


.sb-submenu			{margin-top:10px !important;	}
.sb-slidebar		{margin-top:70px !important;	}		


.desk {
display:none;	
}

.mobile {
display:block;	
}
	
	.slidebtn {
		display:none;
	}

.side-home-img img	{ display:none;		}	


.cont-l {
    float: none;
    margin-bottom: 30px;
}

.cont-r {
    float: none;
}

footer p, footer a, footer h3, footer h4, footer img {
text-align:center;	
}

.asso img {
	width: 25%;
	padding: 40px;
	margin: 0 3.5%;
}

.shoesbk {
margin-top:0px;
padding-top:60px;	
}
	
.quote {
width:98%;
text-align:left;
}
	
.quote h2 {
text-align:left;
}	


}


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

.toppad {
    margin-top: 80px;
}


.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    left: 5% !important;
}

.slidetitle {
font-size:23px;
line-height:25px;
padding-bottom:0;
margin-top: -25px;	
}

.slidetext {
font-size:13px;
padding-bottom:0;	
}


.btn-full {
    margin: 10px 0;
	padding:20px;
}


.navbar {
    width:32%;
}

#main-logo {
    width:34%;
}

#social {
	width:32%;
	padding: 15px 3px;
}

#social ul li {
    padding: 0;
}

#social img {
    width: 27px;
}

#main-logo img {
    width: 100px;
    padding-top: 5px;

}

.sb-menu {
	padding: 80px 0 50px 0;
}

#lightgallery a {
width:49%;
display:inline-block;
}

.content-wrap { margin-top:3% !important; }



.full-width-container p {
    text-align:left;
}


.sb-slidebar li a {
padding: 20px 25px;
}


.asso img {
	width: 31%;
	padding: 30px;
	margin:0;
}


.shoesbk {
padding-top:0px;	
}

}