@media(max-width:991px){

.header{

    padding:0;

}

.navbar{

    height:75px;

}

.logo img{

    width:150px;

}

.nav-menu{

    display:none;

}

.header-btns{

    display:none;

}

.menu-toggle{

    display:block;

}

}

/*=========================
HERO
=========================*/

@media(max-width:1200px){

.hero{

    height:760px;

}

.hero-grid{

    grid-template-columns:520px 1fr;

}

.hero h1{

    font-size:56px;

}

}

@media(max-width:991px){

.hero{

    height:auto;

    padding:120px 0 80px;

}

.hero-overlay{

    background:rgba(255,255,255,.86);

}

.hero-grid{

    grid-template-columns:1fr;

}

.hero-left{

    max-width:100%;

    text-align:center;

}

.hero-buttons{

    justify-content:center;

}

.hero h1{

    font-size:44px;

}

}

@media(max-width:576px){

.hero h1{

    font-size:34px;

}

.hero h2{

    font-size:20px;

}

.hero p{

    font-size:16px;

}

.hero-buttons{

    flex-direction:column;

}

.hero-buttons a{

    text-align:center;

}

.logo img {

    width: auto;
    height: 65px !important;
}

}

@media(min-width:992px){

.mobile-menu,

.mobile-overlay{

    display:none;

}

} 

/*==================================
STATS
==================================*/

@media (max-width:991px){

.hero{

    height:auto;

    padding:120px 0 80px;

}

.hero-stats-section{

    margin-top:-45px;

}

.stats-card{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

    padding:25px;

    margin:0;

}

.stat-item{

    border:none;

    justify-content:center;

    text-align:center;

    flex-direction:column;

    padding:10px;

}

.stat-icon{

    margin-bottom:12px;

}

.stat-item h3{

    font-size:34px;

}

}

@media (max-width:576px){

.hero-stats-section{

    margin-top:-35px;

}

.stats-card{

    padding:18px;

    gap:18px;

    border-radius:18px;

}

.stat-item{

    gap:10px;

}

.stat-icon{

    width:58px;

    height:58px;

    font-size:24px;

}

.stat-item h3{

    font-size:30px;

}

.stat-item p{

    font-size:14px;

    line-height:1.4;

}

}

/*==================================================
ABOUT
==================================================*/

@media(max-width:1200px){

.about-grid{

    gap:50px;

}

.about-content h2{

    font-size:40px;

}

}

@media(max-width:991px){

.about-section{

    padding:90px 0;

}

.about-grid{

    grid-template-columns:1fr;

}

.about-image{

    max-width:600px;

    margin:auto;

}

.experience-box{

    width:140px;

    height:140px;

    right:15px;

    bottom:15px;

}

.experience-box span{

    font-size:38px;

}

.about-content{

    text-align:center;

}

.about-features{

    grid-template-columns:1fr;

    text-align:left;

}

}

