    @media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
	margin: auto;
  }

}

     
	body {
		font-family: 'Lato', sans-serif; 
		color:#4a4a4a;
		text-align:center;
		margin: auto;
		overflow-x:hidden;
	}

p { 
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 0.5px;
}

p strong {font-weight: 600;}
	
		a img
	{
		border:none;
	
	}
	
	a {
	 color: #000;
	 
	 }
	 
	 
	a:hover {
	 color: #55a4db;
	 text-decoration:none;

	 }	

hr { margin: 40px 0px; }

h1 {
	line-height: normal;
	font-size: 36px;
}

h2 {
	line-height: normal;
}

h2 a { text-decoration:none !important;}

h2 a:hover { text-decoration:underline !important;}

h3 {
	color:#4a4a4a;
	line-height: 24px;
    font-size: 18px;
	letter-spacing: 0.5px;
}


	
	.clear{clear:both;}
	
	.outer_container {
		height: 100%;
		width: 100%;
	}
	
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}

	

	img {
	width:100%;	
		
	}

	.top_bar {
		float:left;
		height:auto;
		width:100%;
		
	}
	
	
	.top_logo {
		float:left;
		height:auto;
		width:25%;
		margin-left:6%;
		margin-top:1%;
		margin-bottom:1%;
		
	}

	.nav {
		float:left;
		height:auto;
		width:20%;
		margin-left:29%;
		margin-top:3%;
		font-size:16px;
		text-decoration:none;
	}
	
	.nav a {
		font-size:16px;
		text-decoration:none;
		font-weight: 600;
	}
	
	.phone {
		float:right;
		height:auto;
		width:15%;
		margin-right:4%;
		margin-top:2.7%;
		
	}	
	.phone, .phone a {
		font-size:24px;
		text-decoration:none;
		color:#55a4db;
		font-weight:bold;
	}		
	
	.header_image {
		float:left;
		height:auto;
		width:100%;
		margin-top:0%;
		
	}	
	
	.header_image_text {
		float: right;
		height: auto;
		width: 20%;
		margin-top: -26%;
		margin-right: 9%;
		position: relative;
		
	}	
	
	.home_heading {
		float: left;
		height: auto;
		width: 90%;
		margin-top: 2%;
		margin-left: 7%;
		font-size: 45px;
		margin-bottom: 2%;
		font-weight: 500;
		color: #525b62;
	}

	.services_circle {
		float:left;
		height:auto;
		width:28%;
		margin-left:7%;	
	}

	.services_text {
		float:right;
		height:auto;
		width:50%;
		margin-right:10%;
		font-size:16px;
		margin-top:4%;
		
	}

	.services_text p{
		line-height:39px;
		color: #525b62;
		letter-spacing: 0.5px;
	}

	.service_click {
		text-align:center;
		font-weight:bold;
		font-size:20px;
		
	}

	.service_nav {
		text-align:center;
			
	}	


	.service_nav, .service_nav a {
		font-size:27px;
		font-weight:bold;
		text-decoration:none;
		
	}

	.service_nav a:hover {
		opacity: 0.3;
		
}

	.trusted {
		float:left;
		height:auto;
		width:100%;
		margin-top:2%;
		background-color:#F1F8FE;
		
	}

	.trusted_heading{

		font-size:45px;
		margin-bottom:5%;
		
	}


	.trusted_text {
		float:left;
		height:auto;
		width:54%;
		margin-top:2%;
		margin-left:5%;
		font-size:16px;
		color:#525b62;
		
	}
	
	.trusted_copy{

		color: #525b62;
		letter-spacing: 0.5px;

	}	
	
	
	.trusted_button{

		text-align:center;
		margin-top:3%;
	}	
	
	.trusted_button img{

		max-width:200px;
		width:100%;
	}	
	
	.trusted_circle {
		float: right;
		height: auto;
		width: 30%;
		margin-top: -24%;
		margin-right: 5%;
	}
	
	
	.testimonial {
		float:left;
		height:auto;
		width:100%;
		margin-top:2%;
		
	}		
	
	
	.left_quote {
		float:left;
		height:auto;
		width:3%;
		margin-left:10%;
		min-height:200px;
		
	}

	.testimonial_text {
		float:left;
		height:auto;
		width:70%;
		margin-left:2%;
		font-size:17px;
		color:#5E6366;
		line-height:32px;
		font-style:italic;
		margin-top:2%;
		letter-spacing: 0.5px;
	}

	.right_quote {
		float:right;
		height:auto;
		width:3%;
		margin-right:10%;
		min-height:200px;
		margin-top:5%;
		margin-bottom: -5%;
	}	
	
	.readmore_testimonials {
	text-align:center;
	font-style:normal;
	font-size:16px;
	letter-spacing: 0.5px;	
	}
	
	.readmore_testimonials a{
	text-decoration:none;
	color:#5E6366;
	border-bottom: 1px solid;
	}

	.readmore_testimonials a:hover{
	text-decoration:none;
	border-bottom: 0px solid;
	}

	.contact_bar {
		float:left;
		height:auto;
		width:100%;
		margin-top:2%;
		background-color:#F3FBEE;
		
	}	

	.contact_text {
	float:left;
	height:auto;
	width:20%;
	margin-left:12%;
	color:#5E6366;
	font-size:45px;
	margin-top:3%;
	margin-bottom:3%;
		
	}

	.contact_phone{
	float:left;
	height:auto;
	width:20%;
	margin-left:8%;
	margin-top:2%;
		
	}
	
	.contact_email{
	float:left;
	height:auto;
	width:20%;
	margin-left:6%;
	margin-top:2%;
		
	}
	
		.topnav {
		
	display:none;	
	}
	
	.content_container {
	
	float:left;
	width:80%;
	height:auto;
	margin-left:10%;
	font-size:16px;
	padding-top:2%;
	}

	.service_split_left {
	width: 62%;
    float: left;
	}

	.service_split_right {
	width: 35%;
    float: right;
	}
	
	.sub_nav_bar {
	float:left;
	width:100%;
	height:auto;
	background-color:#ECEDEF;
	margin-top:-4px;
	}
	
	
	
	.sub_nav {
	
	float:left;
	width:80%;
	height:auto;
	margin-left:10%;
	padding-top:1.2%;
	padding-bottom:1.3%;
	
	
			
	}	
	
	.sub_nav, .sub_nav a{
	
	font-size:30px;
	text-decoration:none;
			
	}	




