@media (max-width: 1540px) {
    .header nav.navbar{margin-left:65px;margin-right:40px}
    .work-section .work-img picture img{height: auto;}
    .work-section .work-wrapper{margin-top:-500px}
}
@media (max-width: 1500px){
    .header .header-wrp{padding: 13px 30px 12px;}
	.header .header-wrp .header-logo{max-width: 160px;}
	.header .header-wrp .header-logo img{min-width: 130px;}

}

@media (max-width: 1440px) {
    h1,h2,h3,h5{margin-bottom: 30px;}
    /* header */
    .header .header-wrp .header-logo{max-width:150px;height: auto;}
    .header .header-wrp{gap: 0;justify-content: space-between;}
    .header .navbar ul li:not(:last-child){margin-right:16px}
    .header nav.navbar{margin-left:30px;margin-right:20px}
    /* banner */
    .banner-section{padding:150px 50px 0;position:relative}
    .banner-section .banner-sec:last-child{padding:140px 0}
    .banner-section .banner-cnt p{margin-bottom: 30px;}
    /* features */
    .feature-section{padding:70px 0}
    /* product */
    .product-section{padding:100px 0 0px}
    .product-section .product-card{padding:20px 15px}
    /* faq */
    .faq-section .faq-answer{width:90%}


}

@media (max-width:1380px) {
    .buy-btn{padding:12px 20px}
    /* header */
    .header .header-wrp{padding:13px 20px}
    .header .header-wrp .header-logo{max-width:140px;}
    .header .navbar ul li a{font-size:14px}
    .header .navbar ul li:not(:last-child){margin-right:18px}
    /* banner */
    .banner-section .banner-img picture img{width: 320px;height: 320px;}
    /* cta */
    .cta-section .cta-wrapper .cta-cnt{padding:30px 35px 30px 30px}
    .cta-cnt ul{margin-bottom: 30px;}
    /* product */
    .product-section h2{margin-bottom: 40px;}
    /* .product-section .product-card picture img{max-width:380px;height:250px;} */
    .product-section .product-card picture img{height:auto;}
    .product-section .product-card{padding:20px 10px}
    .product-cards .product-card:nth-child(-n+3){padding-top:20px}
    .product-cards .product-card:nth-last-child(-n+3){padding-bottom:24px}
    .product-section .product-card h6{margin: 20px 0;}
    /* information */
    .information-section .information-cnt p{font-size:20px;line-height:28px}
    .feature-section#action h2{margin-bottom:60px}
    /* work */
    .work-section{margin-bottom: 80px;}
    /* .work-section .work-img picture img{height:700px} */
    .work-section .work-wrapper{transform:translateY(0);margin-top:-550px}
    /* footer */
    .footer-section .contact-section .contact-left strong{font-size:26px;line-height:36px}
    .footer-section .contact-section .contact-left .contact-para a{font-size:26px}
    .footer-section .contact-section .contact-img{margin-bottom:50px}
    .footer-section .contact-section .contact-right form .buy-btn{padding:10px 19px}
}

@media (max-width: 1300px){
	.header nav.navbar{margin-left: 10px; margin-right: 10px;}
    .product-section .product-card p{font-size:14px;line-height:20px;letter-spacing: -0.20px;}
}

