/* ==========================================
   PrismaSystems Mobile Responsive Styles
========================================== */



@media(max-width:1024px){


.container {

    width:92%;

}



.hero-grid {

    grid-template-columns:1fr;

    text-align:center;

}



.hero-content {

    max-width:750px;

    margin:auto;

}



.hero p {

    margin-left:auto;

    margin-right:auto;

}



.hero-buttons {

    justify-content:center;

}



.hero-image {

    margin-top:40px;

}



.service-grid {

    grid-template-columns:

    repeat(2,1fr);

}



.solution-grid {

    grid-template-columns:

    repeat(2,1fr);

}



.technology-grid {

    gap:30px;

}



.footer-grid {

    grid-template-columns:

    repeat(2,1fr);

}



}









@media(max-width:768px){



.header {


    padding:15px 0;


}



.logo img {


    width:150px;


}



/* Mobile navigation */


nav {


    display:none;

}



.header .btn-primary {


    display:none;

}






.hero {


    padding-top:120px;

}



.hero h1 {


    font-size:40px;

}



.hero p {


    font-size:16px;

}



.hero-buttons {


    flex-direction:column;

    align-items:center;


}



.btn-primary,

.btn-outline {


    width:220px;

    text-align:center;

}



.btn-outline {


    margin-left:0;

}





.service-grid {


    grid-template-columns:1fr;

}



.solution-grid {


    grid-template-columns:1fr;

}




.section-title h2 {


    font-size:32px;

}





.service-card {


    padding:25px;

}





.solution-card img {


    height:200px;

}





.technology-grid {


    gap:20px;

}



.technology-grid img {


    width:75px;

    height:75px;

}





.cta h2 {


    font-size:32px;

}





.footer-grid {


    grid-template-columns:1fr;

    text-align:center;

}



.footer-logo {


    margin-left:auto;

    margin-right:auto;

}



}





@media(max-width:480px){



.hero h1 {


    font-size:34px;

}



.hero-image img {


    width:100%;

}



section {


    padding:70px 0;

}



.section-title {


    margin-bottom:40px;

}



.service-card img {


    height:70px;

}



.technology-grid img {


    width:65px;

    height:65px;

}


}