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

@media(max-width:1200px){

.tm-hero-grid{

grid-template-columns:1fr;

}

.tm-right{

margin-top:60px;

}

.tm-popular-grid{

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

}

.tm-tool-grid{

grid-template-columns:1fr;

}

.tm-category-grid{

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

}

.tm-footer-grid{

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

}

}

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

@media(max-width:768px){

.tm-menu{

display:none;

}

.tm-left h1{

font-size:48px;

}

.tm-heading h2{

font-size:36px;

}

.tm-search{

flex-direction:column;

border-radius:24px;

}

.tm-search input{

width:100%;

padding:20px;

}

.tm-search button{

width:100%;

margin-top:10px;

}

.tm-category-grid{

grid-template-columns:1fr;

}

.tm-popular-grid{

grid-template-columns:1fr;

}

.tm-stats-grid{

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

}

.tm-footer-grid{

grid-template-columns:1fr;

}

.tm-cta h2{

font-size:38px;

}

.tm-btn{

display:none;

}

}

/* =========================================
   480
========================================= */

@media(max-width:480px){

.tm-left h1{

font-size:38px;

}

.tm-heading h2{

font-size:30px;

}

.tm-stat-card{

padding:24px;

}

.tm-stat-card h2{

font-size:34px;

}

.tm-tool-card{

padding:20px;

}

.tm-category-card{

padding:25px;

}

.tm-logo h2{

font-size:24px;

}

}