@media (min-width: 1240px) {
#mobile-nav {
display: none !important;
}
.aside-nav .container {
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
position: static;
}
}
@media (max-width: 850px) and (min-width: 768px) {
.vc_row .vc_col-sm-3 {
width: 50%;
}
}
@media (min-width: 1241px) {
.aside-nav-main {
display: block !important;
}
}
@media (max-width: 1240px) { #wrapper {
margin-left: 0 !important;
margin-right: 0 !important;
}
.m-not-sticky + .content-below-header > .section-page {
padding-top: 0 !important;
}
#header.m-sticky {
position: fixed !important;
top: auto !important;
max-height: 100%;
max-height: calc(100% - 40px);
height: auto;
overflow-y: scroll;
}
.header-transparent .hero-content {
margin-top: 0;
}
.header-lang-list li img {
width:30px;
}
.m-search-disable .search-tool {
display:none;
}
#wrapper .md-no-top-padding {
padding-top: 0 !important;
}
.portfolio-media-element {
margin-bottom: 20px;
}
.m-sticky + #main-content #page-title:not(.page-title-parallax) {
margin-top: 80px;
} .header-style-split-menu .nav-right {
width:auto;
display:table;
padding-left:30px;
}
.header-style-split-menu .nav-left { display: none; }
.header-style-split-menu li.search-tool { left:0 !important; } .m-layout-center .nav-left {
float: none;
text-align: center;
position: static;
display:block;
height:auto;
}
.m-layout-center:not(.m-search-right) li.search-tool {
position: absolute;
left: 9px;
top: 0;
}
.m-layout-center img {
transform: translateX(-50%);
} .has-tablet-logo #logo img {
display: none;
}
.has-tablet-logo #logo img.logo-tablet {
display: block;
}
#sticky-nav {display:none;} #header.m-not-sticky {
position: relative !important;
top: 0;
}
#main-navigation,#main-navigation #main-menu > ul > li > a,#main-navigation .nav-tools li a,.nav-tools li a:not(.btn),#main-navigation.bottom-nav .main-nav-wrapper {
height: 80px;
}
#mobile-menu-btn {
display: table-cell;
}
#main-menu {
display: none;
}
.nav-tools .tools-btn-icon {
font-size: 26px;
}
.nav-tools > li:not(:last-child) {
padding-right: 10px;
}
.header-bg-transparent.header-light .main-nav {
background: #fff !important
}
.header-light .main-nav {
background: #fff !important;
} #page-title:not(.page-title-parallax),
#page-title:not(.page-title-parallax) .page-title-wrapper {
padding-top: 0 !important;
margin-top: 0;
}
#page-title:not(.page-title-parallax),
#page-title:not(.page-title-parallax) .page-title-wrapper {
height: auto !important;
}
#page-title .page-title-inner {
position: relative;
top: auto;
left: auto;
right: auto;
margin-top: 0 !important;
}
#page-title .page-title-inner {
padding: 45px 0;
}
#page-title.page-title-with-bg .page-title-inner {
padding: 75px 0;
}
.breadcrumbs {
margin-top: 9px;
}
#page-title .blog-meta {
margin-top: 11px;
}
#page-title .blog-meta li {
margin-bottom: 5px;
}
#page-title h1 {
font-size: 32px;
} #topbar .topbar-right {
float: none;
width: 100%;
} #aside-nav {
position: static;
width: 100%;
height: auto;
overflow: visible;
padding: 0;
top: 0 !important;
}
#aside-nav #mobile-menu-toggle,
.bottom-nav .upper-nav-wrapper #mobile-menu-toggle {
display: block;
}
.header-style-top-logo-center .main-nav-wrapper .nav-left {
float: left;
}
.header-style-top-logo-center #logo a img {
transform: none;
}
.aside-nav .container {
position: relative;
}
#aside-nav+#nav-toggle,
.aside-nav-main {
display: none;
}
.aside-nav .main-nav-wrapper {
height: auto;
width: 100%;
}
#aside-logo {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 10px 0;
display: inline-block;
float: left;
}
#aside-logo a {
display: block;
overflow: hidden;
}
#aside-logo img {
margin: 0;
height: auto;
max-height: 80px;
width: auto;
} .aside-nav #main-aside-menu > ul > li > a {
padding-left: 0;
padding-right: 0;
}
#main-aside-menu li.menu-item-has-children > a > span.open-child-menu {
right: 0;
}
#main-aside-menu li.menu-item-has-children > a > span.open-child-menu:after {
font-size: 18px;
}
.aside-nav-main {
border-top: 1px solid rgba(0,0,0,0.06);
padding: 14px 0;
}
.header-dark .aside-nav-main {
border-color: rgba(255,255,255,0.06);
} .bottom-nav-wrapper {
display: none;
}  #main-aside-menu > ul > li > ul > li > a {
padding-left: 15px;
}
#main-aside-menu > ul > li > ul > li > ul > li a {
padding-left: 30px;
} #main-content .sidebar,
#main-content .page-content {
width: 100%;
min-height: 0 !important;
float: none;
left: 0;
}
#main-content .sidebar {
padding: 30px 15px 30px;
}
.page-width-stretch .sidebar:after, .page-width-stretch_no_padding .sidebar:after {
display: none;
}
.page-width-stretch .sidebar-wrapper, .page-width-stretch_no_padding .sidebar-wrapper {
padding: 0 8px;
}
.page-width-stretch .page-content {
padding-top: 6px;
} .widget_search input#s {
font-size: 20px;
padding: 10px 40px 10px 15px;
line-height: 1.6em;
}
.search-button {
width: 50px;
}
.nc-icon-outline {
font-size: 30px;
} .widget > h5 {
font-size: 18px;
} .hero-parallax .hero-container,
.veented-slider-parallax .veented-slider-container {
position: static;
transform: none !important;
}
.hero-inner {
transform: none !important;
opacity: 1 !important;
}
.row.row-flex > .col:last-child .vertical-align-middle {
padding-left: 0;
}
.hero-content-narrow .hero-content {
width: 100%;
width: 100%;
}
h1.hero-heading {
font-size: 34px !important;
}
p.hero-subtitle {
font-size: 17px;
}
.aside-left.header-aside-visible .hero-section {
margin-left: 0;
}
.aside-right.header-aside-visible .hero-section {
margin-right: 0;
} .veented-slider .veented-slide-heading {
font-size: 48px !important;
}
.veented-slider .veented-slide-subtitle {
font-size: 18px;
}  h2.cta-heading {
font-size: 32px;
line-height: 1.4em;
}
.cta-subtitle {
font-size: 20px;
} .portfolio-layout-side .portfolio-media,
.portfolio-layout-side .portfolio-content {
float: none;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 860px) {
.hero-content-narrow .hero-content {
width: 99% !important;
}
}
@media (max-width: 768px) {
#page-title.title-align-left #breadcrumbs {
float: none;
text-align: left;
}
#page-title h1 {
font-size: 28px;
}
#page-title.page-title-with-bg h1 {
font-size: 32px;
}
.vc_col-sm-6 + .vc_col-sm-6 {
margin-top: 30px;
} .page-title:not(.title-align-center) .breadcrumbs-holder,
.page-title:not(.title-align-center) .breadcrumbs {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 100%;
transform: none !important;
} .mobile-nav a {
font-size: 16px;
} .hero-content {
padding: 60px 0;
}
.vertical-align-middle {
position: static;
margin-top: auto !important;
}
p.hero-subtitle {
font-size: 16px;
}
p.hero-subtitle.subtitle-fs-bigger {
font-size: 16px !important;
}
.row.row-flex > .col:first-child .vertical-align-middle {
padding-right: 0;
}
.vertical-align-middle.hero-extra-image {
margin-bottom: 55px;
}
.vertical-align-middle.hero-extra-image img {
margin: 0 auto;
} .row-flex > div {
width: 100%;
} .veented-slider .veented-slide-heading {
font-size: 42px !important;
}
.veented-slider .veented-slide-subtitle {
font-size: 17px;
}  .cta-texts,
.cta-buttons {
text-align: center;
float: none;
}
.cta-buttons {
margin-top: 18px;
} #footer #footer-bottom div { text-align: center; }
#footer #footer-bottom .f-social { width: 100%; margin: auto; }
#footer #footer-bottom .copyright { margin-bottom: 10px; } #footer .widget {
margin-bottom: 30px;
} #wrapper .vc_row:not(.vc_row-no-padding) div[class*="col-padding"] {
padding: 0;
} .vntd-contact-form .row > .col-md-6:first-child input {
margin-bottom: 18px;
} .form-control, .section-page input[type="text"], .section-page textarea, .section-page input[type="password"], .section-page input[type="email"] {
font-size: 16px;
padding: 11px 13px;
} #wrapper .vc_tta-panel-heading {
margin: 0;
}
#wrapper .vc_tta-panel-body {
padding: 0 !important;
}
#wrapper .vc_tta-tabs-position-top.vc_tta-style-engage_outline_full .vc_tta-panel-body,
#wrapper .vc_tta-tabs-position-left.vc_tta-style-engage_outline_full .vc_tta-panel-body {
border: 0;
padding: 0;
}
#wrapper .vc_tta.vc_general .vc_tta-panel-title>a {
padding-left: 0;
} .post-holder .post-more, .post-more {
font-size: 15px;
}
.posts-container.blog-style-left_image .post-info,
.blog-style-left_image .post-medias {
padding-left: 0;
padding-right: 0;
width: 100%;
} .pricing-box-button {
font-size: 15px;
padding: 18px 32px;
} .vc_row-no-padding.vc_row-o-equal-height.vc_row-flex .vc_col-sm-6 {
min-height: 330px;
} .portfolio-layout-fullwidth .project-details,
.portfolio-layout-fullwidth .portfolio-content-inner {
float: none;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.portfolio-layout-fullwidth .portfolio-content-inner {
margin-bottom: 35px;
} .veented-slider-scroll-button-holder {
bottom: 5px;
}
.hero-section .btn {
font-size: 14px;
padding: 10px 17px;
} .topbar-mobile #topbar {
display:block;
}
.topbar-mobile #topbar .container > div {
float: none;
width: 100%;
display: block;
}
.topbar-mobile #topbar .container > div:after {
content: "";
display: block;
clear: both;
}
.topbar-mobile #topbar {
height: auto;
padding: 5px 0;
}
.topbar-mobile #topbar .container > div > div {
float: none;
}
.topbar-mobile.topbar-mobile-center #topbar .container > div > div {
text-align: center;
}
.topbar-mobile #topbar .topbar-social a {
float: none;
display: inline;
border: none !important;
}
.topbar-mobile #topbar .container > div > div:last-child {
margin: 0;
}
}
@media (max-width: 480px) { .has-tablet-logo #logo img,
.has-mobile-logo #logo img,
.has-tablet-logo #logo img.logo-tablet {
display: none;
}
.has-mobile-logo #logo img.logo-mobile {
display: block;
} #page-title h1 {
font-size: 26px;
}
#page-title.page-title-with-bg h1 {
font-size: 30px;
} .wpcf7-submit {
font-size: 15px;
padding: 18px 30px;
} .grid-filters > li.cbp-filter-item.cbp-filter-item-active {
margin-bottom: 10px;
}
p.hero-subtitle.subtitle-fs-bigger {
font-size: 15px !important;
}
}
@media (max-width:767px) {
.client-logos-grid .vntd-grid-item {
width: 100%;
}
.client-logos-grid[data-cols-mobile="2"] .vntd-grid-item {
width: 50%;
}
.client-logos-grid[data-cols-mobile="3"] .vntd-grid-item {
width: 33.333%;
}
.client-logos-grid[data-cols-mobile="4"] .vntd-grid-item {
width: 25%;
}
.client-logos-grid[data-cols-mobile="5"] .vntd-grid-item {
width: 20%;
}
}
@media (min-width:768px) and (max-width:1000px) {
.client-logos-grid .vntd-grid-item {
width: 50%;
}
.client-logos-grid[data-cols-tablet="1"] .vntd-grid-item {
width: 100%;
}
.client-logos-grid[data-cols-tablet="3"] .vntd-grid-item {
width: 33.333%;
}
.client-logos-grid[data-cols-tablet="4"] .vntd-grid-item {
width: 25%;
}
.client-logos-grid[data-cols-tablet="5"] .vntd-grid-item {
width: 20%;
}
}