/* CSS Document */
@media screen and (max-width: 1280px) {
.tls-info p{padding-right:10px;font-size:30px;}
.tls-info{width:95%;}
#banner .bn-logo img {
    padding-left: 100px;
}

hr { margin: 0 150px;}

}
@media screen and (max-width: 1100px) {
#content-top h2 {
    font-size: 40px;
    line-height: 50px;
  
    padding: 50px;
    text-align: left;
}
.tls-info{
width: 100%;
}
#banner{padding-left:15px;}
#banner .bn-logo img {
    padding-left: 50px;
}
.tls-info p{padding-right:10px;}
	.row{padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box !important;}
	#content-top h2{line-height: 1; font-size: 40px; margin:0 auto 40px;}
	#content-top dt{font-size: 24px;}
	#content h1{font-size: 44px;}
	#content p{font-size: 25px;}
	#certified h2, #reviews h2{font-size: 40px;}
	#certified .col1{width: 35%;}
	#result h2{font-size: 34px;}
	#footer-top h2{font-size: 38px;}

	#inner-banner .caption{top: 10px;}
	#inner-banner .caption h2{font-size: 35px;}
	#inner-banner .caption p{margin: 10px auto;}
}
@media screen and (max-width: 980px) {
.tls-info p {
    font-size: 25px;
    line-height: 35px;
   
}
hr { margin: 0 100px;}
#result ul li{font-size:15px;}
#content-top h2 {
    font-size: 40px;
    line-height: 50px;
  margin:0;
    padding: 10px;
    text-align: left;
}#content-top dd {
   
    padding: 5px;
}#certified p {
    
    text-align: left;
    
}
	#content-top dt, #content h1, #certified h2, #reviews h2, #result h2,#footer-top h2{line-height: 1;}
	#content-top h2{font-size: 35px; margin:0 auto 20px;}
	#content-top dt{font-size: 20px;}
	#content-top dd p{min-height: auto;text-align: left;}
	#content h1, #content-dls h2{font-size: 40px;}
	#content p, #content-dls p{font-size: 21px;}
	#certified h2, #reviews h2{font-size: 36px;}
	#result{padding:50px 0;}
	#result h2{font-size: 30px;}
	#footer-top h2{font-size: 34px;}

	#inner-banner .caption h2{font-size: 35px; line-height: 1.2em;}
	#inner-banner .caption h2, #inner-banner .caption p{max-width: 100%;}
	#content-dls, #footer-top{padding: 30px 0}
	#content-dls p{padding: 20px 0;}
	#content-dls dl{padding:0 10px;}
	#content-dls dl dd h3{line-height: 1;}
	#content.inner .serv-dls h2{font-size: 35px;}
	#content.inner .serv-dls dl{margin:20px auto;}
}
@media screen and (max-width: 880px) {

	#content-top dl, #content .dls dl{width: 32%;}
	#certified .col1, #certified .col2{width: 100%; margin:20px auto 0;}
	#certified .col1 dl, #certified .col2 dl{width: auto;}
	#certified .col1{padding-right: 0;}
	#certified dl{padding: 0 10px; box-sizing: border-box;}
	#reviews .col{display: block; width: auto;}
	#reviews .col dl{margin:20px auto;}
	#reviews dt{padding: 10px;}

	#inner-banner .caption{position: static; background: #4285F5; padding:20px 0;}
	#content-dls dl{width: 32%; margin:10px auto;}
}
/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {

.tls-info h2 {
       margin-left: 50px;
    padding-bottom: 15px;
    text-align: center;
    }
.tls-info {
  
float:none;
padding-top: 15px;
padding-left: 0;
width: 100%;
}
.tls-info p{ font-size: 18px;
padding-right:25px;
}
#banner .bn-logo, #banner .bn-image {
   
    float: none;

    width: 90%;
}
#banner .bn-logo img {
    padding-left: 0;
}
#banner{padding-left: 55px;}
	header{padding:0;}
	header .row{padding: 0 !important}
	header .logo{padding: 10px 15px; box-sizing: border-box; width: 35%; text-align: left;}
	
	header nav {  width: 64%; height: auto; padding:0;}
  	header nav ul li { width: 100%;  position: relative; display: block; background: #fff; padding: 10px 0; border-bottom: 1px solid #ccc;}
  	header nav ul { width: 100%; display: none; height: auto;}
  	header nav ul li a {display: block; text-align: center;}
  	header nav a { 	text-align: left; width: 100%;}
	header nav a#pull {	display: block;	width: 100%;position: relative; height: 45px; color:#fff; 
	text-indent: 25px; 	font-size:25px; color:#fff; display:block; text-decoration: none;}
	header nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;
		position: absolute;	right: 15px;top: 12px;	}
	header nav a#pull strong{ line-height: 45px;}
	nav ul li.contact{position: static; padding:10px 0; max-width: 100%; background: #fff; border-bottom: 0;}
	nav ul li.contact a{color: #aaa;}
	nav ul li.contact:hover a, nav ul li.active-menu.contact a{color: #4285F5;}

	#content-top, #result, #footer-top{padding:30px 0;}
	#content-top dl, #content .dls dl, #certified dl,#reviews .col dl{padding:0;}
	
	#content-top dd p{padding: 10px 0;}
	#content .dls dl{width: 49%;}
	#result .left, #result .right{width: auto; display: block;}
	#result .right{position: static;}
	#result ul{padding-left: 0;}
	#result p{margin:20px auto;}
	#result h5{padding:10px 0 0; margin:10px auto;}
	#footer nav ul li.contact{display: inline-block; vertical-align: middle; padding:0; width: auto;}

	#content.inner .serv-dls dt, #content.inner .serv-dls dd{display: block; width: auto;}
	#content.inner .serv-dls dl.right dt, #content.inner .serv-dls dl.left dt{float: none;}
	#content.inner .serv-dls dl.right dd, #content.inner .serv-dls dl.left dd{padding:0;}
	#content.inner .serv-dls h2, #content.inner .serv-dls h2 span{padding-bottom: 10px;}
	#content.inner .serv-dls .btn2{margin:0;}
#content-top dd p {
   
    font-size: 14px;

    line-height: 24px;
text-align: left;


}

#content-top h2 {
        margin: 40px 0;
}
#reviews p {
font-size:15px;
}




}

