/*=========================================
SAMVET DESIGN SYSTEM
RESPONSIVE
=========================================*/

/* Laptop */

@media (max-width:1200px){

.container{
padding:0 30px;
}

.grid-4{
grid-template-columns:repeat(3,1fr);
}

}

/* Tablet */

@media (max-width:992px){

h1{font-size:56px;}
h2{font-size:42px;}
h3{font-size:32px;}

.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6{
grid-template-columns:repeat(2,1fr);
}

section{
padding:80px 0;
}

}

/* Mobile */

@media (max-width:768px){

.container{
padding:0 20px;
}

h1{font-size:42px;}
h2{font-size:34px;}
h3{font-size:28px;}

.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-auto{
grid-template-columns:1fr;
}

.btn{
width:100%;
}

}

/* Small Mobile */

@media (max-width:480px){

h1{font-size:34px;}
h2{font-size:28px;}
h3{font-size:24px;}

body{
font-size:15px;
}

.container{
padding:0 15px;
}

}