@media (max-width: 1250px){
    /* header */
    .header{top:0;}
    .header .container{padding: 0;}
    .header .navbar{flex-direction:column;background:#fff;position:absolute;top: 70px;left: 100%;width:100%;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity: 0;visibility: hidden;transition: all 0.3s ease;}
    .header .menu-toggle{display:block;background:0 0;border:none;cursor:pointer}
    .header nav.navbar{margin: 0;}
    .header .menu-toggle .menu-icon{width:30px;height:3px;background:#000;display:block;position:relative;transition:.3s ease}
    .header .menu-toggle .menu-icon:after,.header .menu-toggle .menu-icon:before{content:"";width:30px;height:3px;background:#000;position:absolute;left:0;transition:.3s ease}
    .header .menu-toggle .menu-icon:before{top:-8px}
    .header .menu-toggle .menu-icon:after{top:8px}
    .header .header-wrp .buy-now {margin: 0 20px 0 auto;}

    .header .navbar.open{opacity: 1;visibility: visible;left: 0; margin: 0px;}
    .header-wrp:has(.navbar.open) .menu-toggle .menu-icon{background:0 0}
    .header-wrp:has(.navbar.open) .menu-toggle .menu-icon:before{rotate: 45deg; top: 0;}
    .header-wrp:has(.navbar.open) .menu-toggle .menu-icon:after{rotate: -45deg; top: 0;}
    .header .header-wrp,.header .top-message{border-radius:unset}
    
    .header .navbar ul{flex-direction:column;padding:15px;height: 100vh;}
    .header .navbar ul li{padding:10px 0;margin:0}
    .header .navbar ul li a{font-size:18px;font-weight:700}
}

@media (max-width:1199px) {
    .buy-btn{font-size:14px;padding:10px 15px}
    /* header */
    .header .navbar ul li:not(:last-child){margin-right:12px}
    .header nav.navbar{margin:0 10px}
    .header .header-wrp{padding:14px 10px}
    /* banner */
    .banner-section{padding:150px 50px 0}
    .banner-title{padding-top: 100px;}
    .banner-section .banner-img picture img{width:260px;height:260px}
    .banner-section .banner-sec{padding-bottom:100px;grid-gap:180px;}
    .banner-section .banner-sec:last-child .banner-img:after{width:180px}
    /* product */
    .product-section{padding:80px 0 0px}
    /* .product-section .product-card picture img{max-width:350px;} */
    /* work */
    /* information */
    .information-section .information-img{height:750px;}
    .information-section h2{margin-bottom:50px}
    /* features */
    .feature-section{padding:60px 0}
    /* footer */
    .footer-section{padding:80px 0 48px}
    .footer-section .contact-section .contact-left strong{font-size:24px;line-height:34px}
    .footer-section .contact-section .contact-left .contact-para a{font-size:24px}
    .footer-section .contact-section .contact-left .contact-para{margin-bottom:30px}
    .footer-section .footer-cnt{padding:65px 0 0}
    .banner-title h2{font-size:22px;line-height:32px;max-width:260px}
    /* .banner-section .banner-cnt p{font-size:20px;line-height:30px} */
}

@media only screen and (max-width: 1024px) {
    /* banner */
    .banner-section{padding:110px 30px 0}
    .banner-title{padding-top: 100px;}
    .banner-section .banner-sec,.banner-title{margin: 0;}
    .banner-section .banner-sec{padding-bottom:80px;grid-gap: 150px;}
    .banner-section .banner-img picture img{width:210px;height:210px}
    .banner-section .banner-sec:last-child .banner-img:after{width:150px}
    .banner-section .banner-sec:last-child{padding:80px 0}
    .banner-section .banner-cnt p{margin-bottom:20px;font-size:18px;line-height:28px}
    /* features */
    .feature-section#action h2{margin-bottom:50px}
    .feature-section .features{grid-template-columns:repeat(2,1fr)}
    .feature-section .feature-card:not(:nth-child(3n+3)){border-bottom:1px solid #041C1B33;border-right:none}
    .feature-section .feature-card:not(:nth-last-child(-n+3)){border:unset}
    .feature-card:not(:nth-child(2n+2)){border-right:1px solid #041C1B33!important}
    .feature-card:not(:nth-last-child(-n+2)){border-bottom:1px solid #041C1B33!important}
    /* cta */
    .cta-section .cta-wrapper .cta-cnt{padding:40px 20px}
    .cta-cnt ul li:not(:last-child){margin-bottom:20px}
    .cta-cnt ul{margin-bottom:20px}
    /* product */
    .product-section{padding:60px 0 0}
    .product-section h2{margin-bottom: 30px;}
    .product-section .product-cards{grid-template-columns:repeat(2,1fr)}
    .product-section .product-card picture img{max-width:100%;height:auto}
    /* information */
    .information-section .information-cnt p{font-size:18px;line-height:26px}
    .information-section .information-img{height:700px;}
    /* work */
    .work-section{margin-bottom:60px}
    .work-section .work-wrapper h2{padding-top:15px;margin-bottom:15px}
    .work-section .work-wrapper{margin-top:-600px}
    /* .work-section .work-img picture img{height:550px} */
    .work-section .work-cards .card{padding:20px}
    .work-section .work-cards picture img{margin-bottom:15px}
    .work-section .work-cards .card h6{margin-bottom:15px}
    /* faq */
    .faq-section .faq-wrapper{grid-template-columns:repeat(1,1fr);row-gap: 10px;}
    .faq-section .faq-item{padding:20px 0}
    .faq-section{padding:60px 0}
    .faq-section .faq-heading h2 em{display:inline-block;font-style:normal}
    .faq-section .faq-question h6{width:80%}
    .faq-section .faq-answer p{width:95%}
    /* footer */
    .footer-section{padding:80px 0 50px}
    .footer-section .contact-section{flex-direction:column;align-items:flex-start}
    .footer-section .contact-section .contact-left,.footer-section .contact-section .contact-right{max-width:100%;width:100%}
    .footer-section .contact-section .contact-right form label{margin:20px 0 10px}
    .footer-section .buy-nows{margin-top:30px}
    .footer-section .contact-section .contact-left{margin-bottom:25px}
}

@media (max-width: 991px) {
    h1,h2,h3,h5{margin-bottom:20px}
    /* banner */
    .banner-section .banner-cnt p{margin-bottom:15px;font-size:16px;line-height:24px}
    .banner-section .banner-sec{grid-gap:110px;padding-bottom:70px}
    .banner-section .banner-sec:last-child .banner-img:after{width:110px}
    .banner-section .banner-cnt p:last-of-type{margin-bottom:30px}
    /* product */
    /* .product-section .product-card h6{margin:20px} */
    /* .product-section .product-card picture img{max-width:340px;} */
    /* cta */
    .cta-section .cta-wrapper{grid-template-columns: 1fr;}
    .cta-section .cta-wrapper .cta-cnt{order: 2;padding: 30px;}
    .cta-section .cta-wrapper .cta-cnt h3{margin-bottom:30px}
    /* features */
    .feature-section h6{margin-bottom:30px}
    .feature-section#action h2{margin-bottom:40px}
    /* work */
    .work-section .work-cards{grid-template-columns:repeat(2,1fr)}
    .work-section .work-cards .card{text-align:left}
    .work-section .work-cards .card{border-top:none;border-right:none;border-left:none;border-bottom:none}
    .work-section .work-wrapper .work-cards{border:1px solid #041C1B33;border-top:none}
    .work-section .work-cards .card{border-top:1px solid #041C1B33}
    .work-cards .card:nth-child(odd){border-right:1px solid #041C1B33}
    .work-section .work-cards .card:last-child{border-right:none}
    /* .work-section .work-img picture img{height:600px} */
    .work-section{margin-bottom:80px}
    /* faq */
    .faq-section .faq-answer p{width:90%}
    /* footer */
    .footer-section .contact-section .contact-img{max-width:200px}

    .information-section .information-cnt p{font-size:16px;line-height:24px}
    .feature-section .feature-card{padding:20px}
    .work-section .work-cards picture img{width:80px;height:80px;padding:15px}
    .work-section .work-cards .card h6{margin:15px 0}
}


@media (max-width: 767px){
    h1,h2,h3,h5{margin-bottom:15px}

    /* header */
    .header .header-wrp .buy-now{display:none}
    .header .header-wrp{box-shadow:0 10px 14px 0 #00575240,0 11px 15px 0 #0057521A}
    .header .navbar{top:65px}
    .header .header-wrp .header-logo img{min-width:170px}
    /* banner */
    .banner-section{padding:110px 0px 0}
    .banner-section .banner-sec{grid-template-columns:1fr;row-gap: 10px;text-align: center;padding-bottom: 120px;}
    .banner-section .banner-sec:not(:last-child) .banner-img:before , .banner-sec:last-child .banner-img:after{display: none;}
    .banner-section .banner-section h1 span{display:inline-block}
    .banner-section .banner-cnt p{margin-bottom:20px;font-size:16px;line-height:22px}

    .banner-section .banner-sec:last-child{padding:120px 0 40px;position: relative;}
    .banner-section .banner-sec:last-child h2.heading{position:absolute;left:0;top:0;width:100%;display:block;margin:0}
    .banner-section .banner-sec:last-child .banner-img picture img{width:210px;height:210px;margin:0 auto}
    .banner-cnt h1{margin-bottom:40px}
    .banner-title h2{margin-bottom:30px;font-size:24px;line-height:36px;max-width:100%}
    .banner-section .banner-cnt p:last-of-type{margin-bottom:30px}
    /* features */
    .feature-section .features{grid-template-columns:repeat(1,1fr)}
    .feature-section{padding:40px 0}
    .feature-section h6{margin-bottom:40px}
    .feature-section .feature-card{padding:20px;min-height: 160px;letter-spacing: -0.15px;}
    .feature-card:not(:nth-child(2n+2)){border-right:unset!important}
    .feature-card{border-right:none!important;border-bottom:1px solid #041C1B33}
    .feature-card:last-child{border-bottom:none}
    /* cta */
    .cta-section .cta-wrapper .cta-cnt h3{margin-bottom:20px;text-align: center;}
    .cta-section .cta-wrapper .cta-cnt{padding:30px 15px 39px;}
    .cta-section .cta-wrapper .cta-cnt .buy-now{text-align:center}
    /* product */
    .product-section{padding:50px 0 0px}
    .product-section h2{margin-bottom: 20px;}
    .product-section .product-cards{grid-template-columns:repeat(1,1fr);border-right: none;}
    .product-section .product-card:nth-child(odd), .product-section .product-card:nth-child(even){border-left: none;}
    .product-section .product-card{padding:0 0px 20px;border-right:none}
    /* information */
    .information-section .information-cnt p{margin-bottom:10px;font-size:14px;line-height:20px}
    .information-section h2{margin-bottom:25px}
    /* faq */
    .faq-section{padding:50px 0}
    .faq-section .faq-answer p{font-size:16px;width:95%}
    .faq-section .faq-answer{margin-top:20px}
    .faq-answer ul{margin:15px 10px 10px}
    .faq-answer ul li{font-size:16px;line-height:24px}
    /* footer */
    .footer-section .contact-section .contact-left .contact-para a,.footer-section .contact-section .contact-right form label,.footer-section .footer-cnt p,.footer-section .contact-section .contact-left strong{font-size:14px}
    .footer-section .contact-section .contact-left .contact-para{margin-bottom:20px}
    .footer-section{padding:60px 0 30px}
    .footer-section .footer-cnt{padding:50px 0 0}
    .footer-section .contact-section .contact-img{max-width:170px}

    .contact-right form input,.contact-right form textarea{padding:10px;font-size:14px}
    .banner-title{padding-top:40px}
    .banner-section .banner-sec:last-child .banner-cnt{margin-top:20px;}
    .product-section .product-card strong{font-size: 14px;}
    .banner-section .banner-img picture img{width:260px;height:260px;margin:0 auto}
    .work-section .work-img picture img{height:auto}
    .work-section .work-cards .card h6{margin:20px 0 15px}
    section.work-section .container{padding:0}
    .work-section .work-cards picture img{width:60px;height:60px;padding:14px 10px}
    .work-section .work-wrapper h2{padding-top:30px;margin-bottom:30px}
    .work-section .work-cards .card{padding:25px 15px}
    .feature-section#action h2{margin-bottom:20px}
    .work-section .work-wrapper {
        margin-top: -700px;
    }
}

@media (max-width:576px) {
    .work-section .work-wrapper {
        margin-top: -800px;
    }
}

@media (max-width:480px) {
    /* product */
    .product-section .product-card h6{margin:15px 0}
    /* information */
    .information-section h2{margin-bottom:20px}
    /* work */
    .work-section .work-cards{grid-template-columns:repeat(2,1fr)}
    /* .work-section .work-cards .card:nth-child(odd){border-right:none} */
    /* .work-section .work-cards .card:not(:nth-child(4n+4)){border-right:unset} */
    /* faq */
    .faq-section .faq-answer p{width:85%}
    /* footer */
    .footer-section .contact-section .form-group:nth-child(2){display:unset;}
    .footer-section .contact-section{flex-direction:column}
    .footer-section .contact-section .contact-left,.footer-section .contact-section .contact-right{max-width:100%}
    .footer-section .contact-section .form-group-first-name,.footer-section .contact-section .form-group-last-name{width:100%}
    .footer-section .contact-section .form-group-first-name{margin-right:0}
    .footer-section .contact-section .contact-img{margin-bottom:30px}
    .footer-section .footer-cnt p{padding:20px 0 0}
    .faq-section .faq-question::after{right: 10px;}
    /* pop-up */
    .popup-content{width:95vw}
    .close-popup{top:25px;}
    .popup-content{padding:30px 20px;}


}

@media (max-width:375px) {
    h2{font-size: 26px;line-height: 32px;}
    /* header */
    .header .navbar{top:60px}
    /* .header .header-wrp .header-logo img{max-width: 100px;} */
    .header .top-message p{font-size:12px;line-height:18px;}
    .header .header-wrp .buy-now{margin:0 5px 0 auto}
    .buy-btn{font-size:14px;padding:10px}
    
    .banner-section .banner-cnt p{font-size:14px;line-height:20px}
    .banner-title{padding-top:30px}
    /* .banner-title h2{font-size:20px;line-height:28px} */

    .cta-cnt ul{font-size:14px;margin-left:15px;line-height:22px;margin-bottom:15px}
    /* information */
    .feature-section .feature-card{padding:20px}
    .information-section .information-img{height:750px}
     .banner-section .banner-sec:last-child{padding-top:100px}
    .banner-section .banner-sec{padding-bottom:80px}
}