@media screen and (max-width: 600px) {
#banner{padding-left: 5px;}
#content-top dl, #footer-top p{width: auto; display: block; margin:20px auto;}

	#content-top h2, #certified h2, #reviews h2, #result h2{font-size: 25px; }
	#content h1, #inner-banner .caption h2, #content.inner .serv-dls h2, #content-dls h2{font-size: 30px;}
	#content p, #content-dls p{font-size: 18px;}
	#certified h2, #reviews h2, #reviews p{margin:20px auto;}
	#reviews, #result{padding:30px 0;}

	#content .dls dl{width: auto; display: block;}
	#certified dl{width: 49% !important;}

	#footer-top form div{display: block; width: auto;}
	#footer-top form input{max-width: 100%;}
	#footer-top form div.textarea{width: 100%;}
}


/*Styles for screen 515px and lower*/
@media screen and (max-width : 480px) {
#banner .bn-logo, #banner .bn-image {
   
  

    width: 100%;
}

.tls-info {
  

padding-left: 0;

}
.tls-info h2 {
    font-size: 30px;
    line-height: 30px;
    padding-left: 47px;
}

.tls-info p {
font-size: 14px;
line-height: 30px;
padding: 10px;

}
	header .logo, header nav{width: 49%;}
	#footer{padding: 15px 0 0;}
	#footer nav, #footer .logo{display: block; width: auto;}
	#footer nav{padding-left: 0;}
	#footer nav ul{text-align: center;}
	#footer .logo{padding-bottom: 10px;}

	#inner-banner .caption h2{font-size: 20px;}
	#content-dls dl{width: 49%;}

	/* contact form */
	.contactBox { width:90% !important; text-align:center; padding:0;}
	.contactBox-left,.contactBox-right { float:none !important; width:100%; padding:15px 0 0 0;}
	.contactForm { width:90%;}
	.contactForm label { padding-left:15px;}
	.contactForm input[type=text] { width:90%;}
	.contactForm textarea { width:90%;}
}
@media screen and (max-width : 400px) {
.tls-info h2 {
      padding-left: 0;
    }
	#footer nav ul li, #footer nav ul li.contact{display: block; padding:10px 0;}
	#content-dls dl{width: auto; display: block; padding:0;}

#certified p {
    font-size: 15px;
    line-height: 30px;
    width: 95%;
}
}

@media screen and (max-width : 320px) {
.tls-info h2 {
      margin-left: 33px;
    }
}