/*--------------------------------------------------------------
# Responsive CSS Table of Contents
--------------------------------------------------------------*/
/*
1. max-width: 991px
2. max-width: 768px
3. max-width: 580px
4. max-width: 480px
*/

@media (max-width:991px) { 
.hero-info-box {margin-top:40px;}
.header .logo img {max-height:50px;margin-right:0;}
.your-element {margin:0 auto; float:none; width:150px; height:150px;}
}

@media (max-width:768px) {
.your-element {display:none;} /* FIX: missing semicolon */
.btn-highlighted {padding:10px 15px;} /* FIX: cleaned duplicate values */
.inner-header {padding:130px 0 50px 0;}
}

@media (max-width:580px) {
.section-title h2 {font-size: clamp(1.5rem, 4vw, 3rem);}
.swiper-content h2 {font-size:clamp(1.2rem, 2vw, 4rem);} /* FIX: removed !important */
.swiper-content p {font-size:15px;}
.icon-box {width:50px; height:50px;}
.icon-box i {font-size:25px;}
.testimonial-slider .swiper {width:100%; height:450px;}
.btn-highlighted {padding:8px 10px; font-size:16px;} /* FIX: cleaned padding */

.footer-title p {
font-size:15px;
font-weight:500;
text-transform:uppercase;
border-left:0;
padding-left:0;
} /* FIX: merged duplicate */

.scroll-parent span {font-size:14px;}
.scroll-parent {padding:10px 0;}
.scroll-parent img {width:13px;}
.rotate-video {width:100px;height:100px;}
.rotate-video img {width:100px;height:100px;}
.testimonials .testimonial-slider {padding-bottom:0;}
.inner-header h2 {font-size:30px; font-weight:800;text-transform:uppercase;}
.inner-header {padding:130px 0 50px 0;}
.faq-accordion {padding:10px;}
.faq-accordion .accordion-item {margin-bottom:10px;}
.footer .footer-links ul li {padding:10px 0;}
.footer h3 {padding-bottom:10px;}
.footer .copyright {padding-top:0;}	
}

@media (max-width:480px) {
.portfolio .portfolio-filters {gap:8px; font-size:14px;}
.portfolio .content {padding:10px 0;}
.contact-us {margin-left:0;}
.contact ul li {margin:0 0 30px 0; padding:0 0 30px 70px;}
.contact ul li:last-child {margin:0; padding:0 0 0 70px;}
section, .section {scroll-margin-top:40px; padding:40px 0;}
}