@media (min-width: 768px) and (max-width: 1024px) { .responsive-logo { position: relative; padding-top: 15px;
}
.responsive-logo a {
float: none !important;
}
.responsive-nav {
text-align: center;
width: 40%;
padding-top: 20px;
}
.responsive-nav li {
margin-bottom: 15px;
margin-top: 0 !important;
} .intro {
margin-top: 40%;
line-height: 55px;
font-size: 45px;
} .big-intro {
text-align: center !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
} .team-member .profile-pic {
width: 128px;
height: 128px;
}
.team-member .details {
display: none;
} .purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
text-align: center;
margin-bottom: 20px;
}
.purchase-now .button {
float: none;
} footer {
padding-top: 40px;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
}
@media (max-width: 767px) {
.bs-navbar-collapse {
border: 0;
}
.navbar-inverse .navbar-nav {
padding-left: 10px;
line-height: normal;
text-align: center;
}
.navbar-inverse .navbar-nav>li {
display: inline-block;
margin-bottom: 0;
} .header {
min-height: inherit;
padding-bottom: 75px;
}
.intro {
line-height: 55px;
font-size: 40px;
} .big-intro {
text-align: center !important;
font-size: 8vw !important;
}
.about-us .column {
margin-bottom: 40px;
}
.skills {
margin-bottom: 78px !important;
} .purchase-now {
margin: auto;
text-align: center !important;
}
.purchase-now h3 {
text-align: center;
margin-bottom: 20px;
}
.purchase-now .button {
float: none;
} footer {
padding-top: 40px;
}
.company-details {
padding-top: 0;
padding-bottom: 33px;
}
.copyright {
width: 100%;
padding-top: 33px;
padding-bottom: 33px;
}
}
@media (max-width: 480px) { .intro {
margin-top: 60%;
line-height: 6vh;
font-size: 6.5vw;
}
h2 {
font-size: 6.5vw !important;
}
.other-focus-list ul li {
display: block;
text-align: left;
margin-right: 0;
}
}
@media only screen (max-width: 320px) {
.intro {
line-height: 25px;
font-size: 7vw;
}
.client-list ul li {
display: block;
}
}