@media(max-width:576px){

.about-content h2{

    font-size:34px;

}

.about-content p{

    font-size:16px;

}

.experience-box{

    width:120px;

    height:120px;

}

.experience-box span{

    font-size:32px;

}

}
 /* =========================================================
   ABOUT PAGE RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dl-about-banner {
        padding: 65px 0;
    }

    .dl-about-banner h1 {
        font-size: 38px;
    }

    .dl-about-profile-grid,
    .dl-about-why-grid,
    .dl-about-cert-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .dl-about-profile-image img,
    .dl-about-why-image img {
        height: 450px;
    }

    .dl-about-experience-box {
        right: 20px;
    }

    .dl-about-why-stat {
        left: 20px;
    }

    .dl-about-values-grid,
    .dl-about-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-about-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

    .dl-about-banner {
        padding: 55px 0;
    }

    .dl-about-banner h1 {
        font-size: 31px;
    }

    .dl-about-banner-content > p {
        font-size: 14px;
    }

    .dl-about-profile,
    .dl-about-vm,
    .dl-about-values,
    .dl-about-why,
    .dl-about-team,
    .dl-about-certifications {
        padding: 60px 0;
    }

    .dl-about-profile-content h2,
    .dl-about-why-content h2,
    .dl-about-cert-content h2,
    .dl-about-section-heading h2 {
        font-size: 28px;
    }

    .dl-about-profile-points,
    .dl-about-vm-grid {
        grid-template-columns: 1fr;
    }

    .dl-about-profile-image img,
    .dl-about-why-image img {
        height: 380px;
    }

    .dl-about-vm-card {
        padding: 28px;
    }

    .dl-about-cta {
        padding: 50px 0;
    }

    .dl-about-cta-box {
        padding: 35px 30px;
    }

    .dl-about-cta-content h2 {
        font-size: 25px;
    }

}


@media (max-width: 575px) {

    .dl-about-banner h1 {
        font-size: 27px;
    }

    .dl-about-values-grid,
    .dl-about-team-grid {
        grid-template-columns: 1fr;
    }

    .dl-about-profile-image img,
    .dl-about-why-image img {
        height: 320px;
    }

    .dl-about-experience-box {
        right: 15px;
        bottom: 15px;
        min-width: auto;
        padding: 18px 22px;
    }

    .dl-about-experience-box strong {
        font-size: 30px;
    }

    .dl-about-vm-card {
        flex-direction: column;
    }

    .dl-about-team-image {
        height: 350px;
    }

    .dl-about-why-stat {
        left: 15px;
        bottom: 15px;
    }

    .dl-about-cta-box {
        padding: 30px 22px;
    }

    .dl-about-cta-buttons {
        width: 100%;
        flex-direction: column;
    }

    .dl-about-cta-primary,
    .dl-about-cta-secondary {
        width: 100%;
    }

}

/* =========================================================
   PRODUCTS PAGE RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dl-products-banner {
        padding: 65px 0;
    }

    .dl-products-banner h1 {
        font-size: 38px;
    }

    .dl-products-intro-grid,
    .dl-products-why-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .dl-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-products-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-products-why-image img {
        height: 450px;
    }

    .dl-products-why-badge {
        right: 20px;
    }

    .dl-products-custom-box {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

    .dl-products-banner {
        padding: 55px 0;
    }

    .dl-products-banner h1 {
        font-size: 31px;
    }

    .dl-products-banner-content > p {
        font-size: 14px;
    }

    .dl-products-intro,
    .dl-products-categories,
    .dl-products-why,
    .dl-products-process {
        padding: 60px 0;
    }

    .dl-products-intro-content h2,
    .dl-products-why-content h2,
    .dl-products-section-heading h2 {
        font-size: 28px;
    }

    .dl-products-grid {
        gap: 18px;
    }

    .dl-products-card-image {
        height: 220px;
    }

    .dl-products-why-image img {
        height: 400px;
    }

    .dl-products-custom {
        padding: 50px 0;
    }

    .dl-products-custom-box {
        padding: 35px 30px;
    }

    .dl-products-custom-content h2 {
        font-size: 25px;
    }

}


@media (max-width: 575px) {

    .dl-products-banner h1 {
        font-size: 27px;
    }

    .dl-products-grid,
    .dl-products-process-grid {
        grid-template-columns: 1fr;
    }

    .dl-products-card-image {
        height: 240px;
    }

    .dl-products-why-image img {
        height: 330px;
    }

    .dl-products-why-badge {
        right: 15px;
        bottom: 15px;
    }

    .dl-products-custom-box {
        padding: 30px 22px;
    }

    .dl-products-custom-actions {
        width: 100%;
        flex-direction: column;
    }

    .dl-products-custom-primary,
    .dl-products-custom-secondary {
        width: 100%;
    }

}

/* =========================================================
   PRODUCT DETAIL PAGE RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dl-product-detail-banner {
        padding: 65px 0;
    }

    .dl-product-detail-banner h1 {
        font-size: 38px;
    }

    .dl-product-detail-overview-grid,
    .dl-product-detail-specs-grid,
    .dl-product-detail-why-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .dl-product-detail-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-product-detail-app-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-product-detail-why-stat {
        right: 20px;
    }

    .dl-product-detail-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

    .dl-product-detail-banner {
        padding: 55px 0;
    }

    .dl-product-detail-banner h1 {
        font-size: 31px;
    }

    .dl-product-detail-banner-content > p {
        font-size: 14px;
    }

    .dl-product-detail-overview,
    .dl-product-detail-features,
    .dl-product-detail-specs,
    .dl-product-detail-applications,
    .dl-product-detail-why,
    .dl-product-detail-related {
        padding: 60px 0;
    }

    .dl-product-detail-overview-content h2,
    .dl-product-detail-specs-content h2,
    .dl-product-detail-why-content h2,
    .dl-product-detail-section-heading h2 {
        font-size: 28px;
    }

    .dl-product-detail-main-image img {
        height: 400px;
    }

    .dl-product-detail-quick-features {
        grid-template-columns: 1fr;
    }

    .dl-product-detail-related-grid {
        grid-template-columns: 1fr;
    }

    .dl-product-detail-related-image {
        height: 280px;
    }

    .dl-product-detail-why-image img {
        height: 400px;
    }

    .dl-product-detail-cta {
        padding: 50px 0;
    }

    .dl-product-detail-cta-box {
        padding: 35px 30px;
    }

    .dl-product-detail-cta-content h2 {
        font-size: 25px;
    }

}


@media (max-width: 575px) {

    .dl-product-detail-banner h1 {
        font-size: 27px;
    }

    .dl-product-detail-main-image img {
        height: 320px;
    }

    .dl-product-detail-image-info {
        margin: -25px 12px 0;
    }

    .dl-product-detail-info-item {
        padding: 15px 8px;
    }

    .dl-product-detail-info-item strong {
        font-size: 17px;
    }

    .dl-product-detail-info-item span {
        font-size: 9px;
    }

    .dl-product-detail-features-grid,
    .dl-product-detail-app-grid {
        grid-template-columns: 1fr;
    }

    .dl-product-detail-overview-actions {
        flex-direction: column;
    }

    .dl-product-detail-primary-btn,
    .dl-product-detail-secondary-btn {
        width: 100%;
    }

    .dl-product-detail-why-image img {
        height: 330px;
    }

    .dl-product-detail-why-stat {
        right: 15px;
        bottom: 15px;
    }

    .dl-product-detail-related-image {
        height: 230px;
    }

    .dl-product-detail-cta-box {
        padding: 30px 22px;
    }

    .dl-product-detail-cta-actions {
        width: 100%;
        flex-direction: column;
    }

    .dl-product-detail-cta-primary,
    .dl-product-detail-cta-secondary {
        width: 100%;
    }

}


/* =========================================================
   INDUSTRIES PAGE RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

    .dl-industries-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 991px) {

    .dl-industries-banner {
        padding: 65px 0;
    }

    .dl-industries-banner h1 {
        font-size: 38px;
    }

    .dl-industries-intro-grid,
    .dl-industries-support-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .dl-industries-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-industries-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-industries-support-stat {
        right: 20px;
    }

    .dl-industries-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

    .dl-industries-banner {
        padding: 55px 0;
    }

    .dl-industries-banner h1 {
        font-size: 31px;
    }

    .dl-industries-banner-content > p {
        font-size: 14px;
    }

    .dl-industries-intro,
    .dl-industries-listing,
    .dl-industries-support,
    .dl-industries-why {
        padding: 60px 0;
    }

    .dl-industries-intro-content h2,
    .dl-industries-support-content h2,
    .dl-industries-section-heading h2 {
        font-size: 28px;
    }

    .dl-industries-card-content > p {
        min-height: auto;
    }

    .dl-industries-support-image img {
        height: 420px;
    }

    .dl-industries-cta {
        padding: 50px 0;
    }

    .dl-industries-cta-box {
        padding: 35px 30px;
    }

    .dl-industries-cta-content h2 {
        font-size: 25px;
    }

}


@media (max-width: 575px) {

    .dl-industries-banner h1 {
        font-size: 27px;
    }

    .dl-industries-banner h1 span {
        display: inline;
    }

    .dl-industries-grid,
    .dl-industries-why-grid {
        grid-template-columns: 1fr;
    }

    .dl-industries-card-image {
        height: 240px;
    }

    .dl-industries-support-image img {
        height: 330px;
    }

    .dl-industries-support-stat {
        right: 15px;
        bottom: 15px;
    }

    .dl-industries-cta-box {
        padding: 30px 22px;
    }

    .dl-industries-cta-actions {
        width: 100%;
        flex-direction: column;
    }

    .dl-industries-cta-primary,
    .dl-industries-cta-secondary {
        width: 100%;
    }

}
/* =========================================================
   CONTACT PAGE RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .dl-contact-banner {
        padding: 65px 0;
    }

    .dl-contact-banner h1 {
        font-size: 38px;
    }

    .dl-contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dl-contact-info-card:nth-child(2) {
        border-right: 0;
    }

    .dl-contact-info-card:nth-child(1),
    .dl-contact-info-card:nth-child(2) {
        border-bottom: 1px solid #e5eaf1;
    }

    .dl-contact-main-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .dl-contact-location-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .dl-contact-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 767px) {

    .dl-contact-banner {
        padding: 55px 0 75px;
    }

    .dl-contact-banner h1 {
        font-size: 31px;
    }

    .dl-contact-banner-content > p {
        font-size: 14px;
    }

    .dl-contact-info {
        padding-bottom: 60px;
    }

    .dl-contact-main {
        padding-bottom: 60px;
    }

    .dl-contact-details h2 {
        font-size: 28px;
    }

    .dl-contact-form-wrap {
        padding: 28px;
    }

    .dl-contact-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .dl-contact-location {
        padding: 60px 0;
    }

    .dl-contact-location-content h2 {
        font-size: 28px;
    }

    .dl-contact-map {
        height: 350px;
    }

    .dl-contact-cta {
        padding: 50px 0;
    }

    .dl-contact-cta-box {
        padding: 35px 30px;
    }

    .dl-contact-cta-content h2 {
        font-size: 25px;
    }

}


@media (max-width: 575px) {

    .dl-contact-banner h1 {
        font-size: 27px;
    }

    .dl-contact-banner h1 span {
        display: inline;
    }

    .dl-contact-info {
        margin-top: -25px;
    }

    .dl-contact-info-grid {
        grid-template-columns: 1fr;
    }

    .dl-contact-info-card {
        border-right: 0;
        border-bottom: 1px solid #e5eaf1;
    }

    .dl-contact-info-card:last-child {
        border-bottom: 0;
    }

    .dl-contact-support-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .dl-contact-form-wrap {
        padding: 25px 20px;
    }

    .dl-contact-form-header h3 {
        font-size: 21px;
    }

    .dl-contact-form-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .dl-contact-form-footer p {
        max-width: 100%;
    }

    .dl-contact-submit {
        width: 100%;
    }

    .dl-contact-map {
        height: 300px;
    }

    .dl-contact-cta-box {
        padding: 30px 22px;
    }

    .dl-contact-cta-actions {
        width: 100%;
        flex-direction: column;
    }

    .dl-contact-cta-primary,
    .dl-contact-cta-secondary {
        width: 100%;
    }

}
@media(max-width:991px){

    .dl-clients-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .dl-client-stats{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:767px){

    .dl-clients-section{

        padding:65px 0;

    }

    .dl-clients-heading h2{

        font-size:30px;

    }

}

@media(max-width:575px){

    .dl-clients-grid{

        grid-template-columns:1fr;

    }

    .dl-client-stats{

        grid-template-columns:1fr;

    }

    .dl-client-stat{

        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.1);

    }

    .dl-client-stat:last-child{

        border-bottom:none;

    }

}