@media(max-width:1024px) {
    .padding { padding: 100px 0; }
    .section-padding { padding: 100px 0; }
    .container { padding: 0 15px; }
}

@media(max-width:992px) {
    .padding { padding: 80px 0; }
    .section-padding { padding: 80px 0; }
    .sm-padding { padding: 15px; }
    .header { padding: 5px 0; background: transparent !important; }
    .primary-header { min-height: 45px; background: transparent !important; }
    .header-section .navbar-brand { height: 60px; padding: 0; display: flex; align-items: center; }
    .header-menu-wrap {
        display: none;
        background-color: #fff;
        width: 100%;
        height: auto;
        padding: 15px 0;
        position: absolute;
        left: 0;
        top: 45px;
        z-index: 999;
    }
    .dl-menu {
        background-color: transparent !important;
    }
    .header-menu-wrap ul {
        display: block;
        width: 100%;
        padding: 0;
    }
    .header-menu-wrap ul li {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.04);
        text-align: left;
        margin: 0;
    }
    .header-menu-wrap ul li a {
        color: #263a4f !important;
        padding: 12px 20px;
        display: block;
        font-size: 14px;
    }
    .header-menu-wrap ul li:hover > a {
        color: #e39d11 !important;
    }
    .header-menu-wrap .dropdown-menu {
        position: static;
        width: 100%;
        background: transparent !important;
        border: none;
        padding: 0;
        box-shadow: none;
    }
    .dl-submenu {
        background-color: transparent !important;
    }
    .header-menu-wrap .dropdown-menu li a {
        color: rgba(255, 255, 255, 0.8) !important;
        padding: 8px 30px;
        font-size: 13px;
    }
    .menu-btn,.js #mainmenu { display: none; }
    .about-promo { padding-left: 0; }
    .project-2 .project-item,.js .slicknav_menu { display: block; }
    .error-content .error-info { padding-left: 10px; }
    .counter-content { text-align: left; padding-left: 70px; }
    .counter-wrap .col-lg-4:last-child { margin-top: 50px; }
    .projects-carousel .owl-nav div,.service-carousel .owl-nav div { left: 0; }
    .projects-carousel .owl-nav div.owl-next,.service-carousel .owl-nav div.owl-next { right: 0; }
    .work-pro-item .number-line { display: none; }
    .section-heading h2 { font-size: 22px; line-height: 26px; }
    .cta-content h2 { font-size: 36px; }
    
    /* Restore section margins */
    .section { margin-bottom: 80px; }
    .section:last-child { margin-bottom: 0; }
    .container { max-width: 960px; margin: 0 auto; padding: 0 15px; }
    .row { margin-left: -15px; margin-right: -15px; }
    [class*='col-'] { padding-left: 15px; padding-right: 15px; }
}

@media all and (min-width:480px) and (max-width:768px) {}

@media all and (max-width:767px) {
    /* Typography */
    body,p { font-size:12px; line-height:22px; }
    h1 { font-size:30px; }
    h2 { font-size:22px; }
    h3 { font-size:16px; }
    p br { display:none; }
    
    /* Layout */
    .padding { padding:60px 0; }
    .xs-padding { padding:15px; }
    .page-header { height:250px; }
    
    /* Slider mobile styles */
    .slider-content-wrap { padding:60px 40px; }
    .dl-slider .slick-arrow {
        width: 30px;
        height: 40px;
        line-height: 40px;
        background-color: rgba(0,0,0,0.6);
        font-size: 12px;
        top: auto;
        bottom: 20px;
        transform: none;
    }
    .dl-slider .slick-arrow.slick-next { right: 20px; }
    .dl-slider .slick-arrow.slick-prev { left: 20px; }
    .dl-slider .dl-caption.big {
        font-size: 24px;
        line-height: 28px;
        height: auto;
        white-space: normal;
    }
    
    /* Other components */
    .page-content h2 { font-size:30px; margin:0; }
    .about-content h2 { font-size:24px; line-height:36px; }
    .cta-content h2 { font-size:28px; line-height:1.2; }
    .error-content { display:block; }
    .error-content .error-info h2 { font-size:120px; line-height:120px; margin-bottom:30px; }
    .error-content .error-info a { display:block; }
    .contact-form .form-group .col-sm-6:first-child { margin-bottom:15px; }
    .contact-info h2 { line-height:28px; }
    .sidebar-wrap { padding-left:0; }
    .blog-single-content h2 a { font-size:22px; line-height:28px; }
    .blog-single-content h2 { line-height:28px; }
    blockquote p { line-height:32px; }
    .work-pro-item { padding:0 30px; }
    .service-content h2 { line-height:28px; }
    .service-section.section-2 { padding-bottom:60px; }
    .services-list .offset-top { transform:translateY(0); }
    #scroll-to-top { width:35px; height:35px; line-height:35px; bottom:20px; right:20px; }
    .projects-section .col-lg-4.text-right { text-align:left!important; }
    .projects-carousel { margin-top:40px; }
    .project-single-carousel { margin-bottom:40px; }
    .project-single-content { padding-left:0; }
}

