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

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
.product-item .product-info .btn{ font-size: 12px;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.section{ padding: 70px 0;}
.header-content .btn{ padding: 20px 24px; margin-left: auto;}
.header-content{ padding-right: 24px;}

.secondary-nav{border-left: none; margin: 0; padding: 0;}
.secondary-nav ul{flex-direction: column; gap: 0; align-items: flex-start; display: flex;}
.secondary-nav ul li{border-bottom: 1px solid rgba(78, 78, 78, 0.3); width: 100%;}
.secondary-nav ul li a{ padding: 14px 20px 14px 20px;}
.home-cta .cta-wrapper .content{ padding: 48px;}
.include-row .content{ padding: 22px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.page-banner [class*="col-"]{ height: auto;}
.section{ padding: 50px 0;}
.quote-back-content .col-lg-4{ padding-top: 48px;}
.quote-back-content .col-lg-4, .quote-back-content .col-lg-8{ min-height: auto; text-align: center;}
.quote-back-content .col-lg-8{ text-align: center; padding-top: 48px; padding-bottom: 48px;}
.quote-back-content .col-lg-8::before { background: #E1E1E1; height: 100%; right: 100%; left: auto; top: 0; content: ''; pointer-events: none; width: 5000px; position: absolute;}
.faq-video-section [class*=col-]{ border-radius: 16px 16px 0 0;}
.faq-video-section [class*=col-] + [class*=col-]{ border-radius: 0;  border: 2px solid #f3f3f3; border-radius: 0 0 16px 16px;}
.header-content .btn{ padding: 20px 24px; margin-left: auto;}
.header-content{ padding-right: 24px;}

.secondary-nav{border-left: none; margin: 0; padding: 0;}
.secondary-nav ul{flex-direction: column; gap: 0; align-items: flex-start; display: flex;}
.secondary-nav ul li{border-bottom: 1px solid rgba(78, 78, 78, 0.3); width: 100%;}
.secondary-nav ul li a{ padding: 14px 20px 14px 20px;}
.footer-top{ padding: 32px 0;}
.page-banner [class*="col-"] .banner-content{ padding-top: 150px;}

.quote-back-content-fhl [class*="col-"]{ padding-top: 48px; padding-bottom: 48px; min-height: auto; text-align: center;}
.quote-back-content-fhl .col-lg-5::before, .quote-back-content-fhl .col-lg-5::after { display: none;}
.quote-back-content-fhl .col-lg-6::before { background: #E1E1E1; height: 100%; right: 100%; left: auto; top: 0; content: ''; pointer-events: none; width: 5000px; position: absolute;}
.block-bar{ height: 350px;}
.block-bar svg{ width: 100%; height: auto;}
.cta-section{ padding-top: 130px;}
.home-cta .cta-wrapper .content{ padding: 48px;}
.home-banner [class*="col-"]{ height: auto;}
.home-banner [class*="col-"] .banner-content{ padding: 150px 0 50px; text-align: center;}
.cta-section-lg{ padding-top: 200px;}
.faq-section svg, .how-section svg, .contact-section svg{ width: 400px; height: auto;}
.page-banner .banner-image{ padding-top: 0;}
.page-banner [class*=col-] .banner-content{ padding-bottom: 24px;}
} 

/* END__ */

@media only screen and (max-width:767px) {
.page-banner [class*="col-"]{ height: auto;}
.btn-lg{ padding: 20px 32px;}
.section{ padding: 32px 0;}
.quote-back-content .col-lg-4{ padding-top: 48px;}
.quote-back-content .col-lg-4, .quote-back-content .col-lg-8{ min-height: auto; text-align: center;}
.quote-back-content .col-lg-8{ text-align: center; padding-top: 48px; padding-bottom: 48px;}
.quote-back-content .col-lg-8::before { background: #E1E1E1; height: 100%; right: 100%; left: auto; top: 0; content: ''; pointer-events: none; width: 5000px; position: absolute;}
.faq-video-section [class*=col-]{ border-radius: 16px 16px 0 0;}
.faq-video-section [class*=col-] + [class*=col-]{ border-radius: 0;  border: 2px solid #f3f3f3; border-radius: 0 0 16px 16px;}
.header{ top: 16px;}
.header-content .btn{ padding: 14px 16px; margin-left: auto;}
.header-content{ padding: 16px;}
.header-content .logo img, .offcanvas-title img{width: 140px;}
.page-banner [class*="col-"] .banner-content{ padding-top: 100px;}
.faq-section svg, .how-section svg, .contact-section svg{ width: 300px; height: auto;}
.header-content .btn{ display: none;}
.menu-btn{ margin-left: auto;}

.secondary-nav{border-left: none; margin: 0; padding: 0;}
.secondary-nav ul{flex-direction: column; gap: 0; align-items: flex-start; display: flex;}
.secondary-nav ul li{border-bottom: 1px solid rgba(78, 78, 78, 0.3); width: 100%;}
.secondary-nav ul li a{ padding: 14px 20px 14px 20px;}
.accordionjs .acc_section{ padding: 20px;}
.product-slider{ padding: 0;}
.footer-top{ padding: 24px 0;}
.footer-top ul{ gap: 12px;}
.page-banner svg{  width: 150px; height: auto;}

.quote-back-content-fhl [class*="col-"]{ padding-top: 32px; padding-bottom: 32px; min-height: auto; text-align: center;}
.quote-back-content-fhl .col-lg-5::before, .quote-back-content-fhl .col-lg-5::after { display: none;}
.quote-back-content-fhl .col-lg-6::before { background: #E1E1E1; height: 100%; right: 100%; left: auto; top: 0; content: ''; pointer-events: none; width: 5000px; position: absolute;}

.block-bar{ height: 350px;}
.block-bar svg{ width: 100%; height: auto;}
.cta-section{ padding-top: 130px;}
.home-cta .cta-wrapper .content{ padding: 24px; text-align: center;}
.home-cta svg{ display: none;}
.home-cta .image{ position: relative; bottom: auto; left: auto; margin-top: -50px;}
.home-banner [class*="col-"]{ height: auto;}
.home-banner [class*="col-"] .banner-content{ padding: 100px 0 50px; text-align: center;}
.contact-form{ padding: 20px; margin-top: -50px;}
.include-row .content{ padding: 22px;}
.page-banner .banner-image{ padding-top: 0;}
.page-banner [class*=col-] .banner-content{ padding-bottom: 24px;}
.product-details ul.method-info{ flex-direction: column; gap: 12px;}
.product-details ul.method-info li + li{ margin: 0; padding: 0; border: none;}
.product-details ul.method-info li{ flex-direction: row; gap: 5px; align-items: center;}

.pricing-table .table-head{ font-size: 14px;}
.pricing-table .table-body .label {font-size: 12px;}
.pricing-table .table-body .label time, .pricing-table .table-body .label .dollar{ background-image: none; padding: 0;}
.pricing-table .table-body .label{ padding: 7px 10px;}
.pricing-table{ padding: 14px 14px 0;}
.footer-bottom ul li:first-child:before{ display: none;}

} 
/* END__ */

@media only screen and (max-width:374px) {
.pricing-table .table-body .label time span{ display: none;}
} 
/* END__ */