@charset "utf-8";
/* Control Services Responsive CSS */
@media screen and (min-width: 1200px) {
  /* Cntolsrvcs Normal CSS */
  .container {
    max-width: 1170px;
  }
}

@media screen and (min-width: 1280px) {
  /* Cntolsrvcs Normal CSS */
  .container {
    padding-left: 0;
    padding-right: 0;
  }  
}

@media screen and (max-width: 1669px) {
  nav {
  	padding-left: 40px;
  	font-size: 15px;
  }
  nav > ul > li > a {
  	padding-left: 10px;
  	padding-right: 10px;
  }
  .dropdown {
  	font-size: 15px;
  	min-width: 280px;
  }
  .dropdown > li > a {
  	padding: 12px 40px;
  }
  .dropdown > li > a:before {
  	left: 20px;
  }
  .contact-number {
  	margin-right: 25px;
  	font-size: 18px;
  }
  .cntolsrvcs-contact form {
  	width: 100%;
  }
}

@media screen and (max-width: 1480px) {
  nav {
  	padding-left: 20px;
  }
  nav > ul > li > a {
  	padding-left: 8px;
  	padding-right: 8px;
  }
  .contact-number {
  	margin-right: 20px;
  	font-size: 16px;
  }
  .cntolsrvcs-toggle {
  	width: 80px;
  }
  .banner-caption h1 {
  	font-size: 65px;
  	line-height: 70px;
  }
  .banner-caption h2 {
  	font-size: 32px;
  }
}

@media screen and (max-width: 1379px) {
	.cntolsrvcs-logo {
		max-width: 250px;
	}
	nav {
		padding-left: 15px;
	}
	.cntolsrvcs-toggle {
		width: 65px;
	}
	.cntolsrvcs-toggle span {
		width: 30px;
		height: 3px;
	}
	.cntolsrvcs-toggle span:before, .cntolsrvcs-toggle span:after {
		height: 3px;
		top: -10px;
	}
	.cntolsrvcs-toggle span:after {
		top: 10px;
	}
	.contact-number {
		margin-right: 15px;
	}
	.contact-number img {
		width: 20px;
		margin-right: 4px !important;
	}
	.cntolsrvcs-aside {
		width: 320px;
	}
}

@media screen and (max-width: 1299px) {
	.header-left nav, .header-right > .contact-number, .cntolsrvcs-contact form:before {
		display: none;
	}
	.cntolsrvcs-contact form {
		width: 100%;
	}
}

