File: /var/www/panigaletech.com/wp-content/themes/panigale/css/responsive.css
@media only screen and (min-width : 1900px) and (max-width : 5120px) {
.relative-position{
background-position:center top;
height: 900px;
}
}
@media (max-width: 768px) {
header.masthead .intro-text {
padding-top:15rem;
padding-bottom:5rem
}
.banner-laptop img {
width:100%
}
.banner-laptop {
position:absolute;
right:0;
bottom:-6rem
}
header.masthead .intro-text .intro-heading {
font-size:2rem;
margin-bottom:2rem;
line-height:normal
}
#mainNav .navbar-nav .nav-item .dropdown-menu.one-dropdown-menu {
width:100%;
background-color:#41515e;
padding:0
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item {
border-bottom:1px solid #677580
}
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item,
#mainNav .navbar-nav .nav-item .dropdown-menu .dropdown-item span {
color:#fff
}
.footer-logo {
text-align:center
}
}
@media (min-width: 767px) {
.navbar {
padding-left:0;
padding-right:0
}
}
@media (max-width: 1440px) {
.banner-laptop img {
width:inherit;
}
.banner-laptop,
.selling-more-img {
right:-5rem;
}
.slider-content{
padding-top: 3rem;
padding-left: 3.0rem;
padding-right: 3.0rem;
width: 45.0rem;
}
.home-about-content{
width: 45.0rem;
}
.home-about-text-blog ul{
margin-left:45.0rem;
}
.home-about-text-blog li{
width: 28%;
}
}
@media (max-width: 1200px) {
.banner-laptop {
position:absolute;
right:0;
bottom:-6.5rem
}
.banner-laptop img {
width:100%
}
header.masthead .intro-text {
padding-top:18.5rem
}
header.masthead .intro-text .intro-heading {
font-size:2.5rem
}
.footer-menu a {
font-size:1.2rem;
display:block;
clear:both;
}
.login {
padding:.75rem 2rem;
}
.home-about-content{}
.home-about-text-blog{}
.home-about-text-blog ul{
margin-left: 1.5rem;
margin-top: 35.0rem;
}
.relative-position{
height: 95vh;
}
}
@media (max-width: 992px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.footer-menu {
float:none;
margin:0
}
ul.social-buttons {
float:none
}
.destop-browser-bg {
height:300px;
box-shadow:0 5px 15px rgba(0,
0,
0,
.5);
background-size:100%
}
.footer-logo {
text-align:center;
}
.home-about-content{
position: relative;
}
.home-about{
padding-top: 0;
}
.home-about-text-blog ul{
margin-left: 0;
margin-top: 2.5rem;
display: block;
}
.home-about-text-blog li{
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 2.5rem;
}
.slick-dots{
margin-top: 2.0rem;
}
.home-about-text-blog ul{
padding-left: 0;
}
.demo-login-btn {
position: absolute;
right: 6.5rem;
top: 4.2rem;
}
.fixed-menu #mainNav.main-navigation .demo-login-btn {
position: absolute;
right: 6.5rem;
top: 2.2rem;
}
.latest-news-text{
height: auto;
}
.search-job, .drive-down, .hot-candidates{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.fixed-menu #mainNav .navbar-nav .nav-item .nav-link {
color: #fff;
}
.news-post.news-list{
flex-direction: column;
}
.news-post.news-list .post-thumb{
margin-right: 0;
margin-bottom: 2.0rem;
}
.news-post.news-list .post-thumb, .news-post.news-list .post-content{
width: 100%;
}
}
@media (max-width: 767px) {
html {
font-size:55%
}
.navbar {
padding-left:0;
padding-right:0;
padding-top:0
}
#mainNav .container {
padding-left:1rem;
padding-right:1rem
}
.login {
font-size:1.2rem;
padding:.5rem 2rem;
margin-top:.2.5rem
}
/* #mainNav .navbar-toggler {
margin-top:1.12rem
} */
#mainNav .navbar-brand img {
width:100%
}
.fixed-menu #mainNav.main-navigation .container .navbar-toggler {
color:#ff671f
}
.fixed-menu #mainNav.main-navigation .navbar-brand{
width: 7rem;
margin-bottom: 1.0rem;
}
.footer {
padding:2rem
}
.footer-menu {
margin:0;
display:block;
float:none;
overflow:hidden
}
.getademo-form {
margin-top:5rem
}
.slider-content{
width: 94%;
}
.home-about-content{
width: 94%;
}
.home-about{
padding-top: 0;
}
.home-about-content{
position:inherit;
}
.home-about-text-blog ul{
margin-left: 0;
display: block;
padding-left: 0;
}
.home-about-text-blog li{
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-bottom: 2.5rem;
}
.latest-news-blog figure{
width: 100%;
}
.latest-news-text{
width: 100%;
}
.latest-news-blog{
margin: 0;
}
.call-email-logo{
display: block;
}
.call-email-logo .call, .call-email-logo .footer-logo, .call-email-logo .email{
width: 100%;
margin: 1.5rem 0;
}
.footer-menu .heading03, .footer-menu p, .social-link, .nav-list li, .subscribe{
text-align: center;
}
.right-line{
margin-bottom: 2.5rem;
}
#mainNav .navbar-nav .nav-item.active .nav-link, #mainNav .navbar-nav .nav-item .nav-link:hover{
border-radius: 0;
}
.filter-section{
margin-bottom: 5.0rem;
}
.find-call-blue-bg{
padding: 1.0rem;
margin-left: 1.0rem;
}
.find-call-blue-bg .heading05{
font-size: 1.5rem;
}
.find-call-bg{
margin-top: 7.0rem;
}
.demo-login-btn {
position: absolute;
right: 6.5rem;
top: 2.2rem;
}
/* .slider-content{
padding-top: 3px;
} */
.slider-content .heading01, .home-about-content .heading02 {
font-size: 3.5rem;
margin-bottom: 15px !important;
}
.heading02 {
font-size: 3.0rem;
}
.home-about-content{
padding-bottom: 7.3rem;
}
.home-about{
padding-bottom: 5rem;
}
.search-job, .drive-down, .hot-candidates, .latest-news{
padding-top: 6rem;
padding-bottom: 6rem;
}
.home-about .heading03{
font-size: 2.0rem;
}
.home-about-content{
padding-top: 4.7rem;
}
.home-about-content .heading02:after{
top: -4.5rem;
}
}
@media (max-width: 486px) {
header.masthead .intro-text {
padding-top:18rem;
padding-bottom:20rem;
text-align:center
}
.banner-laptop img {
width:75%
}
.banner-laptop {
bottom:-5.5rem;
left:0;
text-align:center;
margin-left:-7%
}
.dashboard-image-blog {
top:12px;
height:288px
}
.demo-login-btn {
position: absolute;
right: 5.0rem;
}
.find-call-blue-bg a{
display: block;
clear: both;
margin-bottom: 1.0rem;
}
.demo-login-btn {
position: absolute;
right: 6.5rem;
top: 5.2rem;
}
}