/*
==================================================
ToolZora Responsive
Version 1.0
==================================================
*/

/*==========================================
1400px
==========================================*/

@media (max-width:1400px){

.toolzora-container{

width:min(100% - 40px,1200px);

}

}

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

@media (max-width:1200px){

.toolzora-title{

font-size:36px;

}

.toolzora-subtitle{

font-size:28px;

}

.grid-4{

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

}

.toolzora-tool-layout{

grid-template-columns:1fr 300px;

}

}

/*==========================================
1024px
==========================================*/

@media (max-width:1024px){

.toolzora-tool-layout{

grid-template-columns:1fr;

}

.toolzora-sidebar{

position:relative;

top:auto;

margin-top:35px;

}

.related-grid{

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

}

.grid-3{

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

}

}

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

@media (max-width:768px){

.toolzora-container{

width:calc(100% - 30px);

}

.toolzora-section{

padding:50px 0;

}

.toolzora-title{

font-size:30px;

}

.toolzora-subtitle{

font-size:24px;

}

.tool-card{

padding:22px;

}

.toolzora-card{

padding:22px;

}

.tool-actions{

flex-direction:column;

}

.tool-btn{

width:100%;

}

.toolzora-btn{

width:100%;

}

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

grid-template-columns:1fr;

}

.related-grid{

grid-template-columns:1fr;

}

.tool-stats{

grid-template-columns:1fr;

}

.tool-result{

padding:20px;

}

.tool-textarea{

min-height:220px;

}

.copy-btn{

position:static;

width:100%;

margin-top:15px;

}

}

/*==========================================
576px
==========================================*/

@media (max-width:576px){

body{

font-size:15px;

}

.toolzora-title{

font-size:26px;

}

.toolzora-description{

font-size:15px;

}

.tool-card{

padding:18px;

}

.toolzora-card{

padding:18px;

}

.tool-input,
.tool-select{

height:50px;

}

.tool-textarea{

padding:15px;

}

.tool-stat-number{

font-size:26px;

}

.sidebar-widget{

padding:20px;

}

.tool-breadcrumb{

font-size:13px;

}

}

/*==========================================
400px
==========================================*/

@media (max-width:400px){

.toolzora-title{

font-size:22px;

}

.tool-btn{

padding:13px;

font-size:14px;

}

.toolzora-btn{

padding:13px;

font-size:14px;

}

.tool-card{

padding:16px;

}

}