198 lines
3.1 KiB
CSS
198 lines
3.1 KiB
CSS
/* =====================================
|
|
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;
|
|
}
|
|
} |