@media all and (max-width:580px) {
    .subscribe-form { width:100%; }
    .counter-wrap .col-lg-4:first-child { margin-bottom:50px; }
    .counter-content { text-align:center; padding-left:0; }
    .testi-item .fa-quote-right { display:none; }
    .header-logo img {
        max-height: 60px;
        width: auto;
    }
    .dl-slider .slick-arrow {
        width: 25px;
        height: 35px;
        line-height: 35px;
        background-color: rgba(0,0,0,0.6);
        font-size: 10px;
        top: auto;
        bottom: 15px;
        transform: none;
    }
    .dl-slider .slick-arrow.slick-next { right: 15px; }
    .dl-slider .slick-arrow.slick-prev { left: 15px; }
    .header-right a.menu-btn { line-height: 35px; font-size: 10px; padding: 0 20px; }
    .primary-header .header-logo { max-width: 200px; }
    .header-logo img { max-height: 60px; }
    .header-menu-wrap { top: 40px; }
    .header-menu-wrap ul li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        margin: 0;
        padding: 0;
    }
    .header-menu-wrap ul li > a {
        padding: 12px 15px;
        height: inherit;
        line-height: inherit;
        color: #fff;
        font-size: 14px;
    }
}

@media all and (max-width:420px) {
    .dl-slider .dl-caption.big { font-size:20px; line-height:24px; }
    .dl-slider .slick-arrow {
        width: 20px;
        height: 30px;
        line-height: 30px;
        background-color: rgba(0,0,0,0.6);
        font-size: 9px;
        top: auto;
        bottom: 10px;
        transform: none;
    }
    .dl-slider .slick-arrow.slick-next { right: 10px; }
    .dl-slider .slick-arrow.slick-prev { left: 10px; }
}

@media all and (max-width:380px) {
    .slider-content-wrap { padding:50px 30px; }
    .dl-slider .slick-arrow {
        width: 18px;
        height: 28px;
        line-height: 28px;
        background-color: rgba(0,0,0,0.6);
        font-size: 8px;
        top: auto;
        bottom: 8px;
        transform: none;
    }
    .dl-slider .slick-arrow.slick-next { right: 8px; }
    .dl-slider .slick-arrow.slick-prev { left: 8px; }
}


/* Mobile grid */
.container {
    padding: 0 15px;
}

.row {
    margin: 0 -10px;
}

[class*='col-lg-3 col-sm-6'] {
    padding: 0 10px;
    margin-bottom: 20px;
}
[class*='col-lg-5'] {
    padding: 0 10px;
    margin-bottom: 0px;
}

/* Mobile components */
.service-item,
.blog-item,
.project-item {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Mobile buttons */
.default-btn {
    padding: 0 25px;
    line-height: 40px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    background: #e39d11;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

/* Mobile about section */
.about-content,
.about-promo {
    padding: 20px 15px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
}

.slider-content-wrap {
    padding-top: 80px;
    text-align: center;
}

.slider-content h1 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #fff;
}

.slider-content p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: rgba(255,255,255,0.9);
}
.slider-content {
    margin-top: 20px;
}
.slider-content form {
    background: rgba(255, 255, 255, 0.95);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.slider-content form input,
.slider-content form textarea {
    background: #fff;
}
.header-section .navbar-brand {
    height: 85px;
}
.primary-header {
    min-height: 85px;
}
.primary-header .header-logo img {
    max-height: 75px;
}
.header-logo img {
    max-height: 80px;
}
}

@media all and (max-width:580px) {
    .subscribe-form { width: 100%; }
    .counter-wrap .col-lg-4:first-child { margin-bottom: 50px; }
    .counter-content { text-align: center; padding-left: 0; }
    .testi-item .fa-quote-right { display: none; }
}

@media all and (max-width:420px) {
    /* Add styles if needed */
}

@media all and (max-width:380px) {
    /* Add styles if needed */
}