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

@media screen and (max-width:991px) {
#csl-customsite-logo{width:275px;}
.social a{width:38px; height:38px; line-height:40px;}
.section-banner h1{font-size:36px;}
.brands-logo li img{ width:160px;}
.section-about h3{font-size:30px; line-height:40px;}
.header .navbar{ padding:20px 0 8px;}
.navigation ul li{display:block; line-height:30px;}
.navigation ul li a::after{display:none;}
}
@media screen and (max-width:767px) {
.section-banner h1{margin:0;}
.header-row{flex-direction:column; padding:30px 15px;}	
.logo{padding:20px 0;}
.section-banner{height:500px;}
.section-about{text-align:center;}
.brands-logo{justify-content:space-around;}
.brands-logo li{margin-bottom:15px;}
.section-brands{padding-bottom:33px;}
.content-column h3,.section-vedios h3,.section-testimonial h3,.section-contact h3{font-size:30px; line-height:40px;}
.content-column h5 a{font-size:25px; width:365px; padding:25px 20px;}
.section-contact p,.section-contact h3{text-align:center;}
}
@media screen and (max-width:576px) {
.section-about p,.content-column p,.testimonial-column p,footer p{font-size:16px;}
p{font-size:16px;}
.section-contact p{font-size:16px; line-height:30px;}	
.section-banner h1{font-size:30px;}
.navigation ul li a{font-size:13px;}
.f-logo #csl-customsite-logo{ width:200px;}
}
@media screen and (max-width:414px) {
.section-about h3,.content-column h3, .section-vedios h3, .section-testimonial h3, .section-contact h3{font-size:25px; line-height:36px;}	
}