/* ===================================== MEDIA QUERIES. ===================================== */ @media (max-width:1600px) {} @media (max-width:1300px) {} @media (max-width:1200px) { .top-footer h3, .top-footer p { text-align: center; } .footer-btn { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media (max-width:991px) { .col-footer { margin: 1rem 0rem; } .top-header { display: none; } .footer-col { margin-top: 50px; } ul.quick-links, .footer-contact { margin-top: 10px; } .center-footer { margin: 0px 0px 40px; } hr.footer-line { margin: 15px 0px 15px; } .bottom-footer { margin-top: 40px; } .footer-copyright p { text-align: center; } .footer-terms { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; } .footer-col .media { margin-top: 5px; } ul.footer-contact { line-height: 2.3; } .top-footer { margin-bottom: 30px; } .footer-copyright p { margin-bottom: 5px; } .small-page-hero { height: 150px !important; } .top-footer h3{ margin-bottom: 10px; } } @media (max-width:767px) { .pages-hero { height: 400px; } .pages-title-center { top: 50%; } .small-page-hero { height: 90px !important; } } @media (max-width:576px) { .footer-btn { display: block !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center; } .footer-btn .tp-btn-primary { display: block; } .footer-btn .btn-default-white { margin: 0 0 15px; } .pages-title-center { position: absolute; top: 40%; left: 0%; right: 0%; transform: translate(0%, 0%); text-align: center; color: #FFF; padding: 0px 40px; } .pages-title-center h1 { font-size: 35px; } .pages-title-center { top: 40%; } .left-page-nav { bottom: 20px; } .top-footer{ padding: 0px 5%; } .footer-contact li p{ line-height: 26px; } .site-footer-logo{ width: 100px; } } @media (max-width:480px) { .pages-hero { height: 350px; } .pages-title-center { top: 35%; } .left-page-nav .breadcrumb li { font-size: 14px; } .left-page-nav .breadcrumb li a { font-size: 14px; } .left-page-nav .breadcrumb li::after { font-size: 12px; } .left-page-nav { bottom: 10px; } .top-footer{ padding: 0px 3%; } } @media (max-width:380px) { .left-page-nav { display: none; } .top-footer{ padding: 0px; } }