/* Large Devices */

@media(max-width:1200px){

.container{

max-width:1140px;

}

.menu{

gap:20px;

}

}

/* Tablets */

@media(max-width:991px){

.navbar-wrapper{

flex-direction:column;

}

.main-menu{

margin-top:20px;

}

.menu{

flex-wrap:wrap;

justify-content:center;

}

.quote-btn{

margin-top:20px;

}

.page-banner{

padding:70px 0;

}

.page-banner h1{

font-size:36px;

}

.section-title h2{

font-size:34px;

}

.footer{

text-align:center;

}

}

/* Mobile */

@media(max-width:768px){

section{

padding:60px 0;

}

.top-bar{

text-align:center;

}

.top-bar .row{

display:block;

}

.navbar-wrapper{

padding:15px 0;

}

.menu{

display:block;

text-align:center;

}

.menu li{

margin:15px 0;

}

.logo{

margin-bottom:20px;

text-align:center;

}

.quote-btn{

display:inline-block;

margin-top:15px;

}

.page-banner h1{

font-size:30px;

}

.section-title h2{

font-size:28px;

}

.error-page h1{

font-size:80px;

}

}

/* Small Mobile */

@media(max-width:480px){

.container{

padding:0 20px;

}

.page-banner{

padding:50px 0;

}

.page-banner h1{

font-size:24px;

}

.section-title h2{

font-size:24px;

}

.quote-btn{

padding:12px 24px;

}

body{

font-size:15px;

}

}