@charset "utf-8";
/* CSS Document */

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

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

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

@media screen and (max-width: 768px) {
	nav a.navbar-brand img {max-width: 150px; filter: brightness(0) invert(1) !important;}
	.navbar.bg-light a.navbar-brand img {max-width: 150px;}
	.navbar.bg-light {background: rgba(36,86,121,.95) !important;}
    .navbar-brand {margin: 0;}
    .dropdown-toggle::after {display: none;}
    .navbar-light .navbar-toggler {color: transparent; border-color: none; border: none; margin-top: 5px; height: 20px; position: absolute; right: 10px; top: 30px;}
    .navbar-toggler {padding: 0; margin-right: 10px;}
    .navbar-toggler:focus {box-shadow: none;}
    .navbar-light .navbar-nav {padding-top: 15px;}
    .navbar-nav li.active .nav-link.active, .navbar-light .navbar-nav .nav-link {text-align: center; font-size: 20px; font-weight: 400; margin: 15px 0;}
    .cnt-slide .carousel .carousel-caption {max-width: 100%; height: 100vh;}    
    .cnt-slide .carousel .carousel-item {height: 100vh;}
    .cnt-slide .carousel .carousel-item {background-position: center;}
	.content.py-5.my-5 {margin-top: 0 !important;}
	.content img {margin-top: 25px;}
	.content .card img {max-width: 60% !important; display: block; margin: 0 auto !important;}
	.box-cta {padding: 10% 0;}	
	.box-numbers .box {margin-bottom: 20px; border-radius: 15px; padding: 3% 5%;}
	.box-numbers span {font-size: 50px; line-height: 50px;}
	.box-numbers h4 {margin-top: 0;}
	.box-testimonial .box .text {padding: 10px 15px; border-radius: 5px; max-width: 75%;}
	.box-testimonial .slide-arrow {display: none !important;}
	.box-testimonial .box img {max-width: 80px;}
	footer img.img-fluid {max-width: 120px !important;}
	footer h4 {margin-top: 15px;}
	footer .social {justify-content: flex-start; width: 100%; margin-top: 5px;}
	footer .social li {margin-right: 10px;}
	.content ul.gallery {justify-content: center;}
	.content ul.gallery li {max-width: 100%;}
	.content-pattern .box {margin-top: 25px;}
	.content-pattern .box .text {padding: 15px;}
	section.box-services .box img {min-height: 40px; max-height: 40px;}
	section.box-services .box p {max-width: 100%;}
	section.box-services .box a {margin-top: auto;}
}

@media screen and (max-width: 430px) {
    h1 {margin: 0; font-size: 45px; line-height: 50px;}
	h2 {font-size: 38px; line-height: 48px;}
	h3 {font-size: 22px; line-height: 32px;}
	nav a.navbar-brand img {max-width: 150px; filter: brightness(0) invert(1) !important;}
	.navbar.bg-light a.navbar-brand img {max-width: 150px;}
	.navbar.bg-light {background: rgba(36,86,121,.95) !important;}
    .navbar-brand {margin: 0;}
    .dropdown-toggle::after {display: none;}
    .navbar-light .navbar-toggler {color: transparent; border-color: none; border: none; margin-top: 5px; height: 20px; position: absolute; right: 10px; top: 30px;}
    .navbar-toggler {padding: 0; margin-right: 10px;}
    .navbar-toggler:focus {box-shadow: none;}
    .navbar-light .navbar-nav {padding-top: 15px;}
    .navbar-nav li.active .nav-link.active, .navbar-light .navbar-nav .nav-link {text-align: center; font-size: 20px; font-weight: 400; margin: 15px 0;}
    .cnt-slide .carousel .carousel-caption {max-width: 100%; height: 100vh;}    
    .cnt-slide .carousel .carousel-item {height: 100vh;}
    .cnt-slide .carousel .carousel-item {background-position: center;}
	.content.py-5.my-5 {margin-top: 0 !important;}
	.content img {margin-top: 25px;}
	.content .card img {max-width: 60% !important; display: block; margin: 0 auto !important;}
	.box-cta {padding: 10% 0;}	
	.box-numbers .box {margin-bottom: 20px; border-radius: 15px; padding: 3% 5%;}
	.box-numbers span {font-size: 50px; line-height: 50px;}
	.box-numbers h4 {margin-top: 0;}
	.box-testimonial .box .text {padding: 10px 15px; border-radius: 5px; max-width: 75%;}
	.box-testimonial .slide-arrow {display: none !important;}
	.box-testimonial .box img {max-width: 80px;}
	footer img.img-fluid {max-width: 120px !important;}
	footer h4 {margin-top: 15px;}
	footer .social {justify-content: flex-start; width: 100%; margin-top: 5px;}
	footer .social li {margin-right: 10px;}
	.content ul.gallery {justify-content: center;}
	.content ul.gallery li {max-width: 100%;}
	.content-pattern .box {margin-top: 25px;}
	.content-pattern .box .text {padding: 15px;}
	section.box-services .box img {min-height: 40px; max-height: 40px;}
	section.box-services .box p {max-width: 100%;}
	section.box-services .box a {margin-top: auto;}
}

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