@media (max-width: 1199px) and (min-width: 992px) {
}
@media (max-width: 991px) and (min-width: 768px) {
}
@media (min-width: 992px) {
.main-side-left #main [data-vc-stretch-content] {
width: calc( 100% + 13% ) !important;
left: -5% !important;
}
}
@media (max-width: 991px) {
.comments .children {
margin-left: 10px;
}
#back-top{
display: none !important;
}
.main-side-left .menu-container {
margin: 0 auto;
position: relative;
}
.pix-menu{
float: right;
height: 100px;
position: relative;
z-index: 1;
margin-left: 20px;
}
.pix-megamenu .pix-hide-menu-title > a {
display: block !important;
}
.pix-header-small .pix-menu {
height: 46px;
}
.header-con.stuck .pix-menu {
height: 60px;
}
.flyin-sidebar-wrapper .pix-menu{
float: left;
}
.main-side-left #main-wrapper {
padding-top: 80px;
}
.menu-wrap {
display: none;
}
.menu-wrap .pix-menu {
float: none;
height: 62px;
text-align: center;
display: inline-block;
}
.pix-menu-trigger {
position: relative;
display: block;
width: 16px;
height: 24px;
cursor: pointer;
top: 50%;
margin-top: -10px;
}
.pix-menu-trigger span {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 2px;
margin-top: -2px;
background-color: #545452;
font-size: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;		
}
.pix-menu-open .pix-menu-trigger span {
background-color: transparent !important;
}
.pix-menu-trigger span:before,
.pix-menu-trigger span:after {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: #545452;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
-ms-transition: -ms-transform 0.3s;
-o-transition: -o-transform 0.3s;
transition: transform 0.3s;		
}
.pix-menu-trigger span:before {
-webkit-transform: translateY(-250%);
-moz-transform: translateY(-250%);
-ms-transform: translateY(-250%);
-o-transform: translateY(-250%);
transform: translateY(-250%);		
}
.pix-menu-trigger span:after {
-webkit-transform: translateY(250%);
-moz-transform: translateY(250%);
-ms-transform: translateY(250%);
-o-transform: translateY(250%);
transform: translateY(250%);
}
.pix-menu-open .pix-menu-trigger span:before {
-webkit-transform: translateY(0) rotate(45deg);
-moz-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-o-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);		
}
.pix-menu-open .pix-menu-trigger span:after {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);		
}
.sub-menu li.menu-item-has-children > a:after {
content: none;
}
.mobile-menu{
display: block;
}
.main-nav{
display: none !important;
}
.admin-bar .mobile-menu-nav {
margin-top: 0px;
}
.mobile-menu-nav{
display: block;
position: fixed;
left: 0px;
top: 0px;
max-width: 250px;
width: 0px;
background: #fff;
height: 100%;
box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.1);
z-index: 999;
overflow: hidden;
-webkit-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-moz-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-ms-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-o-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
}
.mobile-menu-nav.moved{
width: 250px;
-webkit-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-moz-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-ms-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-o-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
}
.mobile-menu-nav .mobile-menu-inner{
height: 100%;
overflow-y: auto;
overflow-x: hidden;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.mobile-menu-nav ul{
list-style: none;
margin-top: 0;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
.mobile-menu-nav .menu .sub-menu {
padding-left: 0;
margin-left: 0;
background: #f7f7f7;
box-shadow: inset 0px 1px 1px #EBEBEB;
}
.mobile-menu-nav .sub-menu {
display: none;
}
.mobile-menu-nav li{
margin-bottom: 0px;
padding-bottom: 0px;
position: relative;
border-bottom: 1px solid #efefef;		
text-transform: uppercase;
font-family: Lato, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
.mobile-menu-nav .sub-menu li:last-child{
border-bottom: none;
}
.mobile-menu-nav li a {
color: #868686;
display: block;
padding: 10px 0 10px 15px;
}
.mobile-menu-nav .sub-menu li a {
padding-left: 25px;
}
.mobile-menu-nav .sub-menu .sub-menu li a {
padding-left: 35px;
}
.mobile-menu-nav li a:hover, .mobile-menu-nav li.current-menu-item a {
color: #1d1d1b;
} .mobile-menu-nav .menu-item-has-children > .pix-dropdown-arrow{
display: initial;
width: 34px;
height: 38px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.mobile-menu-nav .menu-item-has-children > .pix-dropdown-arrow:after{
content: "6";
display: inline-block;
font-family: "pix-fonts";
font-size: 14px;
color: #868686;
font-weight: normal;
vertical-align: middle;
position: absolute;
right: 10px;
top: 0;
line-height: 38px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;				
}
.mobile-menu-nav .menu-item-has-children > .pix-dropdown-arrow.pix-bottom-arrow:after{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.mobile-menu-nav .menu-item-has-children > .pix-dropdown-arrow:hover:after, .mobile-menu-nav.menu-dark .menu-item-has-children > .pix-dropdown-arrow:hover:after{
color: #1d1d1b;
}
.mobile-menu-nav .pix-megamenu ul ul > .menu-item-has-children > a .pix-dropdown-arrow:after{
content: none;
}
#content-pusher.content-pushed {
left: 250px;
z-index: 2;		
}
.pix-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px;
background: #000;
opacity: .7;
z-index: 20;
}
.header-con.stuck {
position: static;
} #content-pusher.content-pushed .header-con.stuck {
left: 250px;
}
.header-con.stuck #logo{
margin-top: 0;
margin-bottom: 0;
}
.header-con.stuck .m-sticky{
display: block;
background: #fff;
height: 60px;
}
.header-2 #logo {
float: left;
}
.main-side-left {
padding-left: 0;
}
.main-side-left.main-side-right {
padding-right: 0;
}
.main-side-left #logo{
position: absolute;
left: 0;
line-height: 80px;
text-align: center;
}
.main-side-left .pix-menu {
height: 80px;
margin-right: 15px;
}
.main-side-left .left-main-menu {
width: 100%;
height: 80px;
position: relative;
-webkit-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-moz-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-ms-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
-o-transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
transition: all .33s cubic-bezier(0.694,0.0482,0.335,1);
}
.admin-bar .main-side-left .left-main-menu {
margin-top: 0px;
} .portfolio-contents .col-md-3 {
width: 49.99%;
}
#filters {
margin-bottom: 40px;
}
.footer-fixed {
position: relative;
z-index: 1;
}
.main-side-left .footer-fixed {
padding-left: 0;
}
.col4 .widget {
width: 48%;
margin-right: 4%;
}
.col4 .widget:nth-child(2n) {
margin-right: 0;
}
.col4 .widget:nth-child(2n+1) {
clear: both;
}
}
@media (max-width: 782px) {
.admin-bar .header-con.stuck {
margin-top: 46px;
}
}
@media (max-width: 767px) {
.container, .main-side-left .menu-container, .main-side-left .container {
width: 100%;
}	
#sub-header.align-left .breadcrumb{
float: left;
}
.owl-theme .owl-controls .owl-buttons div {
left: -13%;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
left: auto;
right: -13%;
} .callOut .callout-content {
padding-right: 0;
}
.callOut .buttons {
position: static;
margin-top: 30px;
top: 0;
margin-left: 84px;
} .wpb_column .icon-box, .wpb_column .wpb_column .icon-box, .wpb_column .counter-box, .wpb_column .wpb_column .counter-box, .wpb_column .process, .wpb_column .wpb_column .process  {
margin-bottom: 40px !important;
}
.wpb_column .wpb_column:last-child .icon-box:last-child, .wpb_column .wpb_column:last-child .counter-box:last-child, .wpb_column .wpb_column:last-child .process:last-child {
margin-bottom: 0 !important;
}
.portfolio-img img {
width: 100%;
} .pix-staffs-con.col4 {
width: 285px;
margin-left: auto;
margin-right: auto;
}
.pix-staffs-con.col3 {
width: 360px;
margin-left: auto;
margin-right: auto;
} footer.footer .col3 .widget, footer.footer .col4 .widget {
width: 100%;
margin-bottom: 40px;
margin-right: 0;
}
.pageTopCon {
height: auto;
line-height: inherit;
}
.pull-left, .pull-right {
float: none !important;
text-align: center;
}
.header-center {
display: inline-block;
}
.header-elem {
margin-top: 20px;
}
.pageTop p {
line-height: inherit;
}
#inner-header .widget-right {
margin-top: 24px;
}
.slider-content .slide-title {
font-size: 52px !important;
font-size: 6vw !important;
line-height: 61px !important;
line-height: 8vw !important;
}
.slider-content .slide-content {
font-size: 21px !important;
font-size: 2.5vw !important;
line-height: 32px !important;
line-height: 4.5vw !important;
}
}
@media (max-width: 600px) {
.admin-bar .header-con.stuck {
margin-top: 0px;
}
.admin-bar .main-side-left .left-main-menu {
margin-top: 0px;
}
}
@media (max-width: 480px) {
.portfolio-contents .col-md-3 {
width: 100%;
}
.mid_placement .owl-carousel {
max-width: 250px;
}
.slider-content .slide-title {
font-size: 32px !important;
font-size: 8vw !important;
line-height: 47px !important;
line-height: 11vw !important;
}
.slider-content .slide-content {
font-size: 21px !important;
font-size: 3.5vw !important;
line-height: 21px !important;
line-height: 6vw !important;
}
}
@media (max-width: 320px) {
}
@media (min-width: 992px){
}
@media (min-width: 1200px){
}