TanchoToplineCargo/public/sunsari/css/responsive.css
2024-05-05 10:32:49 +05:45

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;
}
}