@media screen and (max-width: 1199px) {
	.banner-caption {
		padding: 0 30px;
	}
	.banner-caption h1 {
		font-size: 60px;
		line-height: 65px;
	}
	.banner-caption h2 {
		font-size: 28px;
	}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		width: 55px;
		height: 100px;
	}
	.owl-carousel .owl-nav button:before {
		width: 16px;
		height: 16px;
	}
	.btn-lg {
		padding: 16px 25px;
	}
	.overview-wrap h2 {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.overview-wrap h3 {
		font-size: 26px;
		line-height: normal;
	}
	.overview-wrap .btn {
		margin-top: 10px !important;
	}
	.overview-wrap:after {
		left: 85%;
		width: 205px;
		height: 170px;
	}
	.section-title h2 {
		font-size: 38px;
	}
	.section-title h3 {
		font-size: 18px;
	}
	.service-item {
		padding: 25px 20px;
	}
	.service-item .float-left {
		min-width: 50px;
		margin-right: 18px !important;
	}
	.service-item p {
		font-size: 14px;
		line-height: 22px;
	}
	.cntolsrvcs-categories {
		padding: 40px 0;
		font-size: 16px;
	}
	.cntolsrvcs-categories ul li a {
		padding-left: 20px;
	}
	.cntolsrvcs-categories ul li a:before {
		width: 8px;
		height: 8px;
		border-bottom-width: 2px;
		border-right-width: 2px;
	}
	.cntolsrvcs-contact {
		background-size: 200px auto;
		background-position: 85% 0;
	}
	.cntolsrvcs-contact .section-title h2 {
		font-size: 32px;
	}
	.cntolsrvcs-contact .container {
		top: 80px;
	}
	.cntolsrvcs-map {
		height: 100%;
		min-height: 820px;
	}
	form {
		padding: 40px 40px 20px;
	}
	footer {
		padding-bottom: 80px;
	}
	footer [class*="col-"] [class*="col-"] {
		padding: 0 15px !important;
	}
	.call-us span a {
		font-size: 18px;
	}
	.quick-links li {
		width: 100%;
		padding-top: 8px;
	}
	.quick-links li:first-child {
		padding-top: 10px;
	}

	.cntolsrvcs-pagetitle h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active {
		font-size: 20px;
	}
	.cntolsrvcs-employeesform h2 {
		font-size: 30px;
	}
	.menu-listing h2 {
		padding: 20px;
		font-size: 20px;
	}
	.menu-listing .btn {
		padding: 15px 50px 15px 20px;
		font-size: 16px;
	}
	.cntolsrvcs-employeesform ul li {
		line-height: 24px;
	}
	.card-body {
		padding: 16px 20px 5px;
	}
	.cntolsrvcs-employeesform h3 {
		font-size: 17px;
		line-height: 26px;
	}
	.cntolsrvcs-employeesform h4 {
		font-size: 16px;
		line-height: 24px;
	}
	.cntolsrvcs-employeesform ul li:before {
		top: 9px;
	}
	.white-box {
		padding: 40px 30px;
	}
	.cntolsrvcs-testimonial-listing h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.cntolsrvcs-testimonial-listing p i {
		font-size: 16px;
		line-height: 24px;
	}
	.cntolsrvcs-testimonial-listing span {
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) {
	.cntolsrvcs-section, .cntolsrvcs-employeesform {
		padding: 60px 0;
	}
	.overview-wrap h3 {
		font-size: 22px;
	}
	.testimonials-wrap p {
		font-size: 16px;
		line-height: 26px;
	}
	.section-title {
		padding-bottom: 20px;
	}
	.section-title h2 {
		font-size: 34px;
		line-height: normal;
	}
	.section-title h3 {
		font-size: 16px;
	}
	.cntolsrvcs-categories {
		font-size: 15px;
	}
	.cntolsrvcs-categories ul {
		display: block;
	}
	.cntolsrvcs-contact .container {
		padding-right: 15px;
	}
	.cntolsrvcs-categories ul li {
		display: inline-block;
		text-align: left;
		margin: 5px;
	}
	.cntolsrvcs-map {
		width: 100%;
		min-height: 450px;
	}
	.cntolsrvcs-contact form {
		float: none;
		width: 100%;
		margin: 50px 0;
	}
	.cntolsrvcs-contact .container {
		position: static;
		width: 100%;
	}
	form {
		float: none;
		max-width: 100%;
	}
	.cntolsrvcs-contact .section-title h2 {
		font-size: 28px;
	}
	.quick-links {
		margin: 0 -15px;
		font-size: 0;
	}
	.quick-links li {
		width: 50%;
		padding: 10px 15px 0;
	}
	footer {
		padding-bottom: 50px;
	}
	.copyright {
		margin-top: 40px;
	}

	.cntolsrvcs-pagetitle {
		padding: 60px 0;
	}
	.breadcrumb {
		margin: 0;
	}
	.cntolsrvcs-pagetitle h1 {
		font-size: 36px;
		line-height: 36px;
	}
	.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active {
		font-size: 18px;
	}
	.cntolsrvcs-employeesform h2 {
		font-size: 26px;
	}
	.cntolsrvcs-employeesform h3 {
		font-size: 16px;
	}
	[class*="col-"] aside {
		margin-top: 20px;
	}
	.menu-listing h2 {
		padding: 15px;
		font-size: 18px;
	}
	.menu-listing .btn {
		padding: 12px 50px 12px 15px;
		font-size: 15px;
	}
	.menu-listing .btn:after {
		width: 13px;
		height: 13px;
		background-size: 13px auto;
		background-position: 0 -39px;
	}
	.menu-listing .btn.collapsed:hover:after {
		background-position: 0 -21px;
	}
	.menu-listing {
		margin-bottom: 25px;
	}
	aside .menu-listing:last-child {
		margin-bottom: 0;
	}
	.cntolsrvcs-testimonial-listing {
		padding: 60px 0;
	}
	.cntolsrvcs-testimonial-listing [class*="col-"]:last-child {
		padding-bottom: 0;
	}
	.white-box {
		padding: 30px 25px;
	}
	.white-box > img {
		width: 38px;
	}
	.cntolsrvcs-testimonial-listing h2 {
		font-size: 18px;
		line-height: 26px;
	}
	.cntolsrvcs-testimonial-listing p {
		padding-top: 0;
	}
	.cntolsrvcs-testimonial-listing p i {
		display: block;
		font-size: 15px;
		line-height: 22px;
	}
	.cntolsrvcs-testimonial-listing span {
		font-size: 16px;
	}
	.cntolsrvcs-testimonial-listing ul {
		margin-top: 5px;
	}
	.cntolsrvcs-testimonial-listing ul li img {
		width: 18px;
	}
}

@media screen and (max-width: 767px) {
	.cntolsrvcs-logo {
		max-width: 220px;
	}
	.cntolsrvcs-toggle {
		width: 65px;
		height: 75px;
	}
	.cntolsrvcs-aside {
		padding: 10px 15px;
	}
	.cntolsrvcs-background {
		height: auto;
		min-height: 400px;
	}
	.cntolsrvcs-banner .owl-nav {
		display: none;
	}
	.banner-caption {
		padding: 0;
		max-width: 400px;
	}
	.banner-caption h1 {
		font-size: 45px;
		line-height: 50px;
	}
	.banner-caption h2 {
		font-size: 24px;
	}
	.btn-lg {
		padding: 14px 25px;
	}
	.cntolsrvcs-section, .cntolsrvcs-employeesform {
		padding: 40px 0;
	}
	.cntolsrvcs-overview [class*="col-"] {
		margin-bottom: 25px;
	}
	.cntolsrvcs-overview [class*="col-"]:last-child {
		margin-bottom: 0;
	}
	.overview-wrap h3 {
		font-size: 20px;
	}
	.testimonials-wrap {
		padding: 30px 30px 20px;
		max-width: 400px;
	}
	.testimonials-wrap .item {
		padding-top: 50px;
	}
	.testimonials-wrap .item:before {
		width: 36px;
		height: 29px;
		background-size: 35px auto;
	}
	.testimonials-wrap h2 {
		font-size: 16px;
	}
	.testimonials-wrap h3 {
		font-size: 13px;
	}
	.section-title {
		padding-bottom: 15px;
	}
	.section-title h2 {
		font-size: 28px;
	}
	.section-title h3 {
		font-size: 15px;
	}
	.cntolsrvcs-services .row > * {
		margin: 7.5px 0;
	}
	.service-item .h5 {
		font-size: 16px;
	}
	.cntolsrvcs-categories {
		padding: 25px 0;
	}
	.cntolsrvcs-contact .section-title {
		padding-bottom: 10px;
	}
	.cntolsrvcs-contact .section-title h2 {
		font-size: 24px;
	}
	.cntolsrvcs-map {
		min-height: 400px;
	}
	.cntolsrvcs-contact .container {
		top: -40px;
	}
	form {
		padding: 25px 25px 10px;
	}
	form [class*="col-"] {
		padding-bottom: 15px;
	}
	select.form-control {
		background-size: 15px auto;
	}
	.cntolsrvcs-contact select.form-control {
		background-position: 95% -15px;
	}
	textarea.form-control {
		height: 90px;
	}
	form .btn-lg {
		padding: 12px 20px;
	}
	.btn {
		min-width: 170px;
	}
	footer {
		padding: 40px 0;
	}
	footer h5 {
		margin-top: 20px;
		margin-bottom: 5px;
	}
	footer p {
		padding-bottom: 0;
	}
	.call-us {
		margin: 15px 0 10px;
	}
	.call-us img {
		margin-right: 10px;
	}
	.call-us span a {
		font-size: 16px;
	}
	.copyright {
		text-align: center;
	}
	.copyright .float-left {
		float: none !important;
	}
	.copyright .float-right {
		float: none !important;
		clear: both;
		padding-top: 15px;
	}

	.cntolsrvcs-pagetitle {
		padding: 40px 0;
	}
	.cntolsrvcs-pagetitle h1 {
		font-size: 30px;
		line-height: 30px;
	}
	.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active {
		font-size: 16px;
	}
	.card-body {
		padding-bottom: 8px;
	}
	.card-body ul li a {
		font-size: 14px;
	}
	.card-body ul li {
		margin-bottom: 7px;
	}
	.cntolsrvcs-employeesform h2 {
		font-size: 22px;
	}
	.cntolsrvcs-employeesform h3, .cntolsrvcs-employeesform h4 {
		font-size: 15px;
		line-height: 23px
	}
	.image-wrap {
		margin: 20px 0;
	}
	.cntolsrvcs-employeesform h3 {
		margin-bottom: 15px;
	}
	.cntolsrvcs-employeesform h4 {
		margin-bottom: 20px;
	}
	.cntolsrvcs-employeesform ul li {
		font-size: 15px;
	}
	.cntolsrvcs-employeesform p {
		font-size: 15px;
		line-height: 26px;
	}
	.menu-listing h2 {
		font-size: 16px;
	}
	.cntolsrvcs-employeesform form {
		padding: 0;
	}
	.form-control {
		height: 50px;
	}
	.cntolsrvcs-testimonial-listing {
		padding: 40px 0;
	}
	.cntolsrvcs-testimonial-listing [class*="col-"] {
		padding-bottom: 25px;
	}
	.form-control {
		font-size: 13px;
	}
	.cntolsrvcs-employeesform ul li {
		padding-bottom: 10px;
		line-height: 24px;
	}
}

@media screen and (max-width: 640px) {
	footer {
		padding-bottom: 15px;
	}
	footer p {
		padding-top: 10px;
	}
	.copyright {
		font-size: 14px;
	}

	.cntolsrvcs-pagetitle h1 {
		font-size: 28px;
		line-height: 28px;
	}
}

@media screen and (max-width: 575px) {
	.banner-caption {
		max-width: 350px;
	}
	.banner-caption h1 {
		margin-bottom: 13px;
		font-size: 36px;
		line-height: 40px;
	}
	.banner-caption h2 {
		font-size: 20px;
	}
	.testimonials-wrap {
		padding: 20px 20px 15px;
		max-width: 340px;
	}
	.testimonials-wrap .item {
		padding-top: 45px;
	}
	.testimonials-wrap p {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 24px;
	}
	.testimonials-wrap h2 {
		font-size: 15px;
	}
	.owl-carousel .owl-dots {
		padding-top: 8px;
	}
	.owl-carousel button.owl-dot {
		width: 10px;
		height: 10px;
	}
	.section-title h2 {
		font-size: 24px;
	}
	.cntolsrvcs-categories ul li {
		margin: 5px 7px;
	}
	.cntolsrvcs-contact .section-title h2 {
		font-size: 20px;
	}
	.cntolsrvcs-contact .section-title h3 {
		font-size: 14px;
		line-height: 22px;
	}

	.cntolsrvcs-pagetitle h1 {
		font-size: 26px;
		line-height: 26px;
	}
	.cntolsrvcs-employeesform h2 {
		font-size: 18px;
	}
	.image-wrap {
		margin: 15px 0 20px;
	}
	.menu-listing h2 {
		font-size: 16px;
	}
	.menu-listing .btn {
		font-size: 14px;
	}
	.card-body {
		padding-top: 12px;
	}
	.card-body ul li {
		margin-bottom: 4px;
	}
	.card-body ul li a {
		font-size: 13px;
	}
	.menu-listing {
		margin-bottom: 15px;
	}
	.cntolsrvcs-employeesform ul li {
		line-height: normal;
	}
	.cntolsrvcs-employeesform ul li:before {
		top: 8px;
	}
	.cntolsrvcs-testimonial-listing [class*="col-"] {
		padding-bottom: 15px;
	}
	.cntolsrvcs-testimonial-listing h2 {
		margin-top: 10px;
		font-size: 16px;
		line-height: 24px;
	}
	.white-box {
		padding: 25px 20px;
	}
	.white-box > img {
		width: 35px;
	}
	.cntolsrvcs-testimonial-listing p {
		margin-bottom: 10px;
	}
	.cntolsrvcs-testimonial-listing p i {
		font-size: 14px;
	}
	.cntolsrvcs-testimonial-listing span {
		font-size: 14px;
	}
	.cntolsrvcs-testimonial-listing ul {
		margin-top: 2px;
	}
	.gm-style-iw-d p {
		padding: 10px;
		margin-bottom: 5px;
	}
	.gm-style-iw-d a {
		padding: 0 10px 20px;
		font-size: 14px;
	}
}

@media screen and (max-width: 479px) {
	.cntolsrvcs-logo {
		max-width: 190px;
	}
	.cntolsrvcs-toggle {
		width: 60px;
		height: 65px;
	}
	.cntolsrvcs-aside {
		width: 260px;
		padding: 8px 15px;
	}
	.cntolsrvcs-aside nav > ul > li > a {
		padding: 10px 0;
	}
	.cntolsrvcs-aside .dropdown > li > a {
		padding: 6px 0 6px 18px;
	}
	.call-us span a {
		font-size: 15px;
	}
	.overview-wrap h3 {
		font-size: 18px;
	}
	.section-title h2 {
		font-size: 22px;
	}
	.cntolsrvcs-contact .section-title h2 {
		font-size: 18px;
	}
	.cntolsrvcs-contact .section-title h3 br {
		display: none;
	}
	.cntolsrvcs-contact .section-title h3 a {
		display: inline-block;
	}
	.cntolsrvcs-map {
		min-height: 380px;
	}
	form {
		padding: 15px 15px 0px;
	}
	select.form-control {
		padding-left: 15px;
	}
	.cntolsrvcs-employeesform h2 {
		font-size: 16px;
	}
	.cntolsrvcs-employeesform p {
		line-height: 24px;
	}
}
@media screen and (max-width: 399px) {
	.banner-caption {
		max-width: 300px;
	}
	.banner-caption h1 {
		margin-bottom: 13px;
		font-size: 30px;
		line-height: 35px;
	}
	.banner-caption h2 {
		font-size: 18px;
	}
	.testimonials-wrap {
		max-width: 100%;
	}
	.testimonials-wrap p {
		font-size: 14px;
		line-height: 22px;
	}
	.testimonials-wrap h2 {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.cntolsrvcs-categories {
		font-size: 14px;
	}
	.cntolsrvcs-categories ul li {
		display: block;
		margin: 7px 0;
	}
	.cntolsrvcs-categories ul li a:before {
		top: 6px;
	}
	.section-title {
		padding-bottom: 10px;
	}
	.section-title h2 {
		font-size: 20px;
	}
	.section-title h3 {
		font-size: 14px;
	}
	.quick-links {
		margin: 0;
	}
	.quick-links li {
		width: 100%;
		padding: 10px 0 0;
	}
	.copyright {
		font-size: 13px;
	}
	.copyright .float-right {
		padding-top: 10px;
	}

	.cntolsrvcs-pagetitle h1 {
		font-size: 22px;
		line-height: 22px;
	}
	.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active {
		font-size: 15px;
	}
	.cntolsrvcs-testimonial-listing h2 {
		font-size: 15px;
		line-height: 22px;
	}
	.btn img {
		width: 20px;
		margin-left: 5px;
	}
	.btn:hover img {
		margin-left: 13px;
	}
}
@media screen and (max-width: 360px) {
	.service-item {
		padding: 20px 15px;
	}
	.service-item .float-left {
		min-width: 45px;
		margin-right: 15px !important;
	}
}

@media screen and (max-width: 359px) {
	.cntolsrvcs-map {
		min-height: 350px;
	}
}