@media (max-width: 1260px) {
.navbar .navbar-header {
width: auto;
margin-left: 0; }
.navbar .navbar-header .navbar-brand {
margin-left: 25px; }
.navbar .navbar-header .navbar-toggle {
display: block;
position: relative;
width: 22px;
height: 14px;
border: none;
background: none;
outline: none;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer; }
.navbar .navbar-header .navbar-toggle:focus {
background: none; }
.navbar .navbar-header .navbar-toggle:hover {
background: none; }
.navbar .navbar-header .navbar-toggle:hover span {
background: #111; }
.navbar .navbar-header .navbar-toggle span {
display: block;
position: absolute;
width: 100%;
height: 2px;
background: #999;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out; }
.navbar .navbar-header .navbar-toggle span:nth-child(2) {
top: 0; }
.navbar .navbar-header .navbar-toggle span:nth-child(3) {
top: 2px; }
.navbar .navbar-header .navbar-toggle span:nth-child(4) {
top: 8px; }
.navbar .navbar-header .navbar-toggle.open span:nth-child(2) {
top: 8px;
transform: rotate(135deg); }
.navbar .navbar-header .navbar-toggle.open span:nth-child(3) {
opacity: 0;
left: -32px; }
.navbar .navbar-header .navbar-toggle.open span:nth-child(4) {
top: 4px;
transform: rotate(-135deg); }
.navbar .navbar-collapse {
margin-top: 15px;
padding-left: 25px;
padding-right: 25px;
max-height: 100%;
border: none;
box-shadow: none; }
.navbar .navbar-collapse .nav-main-menu-items {
float: none; }
.navbar .navbar-collapse .navbar-right {
margin-left: -15px;
float: none; }
.navbar .navbar-collapse .navbar-nav {
padding-left: 15px;
padding-right: 15px; }
.navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
padding-top: 10px;
height: 100%;
border: none; }
.navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-banner {
display: none; }
.navbar .navbar-collapse .navbar-nav .dropdown .search-dropdown li form input[type="search"]:focus {
width: 100%; }
.navbar .navbar-right {
margin-right: 0; }
nav:not(.navbar-small) .navbar-header .navbar-toggle {
margin-top: 20px; }
.navbar-inverse .navbar-header .navbar-toggle:hover span {
background: #ececec; }
.navbar-inverse .navbar-header .navbar-toggle span {
background: #999;
transition: background .3s; } }
@media (max-width: 1260px) {
.navbar-header {
float: none; }
.navbar-left, .navbar-right {
float: none !important; }
.navbar-toggle {
display: block; }
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
.navbar-collapse.collapse {
display: none !important; }
.navbar-nav {
float: none !important;
margin-top: 7.5px; }
.navbar-nav > li {
float: none; }
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px; }
.collapse.in {
display: block !important; }
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none; } }
@media (max-width: 600px) {
nav.mobile-nav.navbar-small {
margin-top: 0 !important; } } @media (max-width: 770px) {
.page-title {
padding-right: 35px;
padding-left: 35px; }
.page-title .breadcrumb {
display: block;
margin-top: 50px;
float: left;
text-align: left; } } @media (max-width: 770px) {
.copyright {
text-align: center; }
.copyright .to-the-top {
float: none !important; } }  @media (max-width: 992px) {
.ft-centered {
max-width: 450px;
margin: 0 auto 50px auto; } }
@media (max-width: 992px) {
.ft-x {
max-width: 550px;
margin: auto; } }
@media (max-width: 992px) {
.ft-right,
.ft-left {
max-width: 550px;
margin: auto;
margin-bottom: 50px; } } @media (max-width: 992px) {
.ft-cards {
max-width: 550px;
margin: auto; } } @media (max-width: 1260px) {
.ft-cards-2 .ft-card-item {
width: 350px;
height: auto;
padding-bottom: 50px;
margin: 0 auto 50px auto; }
.ft-cards-2 .ft-card-item img {
display: block;
float: none;
max-width: none; }
.ft-cards-2 .ft-card-item .ft-content {
display: block;
float: none;
width: auto; } }
@media (max-width: 992px) {
.ft-cards-2 .ft-card-item {
width: 290px; }
.ft-cards-2 .ft-card-item img {
max-width: 290px; } } @media (max-width: 992px) {
.ft-steps-numbers {
margin-bottom: 50px; } } @media (max-width: 992px) {
.ft-boxed-hover .ft-item {
margin: auto;
max-width: 330px; } } @media (max-width: 992px) {
.ft-image-hover .ft-item .bg-overlay {
background: rgba(17, 17, 17, 0.8); }
.ft-image-hover .ft-item .content-wrapper {
bottom: 100px; }
.ft-image-hover .ft-item .content-wrapper .ft-button {
opacity: 1; } }
@media (max-width: 770px) {
.ft-image-hover .ft-item .content-wrapper {
left: 30px;
right: 30px; } } @media (max-width: 992px) {
.link-cards-wrapper {
max-width: 550px;
margin: auto; } } @media (max-width: 1260px) {
.team-member .t-item {
max-width: 360px;
margin: 0 auto; }
.team-member .t-item:hover {
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.team-member .t-item:hover .t-image .t-description {
bottom: auto; }
.team-member .t-item:hover .t-image .t-description .content-wrapper {
padding-top: 30px; }
.team-member .t-item .t-image {
height: auto;
overflow: visible; }
.team-member .t-item .t-image .t-description {
position: relative;
padding: 30px 30px 0 30px;
bottom: auto;
left: auto;
height: auto;
width: auto; }
.team-member .t-item .t-image .t-description .content-wrapper {
opacity: 1;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ebebeb; }
.t-join {
max-width: 360px;
margin: 0 auto; }
.team-member-img {
max-width: 360px;
margin: auto; }
.team-member-img .t-image {
transform: translateY(-50px); }
.team-member-img .t-info {
transform: translateY(-50px); }
.team-member-img .t-info .social-links li {
transform: translateY(-25px); } }
@media (max-width: 600px) {
.team-member .t-item {
width: 290px;
margin: 0 auto; }
.team-member .t-item:hover {
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15); }
.team-member .t-item:hover .t-image .t-description {
bottom: auto; }
.team-member .t-item:hover .t-image .t-description .content-wrapper {
padding-top: 30px; }
.team-member .t-item .t-image {
width: 290px;
height: auto;
overflow: visible; }
.team-member .t-item .t-image .t-description {
position: relative;
padding: 30px 30px 0 30px;
bottom: auto;
left: auto;
height: auto;
width: auto; }
.team-member .t-item .t-image .t-description .content-wrapper {
opacity: 1;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ebebeb; }
.t-join {
width: 290px; } } @media (max-width: 992px) {
.testimonial-cards {
margin: auto;
max-width: 550px; } }
@media (max-width: 600px) {
.t-slider blockquote {
font-size: 1.1em; }
.t-slider .slick-prev {
left: 0;
margin-left: -75px; }
.t-slider .slick-next {
right: 0;
margin-right: -75px; }
.t-clients li a img {
margin: auto; } } @media (max-width: 992px) {
.pricing-table .p-table {
max-width: 550px;
margin: auto; } } @media (max-width: 992px) {
.cta-newsletter .cta-wrapper input[type="email"] {
width: 85%; } }
@media (max-width: 770px) {
.cta-newsletter .cta-wrapper input[type="email"] {
width: 85%;
font-size: 2.2em; } }
@media (max-width: 600px) {
.cta-link .cta-wrapper h3 {
letter-spacing: 3px; }
.cta-newsletter .cta-wrapper input[type="email"] {
font-size: 1.7em; } }  @media (max-width: 992px) {
.portfolio-masonry .p-item,
.portfolio-masonry .grid-sizer,
.portfolio-masonry-2 .p-item,
.portfolio-masonry-2 .grid-sizer,
.portfolio-masonry-3 .p-item,
.portfolio-masonry-3 .grid-sizer {
width: 100%;
margin-left: auto;
margin-right: auto; } }  @media (max-width: 600px) {
.contact-1 .contact-wrapper .definity-gmap {
height: 700px !important; }
.contact-1 .contact-wrapper .contact-info-wrapper {
padding: 50px; } } @media (max-width: 992px) {
.contact-2 .address-info ul li {
margin: auto !important;
width: 30%; }
.contact-2 .address-info ul li:last-child {
margin-bottom: 0 !important; }
.contact-2 .address-info ul li .adr-icon {
padding-right: 0 !important;
float: none !important; }
.contact-2 .address-info ul li .adr-group {
text-align: center !important;
float: none !important; }
.contact-2 .address-info ul li .adr-group .adr-heading {
display: block; } }
@media (max-width: 770px) {
.contact-2 .address-info ul li {
width: 100%;
margin-bottom: 50px !important; } } @media (max-width: 770px) {
.contact-3 .form-wrapper {
padding: 100px 50px 50px 50px; }
.contact-3 .form-wrapper .form-group {
padding-left: 0;
padding-right: 0; } }
@media (max-width: 600px) {
.contact-3 .form-wrapper {
padding: 75px 35px; }
.contact-3 .form-wrapper .form-group {
padding-left: 0;
padding-right: 0; }
.contact-3 .form-wrapper form {
text-align: center; }
.contact-3 .form-wrapper form input[type="submit"] {
padding-left: 25px;
padding-right: 25px; } } @media (max-width: 770px) {
.contact-4 .contact-info address {
padding-left: 25px;
padding-right: 50px; }
.contact-4 .contact-info address ul {
width: 100%; }
.contact-4 .contact-form {
margin-bottom: 100px;
padding-left: 25px;
padding-right: 25px; } } @media (max-width: 992px) {
.blog-post {
margin: auto;
max-width: 550px; }
.author-description {
padding: 50px 25px; }
.author-description .ad-description {
max-width: 100%;
font-size: 1em; }
.author-description .ad-description:before {
width: 100%; }
.author-description .ad-description:after {
width: 100%; }
aside.sidebar {
padding-top: 100px;
clear: both; }
.comments-area .comment-list .comment .children {
margin-left: 0; } }
@media (max-width: 600px) {
nav.post-navigation .nav-links .nav-previous,
nav.post-navigation .nav-links .nav-next {
display: block;
float: none;
text-align: center; }
nav.post-navigation .nav-links .nav-next {
margin-top: 10px; } } @media (max-width: 770px) {
.wrapper-404 .content-wrapper .lead-404 {
font-size: 100px; } }