/* ==========================================================
   Nestlyra Home
   Responsive Styles
   ========================================================== */

/* ----------------------------------------------------------
   Large Desktop
---------------------------------------------------------- */

@media (max-width:1400px){

.container{
    width:94%;
}

}

/* ----------------------------------------------------------
   Laptop
---------------------------------------------------------- */

@media (max-width:1200px){

.hero-grid{
    grid-template-columns:1fr;
}

.featured-posts-grid{
    grid-template-columns:repeat(2,1fr);
}

.latest-posts-grid{
    grid-template-columns:repeat(2,1fr);
}

.category-grid{
    grid-template-columns:repeat(2,1fr);
}

.related-grid{
    grid-template-columns:repeat(2,1fr);
}

.footer-grid{
    grid-template-columns:repeat(2,1fr);
}

.woocommerce ul.products{
    grid-template-columns:repeat(3,1fr);
}

}

/* ----------------------------------------------------------
   Tablet
---------------------------------------------------------- */

@media (max-width:991px){

.main-navigation{
    display:none;
}

.mobile-toggle{
    display:flex;
}

.header-button{
    display:none;
}

.hero-sidebar{
    grid-template-columns:repeat(2,1fr);
}

.featured-posts-grid{
    grid-template-columns:repeat(2,1fr);
}

.latest-posts-grid{
    grid-template-columns:repeat(2,1fr);
}

.category-grid{
    grid-template-columns:repeat(2,1fr);
}

.related-grid{
    grid-template-columns:repeat(2,1fr);
}

.footer-grid{
    grid-template-columns:repeat(2,1fr);
}

.newsletter-form{
    flex-wrap:wrap;
}

.woocommerce ul.products{
    grid-template-columns:repeat(2,1fr);
}

}

/* ----------------------------------------------------------
   Mobile
---------------------------------------------------------- */

@media (max-width:767px){

.container{
    width:95%;
}

.site-header .container{
    min-height:70px;
}

.site-title{
    font-size:1.3rem;
}

.hero-grid,
.featured-posts-grid,
.latest-posts-grid,
.category-grid,
.related-grid,
.footer-grid{
    grid-template-columns:1fr;
}

.hero-sidebar{
    display:grid;
    grid-template-columns:1fr;
}

.hero-content{
    left:20px;
    right:20px;
    bottom:20px;
}

.hero-small-post{
    flex-direction:column;
}

.hero-small-thumb{
    width:100%;
    height:220px;
}

.newsletter-form{
    flex-direction:column;
}

.newsletter-form input,
.newsletter-form button{
    width:100%;
}

.author-box{
    flex-direction:column;
    text-align:center;
}

.scroll-top{
    right:20px;
    bottom:20px;
}

.alignleft,
.alignright{
    float:none;
    margin:20px auto;
    display:block;
}

.woocommerce ul.products{
    grid-template-columns:1fr;
}

}

/* ----------------------------------------------------------
   Small Mobile
---------------------------------------------------------- */

@media (max-width:480px){

.hero-content h1{
    font-size:1.8rem;
}

.hero-content h2{
    font-size:1.5rem;
}

.section{
    padding:40px 0;
}

.widget{
    padding:18px;
}

.featured-content,
.latest-post-content,
.related-content{
    padding:18px;
}

}