Current File : /home/quantums/durdanatariq.com/wp-content/themes/durdana/css/responsive.css |
@charset "utf-8";
/* CSS Document */
@media (min-width: 1366px) and (max-width: 1900px) {
}
@media (min-width: 1200px) and (max-width: 1365px) {
}
@media (min-width: 1024px) and (max-width: 1200px){
}
@media (min-width: 768px) and (max-width: 1024px) {
.tm-footer-details {margin: 0;}
.tm-letest-news-events .tm-sec-header {padding: 0 0;}
.tm-about-us { padding: 0 0;}
}
@media only screen and (max-width: 991px) {
.parallax-contant h3 {
font-size: 36px;
font-weight: 400;
line-height: 46px;
}
}
@media only screen and (max-width: 767px){
.tm-navbar-brand img{width: 200px;}
.tm-dental-video .tm-sec-header { padding: 0 0;}
.tm-about-us { padding: 0 0;}
.tm-meet-bob-right {width: 100%;}
.tm-h3 { font-size: 26px; line-height: 38px;}
.tm-apply-btn{margin-left: 0;}
li.tm-apply-btn { margin-top: 20px;}
.navbar-light .navbar-nav.tm-header-list .nav-link {padding: 0 0 0 0; line-height: 30px;}
.tm-h2 { font-size: 28px; line-height: 36px;}
.tm-letest-news-events .tm-sec-header {padding: 0 0;}
.tm-carousel-caption { margin-top: 0;}
.tm-banner-btn {font-size: 16px; width: 140px; height: 40px; line-height: 38px;}
.tm-carousel-caption-img li {margin: 20px 0 0;}
.tm-carousel-caption-img.text-right{text-align: left !important;}
.tm-banner-img{position: relative;}
.tm-banner-img img { height: 480px;}
.tm-testimonials { height: 300px;}
#tm-testimonials-carousel .owl-nav{display: none;}
.tm-dental-video-panel {margin-bottom: 40px;}
.tm-testimonials-carousel-panel.text-center { height: 300px;}
.tm-testimonials-carousel-panel h3.tm-h3{font-size: 22px; line-height: 30px;}
.tm-banner-img:after{content: ''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.5);}
.tm-footer-details {margin: 0;}
.tm-footer-copyright-right.text-right {text-align: left !important; margin-top: 20px;}
.tm-meet-bob{padding-bottom: 30px;}
.tm-footer-copyright-right ul li{margin-left: 0; margin-right: 30px;}
.tm-footer-menu{margin-bottom: 20px;}
.tm-footer-social ul li { margin-left: 0; margin-right: 10px;}
.tm-footer {padding: 60px 0 20px;}
.parallax-contant h3 {
font-size: 30px;
font-weight: 400;
line-height: 40px;
}
}
@media only screen and (max-width: 480px) {
.tm-h2 {
font-size: 22px !important;
line-height: 30px !important;
letter-spacing: 2px !important;
}
.tm-h4 { font-size: 18px; line-height: 26px;}
}