/*==================================================
  MOBILE RESPONSIVE
  SVFutureTechAI Theme
  Devices: 0px - 767px
==================================================*/

@media (max-width:767px){

/*=================================
  Container
=================================*/

.sv-container{

    padding-left:16px;
    padding-right:16px;

}

/*=================================
  Typography
=================================*/

h1{

    font-size:34px;

}

h2{

    font-size:28px;

}

h3{

    font-size:24px;

}

p{

    font-size:15px;

}

/*=================================
  Sections
=================================*/

.sv-section{

    padding:60px 0;

}

.sv-section-lg{

    padding:80px 0;

}

/*=================================
  Grid
=================================*/

.grid-2,
.grid-3,
.grid-4,
.grid-5{

    grid-template-columns:1fr;

}

.grid-auto{

    grid-template-columns:1fr;

}

/*=================================
  Flex
=================================*/

.sv-flex{

    flex-direction:column;

}

.sv-between{

    align-items:flex-start;

}

/*=================================
  Header
=================================*/

.sv-header{

    padding:14px 0;

}

.sv-logo img{

    height:40px;

}

.sv-mobile-toggle{

    display:flex;

}

/*=================================
  Navigation
=================================*/

.sv-navigation{

    display:none;

}

/*=================================
  Hero
=================================*/

.sv-hero{

    padding:60px 0;

    text-align:center;

}

.sv-hero-content{

    max-width:100%;

}

.sv-hero-title{

    font-size:36px;

}

.sv-hero-description{

    font-size:16px;

}

.sv-hero-buttons{

    flex-direction:column;

    gap:16px;

}

.sv-hero-image{

    display:none;

}

/*=================================
  Statistics
=================================*/

.sv-statistics{

    grid-template-columns:1fr;

}

.sv-stat{

    text-align:center;

}

/*=================================
  Cards
=================================*/

.sv-card{

    padding:20px;

}

.sv-card-image{

    height:auto;

}

/*=================================
  Sidebar
=================================*/

.sv-layout{

    grid-template-columns:1fr;

}

.sv-sidebar{

    margin-top:40px;

}

/*=================================
  Forms
=================================*/

input,
textarea,
select{

    width:100%;

}

button{

    width:100%;

}

/*=================================
  Newsletter
=================================*/

.sv-newsletter{

    padding:35px 25px;

    text-align:center;

}

/*.sv-newsletter-form{

    flex-direction:column;

}

.sv-newsletter-form button{

    width:100%;

}*/

/*=================================
  Author Box
=================================*/

.sv-author-box{

    flex-direction:column;

    text-align:center;

    padding:24px;

}

.sv-author-avatar{

    margin:auto;

}

.sv-author-actions{

    justify-content:center;

}

/*=================================
  Social Share
=================================*/

.sv-social-share{

    flex-direction:column;

    text-align:center;

}

.sv-share-icons{

    justify-content:center;

}

/*=================================
  Footer
=================================*/

.sv-footer-top .sv-container{

    grid-template-columns:1fr;

}

.sv-footer-bottom .sv-container{

    flex-direction:column;

    text-align:center;

}

.sv-footer-links{

    justify-content:center;

}

/*=================================
  Tables
=================================*/

table{

    display:block;

    overflow-x:auto;

}

/*=================================
  Images
=================================*/

img{

    max-width:100%;
    height:auto;

}

}