/* 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) {			

.main-outer {
	padding:0;
}

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


#contact-details {
display:none;	
}

header { 
position: fixed; 
top:0;  
}


/* Navigation */

#desk-header {
display:none;	
}

#mobile-header {
    display: block;
    height: 80px;
    -webkit-box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 6px 17px -7px rgba(0,0,0,0.75);
    background-color: #5a6b75;
}


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

/* MOBILE MENU */

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


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

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


#sb-site, .sb-site-container {

	background-color: #ffffff; 
}


/* Icon 1 */

#nav-icon {
  width: 40px;
  height: 45px;
  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;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  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: 12px;
}

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

.sb-active #nav-icon span:nth-child(1) {
  top: 12px;
  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: 12px;
  width: 0%;
  left: 50%;
}



.navbar { width:35%; }

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

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




#social { width:35%; }
#social img { width:25px; }


figure.effect1 p.description {
    bottom: 5em;
}
	
.cont-info li {
    width: 98% !important;
	margin-bottom:20px;
	padding: 0 10px;
}	
	
.cont-info p {
    text-align:left;
	margin-top: -10px;
}	
	

}



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

#full-width-contact-container       {margin-top:4em;}
        
.footer-boxes .footer-logo	{display:none;		}


.slideh1		{ font-size:56px !important;			}
.slidep1		{ font-size:16px !important;		}
.slidep2		{ font-size:18px !important;		}


.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;	
}

.foot-left, .foot-right {
width:100%;
}

.foot-right {
text-align: center;
padding: 20px 0;
}

.homegrid {
display:none;
	}

	
.sidesketch {
display:none;	
}	
	

}


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

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

.foot-left, .foot-right, .foot-center {
text-align:center;	
}

.foot-left h3, .foot-right h3, .foot-center h3 {
text-align:center;	
}

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


.slider-wrap       {margin-top:70px;}
#slider1_container		{ margin-top:60px;		}

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

.navbar {
 width: 25%;
}


}