/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
 .home-banner .item .container{ height: 600px;}
 .section{ padding: 60px 0;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.call-to-action .container{ padding: 0; max-width: 100%;}
.call-to-action .content{ text-align:center; padding-left: 20px; padding-right: 20px;}
.call-to-action .content + .content{ background-color: var(--bs-white); padding-top: 24px; padding-bottom: 24px;} 
.call-to-action .container{ padding: 0; max-width: 100%;}
.call-to-action .content{ text-align:center; padding-left: 20px; padding-right: 20px;}
.call-to-action .content + .content{ background-color: var(--bs-primary); padding-top: 24px; padding-bottom: 24px;} 
.header .post-header .container .btn{ display: none;;}
.home-banner .item .container{ height: 480px;}
.section{ padding: 50px 0;}
.call-to-action .content + .content{ background-color: #fff;}
.footer-top{ padding: 30px 0;}
.container{ padding-left: 20px; padding-right: 20px;}
.btn{ height: auto; padding: 0.75rem 1.5rem; line-height:1.2;}
.btn-lg{ padding: 1.125rem 2rem;}
.quote-content{ padding: 48px 32px 32px;}
.slick-prev, .slick-next{ height: 36px; width: 36px;}
.slick-next{right:0;}
.slick-prev{left:0; }
.how-item .icon{ padding: 20px; height: 100px; width: 100px;}
.home-banner .banner-left-shape{ width: 50%;}
.page-banner .container{ height: auto; padding-top: 80px; padding-bottom: 80px; text-align: center;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.call-to-action .container{ padding: 0; max-width: 100%;}
.call-to-action .content{ text-align:center; padding-left: 20px; padding-right: 20px;}
.call-to-action .content + .content{ background-color: var(--bs-primary); padding-top: 24px; padding-bottom: 24px;} 
.header .post-header .container .btn{ display: none;;}
.home-banner .item .container{ height: 400px;}
.section{ padding: 30px 0;}
.call-to-action .content + .content{ background-color: #fff;}
.footer-top{ padding: 24px 0;}
.container{ padding-left: 20px; padding-right: 20px;}
.btn{ height: auto; padding: 0.75rem 1.5rem; line-height:1.2;}
.btn-lg{ padding: 1.125rem 2rem;}
.quote-content{ padding: 48px 32px 32px;}
.slick-prev, .slick-next{ height: 36px; width: 36px;}
.slick-next{right:0;}
.slick-prev{left:0; }
.how-item .icon{ padding: 20px; height: 120px; width: 120px;}
.page-banner .container{ height: auto; padding-top: 80px; padding-bottom: 80px; text-align: center;}
.page-banner .container h1{ font-size: 48px}
} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */