/*=========================================================
RESPONSIVE CSS
Padamnabh Tech Pvt. Ltd.
=========================================================*/


/*=========================================================
1400px
=========================================================*/

@media (max-width:1400px){

.container{

    width:92%;

}

.hero h1{

    font-size:54px;

}

.section-title h2{

    font-size:40px;

}

}



/*=========================================================
1200px
=========================================================*/

@media (max-width:1200px){

.hero-grid,
.about-grid,
.anprobe-grid{

    grid-template-columns:1fr;

    gap:60px;

}

.hero{

    text-align:center;

}

.hero-buttons{

    justify-content:center;

}

.hero-stats{

    justify-content:center;

    flex-wrap:wrap;

}

.feature-grid{

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

}

.services-grid{

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

}

.stats-grid{

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

}

.industry-grid{

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

}

.workflow-grid{

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

}

.testimonial-grid{

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

}

.footer-grid{

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

}

.pricing-grid{

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

}

.contact-grid{

    grid-template-columns:1fr;

}

}



/*=========================================================
992px
=========================================================*/

@media (max-width:992px){

.nav-links{

    position:fixed;

    top:82px;

    left:-100%;

    width:100%;

    background:#ffffff;

    flex-direction:column;

    align-items:center;

    padding:50px 0;

    transition:.35s;

    box-shadow:0 15px 40px rgba(0,0,0,.1);

}

.nav-links.active{

    left:0;

}

.menu-toggle{

    display:block;

}

.nav-buttons{

    display:none;

}

.hero{

    padding-top:140px;

}

.hero h1{

    font-size:46px;

}

.section-title h2{

    font-size:36px;

}

.anprobe-content h2{

    font-size:48px;

}

.cta-box h2{

    font-size:42px;

}

.comparison-table{

    grid-template-columns:1fr;

}

}

/*=========================================================
768px
=========================================================*/

@media (max-width:768px){

section{

    padding:70px 0;

}

.hero{

    padding-top:120px;

}

.hero h1{

    font-size:38px;

    line-height:1.25;

}

.hero p{

    font-size:16px;

}

.section-title{

    margin-bottom:50px;

}

.section-title h2{

    font-size:32px;

}

.section-title p{

    font-size:15px;

}

.hero-buttons{

    flex-direction:column;

    align-items:center;

}

.hero-buttons .btn{

    width:280px;

}

.hero-stats{

    flex-direction:column;

}

.feature-grid{

    grid-template-columns:1fr;

}

.services-grid{

    grid-template-columns:1fr;

}

.stats-grid{

    grid-template-columns:1fr;

}

.industry-grid{

    grid-template-columns:1fr;

}

.workflow-grid{

    grid-template-columns:1fr;

}

.testimonial-grid{

    grid-template-columns:1fr;

}

.pricing-grid{

    grid-template-columns:1fr;

}

.footer-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.product-features{

    grid-template-columns:1fr;

}

.cta-buttons{

    flex-direction:column;

    align-items:center;

}

.download-buttons{

    flex-direction:column;

    align-items:center;

}

.store-button{

    width:300px;

    justify-content:center;

}

.about-content h2{

    font-size:34px;

}

.anprobe-content h2{

    font-size:42px;

}

.anprobe-content h3{

    font-size:24px;

}

.cta-box h2{

    font-size:36px;

}

.logo-text span{

    display:none;

}

.logo img{

    width:46px;

}

.contact-card{

    flex-direction:column;

    text-align:center;

}

}



/*=========================================================
576px
=========================================================*/

@media (max-width:576px){

.container{

    width:94%;

}

.hero{

    padding-top:110px;

}

.hero h1{

    font-size:30px;

}

.hero p{

    font-size:15px;

}

.section-title h2{

    font-size:28px;

}

.about-content h2{

    font-size:30px;

}

.anprobe-content h2{

    font-size:36px;

}

.anprobe-content h3{

    font-size:22px;

}

.cta-box h2{

    font-size:30px;

}

.stat-card{

    padding:18px;

}

.stats-card{

    padding:35px 20px;

}

.stats-card h2{

    font-size:42px;

}

.feature-card{

    padding:30px 20px;

}

.service-card img{

    height:200px;

}

.industry-card{

    padding:28px;

}

.workflow-card{

    padding:30px 20px;

}

.testimonial-card{

    padding:30px;

}

.comparison-column{

    padding:28px;

}

.price{

    font-size:42px;

}

.btn{

    width:100%;

}

.footer{

    padding:70px 0 25px;

}

.footer-column{

    margin-bottom:25px;

}

.footer-logo{

    margin:auto auto 20px;

}

}



/*=========================================================
420px
=========================================================*/

@media (max-width:420px){

.hero h1{

    font-size:26px;

}

.hero p{

    font-size:14px;

}

.section-title span{

    font-size:12px;

}

.section-title h2{

    font-size:24px;

}

.about-content h2{

    font-size:26px;

}

.anprobe-content h2{

    font-size:32px;

}

.cta-box h2{

    font-size:26px;

}

.feature-icon{

    width:70px;

    height:70px;

    font-size:30px;

}

.step-number{

    width:55px;

    height:55px;

    font-size:22px;

}

.logo img{

    width:40px;

}

.logo-text h2{

    font-size:18px;

}

.hero-buttons .btn{

    width:100%;

}

.store-button{

    width:100%;

}

}



/*=========================================================
Landscape Phones
=========================================================*/

@media (max-height:500px){

.hero{

    padding-top:140px;

}

.nav-links{

    overflow-y:auto;

    max-height:calc(100vh - 82px);

}

}



/*=========================================================
Large Screens
=========================================================*/

@media (min-width:1600px){

.container{

    max-width:1450px;

}

.hero h1{

    font-size:68px;

}

.section-title h2{

    font-size:50px;

}

}



/*=========================================================
PRINT
=========================================================*/

@media print{

.header,

.footer,

.menu-toggle,

.hero-buttons,

.cta,

.download-buttons{

    display:none !important;

}

body{

    background:#ffffff;

}

section{

    padding:20px 0;

}

img{

    max-width:100%;

}

}



/*=========================================================
END OF responsive.css
=========================================================*/