/* ==========================================
   KRISHNA ENTERPRISES
   Responsive Stylesheet
========================================== */

/* Large Devices */

@media (max-width:1200px){

.hero h1{

font-size:46px;

}

.section-title{

font-size:32px;

}

}

/* Laptop */

@media (max-width:992px){

.navbar{

padding:12px 0;

}

.navbar-nav{

text-align:center;

margin-top:15px;

}

.nav-link{

margin:8px 0;

}

.hero{

padding:90px 0;

text-align:center;

}

.hero h1{

font-size:40px;

}

.hero p{

font-size:18px;

}

.section{

padding:60px 0;

}

.section-title{

font-size:30px;

}

footer{

text-align:center;

}

}

/* Tablet */

@media (max-width:768px){

.hero{

padding:70px 0;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:17px;

}

.section{

padding:50px 0;

}

.section-title{

font-size:28px;

}

.page-header{

padding:60px 0;

}

.page-header h1{

font-size:30px;

}

.service-box{

margin-bottom:25px;

}

.card{

margin-bottom:25px;

}

.table{

display:block;

overflow-x:auto;

}

.btn{

width:100%;

margin-bottom:10px;

}

}

/* Mobile */

@media (max-width:576px){

.hero{

padding:60px 0;

}

.hero h1{

font-size:28px;

}

.hero p{

font-size:15px;

}

.navbar-brand{

font-size:20px;

}

.section-title{

font-size:24px;

}

.page-header h1{

font-size:26px;

}

.page-header p{

font-size:15px;

}

.container{

padding-left:15px;

padding-right:15px;

}

.form-control,

.form-select{

font-size:14px;

}

}

/* Small Mobile */

@media (max-width:400px){

.hero h1{

font-size:24px;

}

.hero p{

font-size:14px;

}

.section-title{

font-size:22px;

}

.navbar-brand{

font-size:18px;

}

}