/* --- The core CSS styles for the navigation menu. --- */

newnav {
  margin: 0;
  padding: 0;
  background-color: #1972b2;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

newnav:after {
  content: "";
  display: table;
  clear: both;
}

newnav ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

newnav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #1972b2;
}

newnav a {
  display: block;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none;
}

newnav ul li ul li:hover { background: #8e8f90; }

newnav a:hover { background-color: #8e8f90; }

newnav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

newnav ul li:hover > ul { display: inherit; }

newnav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

newnav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

newnav li > a:after { content: ' +'; }

.toggle, [id^=drop] {
 display: none;
}

newnav li > a:only-child:after { content: ''; }	

#myLinks a {
	padding:18px 24px;
}


	
	
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 760px)  {
	
	
.top_logo {

    width: 90%;
	text-align:center;
	margin-left:5%;

}	
	

.nav, .top_bar {

    display:none;
}

.phone {
    text-align:center;
    width: 80%;
    margin-left:10%;
	margin-right:0px;
	float:left;
}



.phone, .phone a {
    font-size: 4vw;
}

.home_heading {

    font-size: 6vw;
	text-align:center;
	margin-left: 5%;
}



.services_circle {

    width: 70%;
    margin-left: 15%;
}


.services_text {

    margin-top: 0%;
	width:90%;
	float:left;
	margin-left:5%;
}

.services_text p {
    line-height: 20px;
	margin-bottom:5%;
	font-size:3.5vw;
}


.service_click {

    font-size: 1.7vw;
}

.service_nav, .service_nav a {
    font-size: 2.6vw;

}

.trusted_text {

    width: 90%;
    margin-left: 5%;

}


.trusted_copy{

    font-size: 3.5vw;
	line-height:20px;

}

.trusted_heading {
    font-size: 6vw;
	text-align:center;
}


.trusted_circle {

   display:none;

}



.testimonial_text {

    font-size: 3.5vw;
	line-height:normal;

}

.readmore_testimonials {

    font-size: 3vw;
}

.right_quote {

    min-height: 100px;
	margin-top:42%;

}

.contact_bar {
    text-align:center;
}

.contact_text {
    width: 90%;
    margin-left: 5%;
    font-size: 7vw;
    margin-top: 3%;
    margin-bottom: 3%;
}

.contact_phone, .contact_email {
    width: 60%;
    margin-left: 20%;
    font-size: 5vw;
    margin-top: 3%;
    margin-bottom: 3%;
}

	.topnav {
  overflow: hidden;
  background-color: #67727a;
  position: relative;
  display:block;
  float:left;
  width:100%;
  height:auto;
  min-height:20px;

}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  text-decoration: none;
  font-size: 17px;
  display: block;
  min-height:20px;
}

.topnav a.icon {
  background: #535B63;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
	
	.top_mobile { display:block;}

.active {
  background-color: #525b62;
  color: white;
}	

.sub_nav, .sub_nav a {
    font-size: 2.3vw;
}
	
	
	.service_split_left {
	width: 100%;
    float: left;
	}

	.service_split_right {
	width: 100%;
    float: right;
	}



	
}	


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 761px) and (max-width: 1365px)  {
	

.nav, .nav a {
    font-size: 1.4vw;
}

.nav {

    width: 30%;
    margin-left: 14%;
}


.phone, .phone a {
    font-size: 1.8vw;
}

.home_heading {

    font-size: 3vw;

}



.services_text {

    margin-top: 0%;
	width:54%;
	margin-right:6%;
}

.services_text p {
    line-height: 20px;
	margin-bottom:5%;
	font-size:1.5vw;
}


.service_click {

    font-size: 1.7vw;
}

.service_nav, .service_nav a {
    font-size: 1.6vw;

}

.trusted_copy{

    font-size: 1.5vw;
	line-height:20px;

}

.trusted_heading {
    font-size: 3vw;
}


.trusted_circle {

    margin-top: -31%;

}



.testimonial_text {

    font-size: 1.5vw;
	line-height:20px;

}

.readmore_testimonials {

    font-size: 1.5vw;
}

.right_quote {

    min-height: 100px;
	margin-top:8%;

}

.contact_text {

    font-size: 3vw;

}

.sub_nav, .sub_nav a {
    font-size: 2.3vw;
}


	

	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
	
	p {
		font-size: 15px;
	}
	
.nav, .nav a {
    font-size: 1vw;
    letter-spacing: 0.5px;
}

.nav {
	width: 28%;
    margin-left: 20%;
}


.phone, .phone a {
    font-size: 1.4vw;
}
	
.phone {
		margin-right: 5%;
	}	

.home_heading {

    font-size: 3vw;

}



.services_text {

    margin-top: 0%;
}

.services_text p {
	line-height: 36px;
}


.service_nav, .service_nav a {
    font-size: 1.45vw;

}



.trusted_circle {
    margin-top: -29%;
}

	.testimonial_text {
		font-size:16px;
	}

.contact_text {

    font-size: 3vw;

}

.sub_nav, .sub_nav a {
    font-size: 2vw;
}



	
}

