@media screen and (max-width: 1199px) and (min-width: 992px) {

	

}





@media screen and (max-width: 991px) and (min-width: 768px) {

	

}



@media screen and (min-width: 992px) {

	.main-side-left #main [data-vc-stretch-content] {

		    width: calc( 100% + 13% ) !important;

		    left: -5% !important;

	}

}



@media screen and (max-width: 991px) {



	.comments .children {

		margin-left: 10px;

	}



	.container, .main-side-left .menu-container, .main-side-left .container {

		width: 682px;

	}



	#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 .pix-megamenu .sub-menu .sub-menu li > a, .mobile-menu-nav .pix-megamenu .sub-menu .sub-menu li > a:hover{

		padding-left: 25px;

	}*/



	.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;

	}



	/* Mobile Menu */

	#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 */

	.portfolio-contents .col-md-3, .gallery-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;

	}



	.pix-portfolio-item {

		width: 100%;

	}

}





@media screen and (max-width: 782px) {

	.admin-bar .header-con.stuck {

		margin-top: 46px;

	}

}





@media screen and (max-width: 767px) {

	
div#nav_menu-2 {    width: 100% !important;    margin-bottom: 0 !important;}
div#nav_menu-3 {    width: 100% !important;    margin-top: 10px !important;}
.client {    width: 100%;}


	.container, .main-side-left .menu-container, .main-side-left .container {

		width: 428px;

	}	



	#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 Box */

	.callOut .callout-content {

		padding-right: 0;

	}

	

	.callOut .buttons {

		position: static;

		margin-top: 30px;

		top: 0;

		margin-left: 84px;

	}



	/* Portfolio */

	.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%;

	}



	/* Staffs */

	.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.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: 0;
    float: none;

	}



	.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 screen and (max-width: 600px) {

	.admin-bar .header-con.stuck {

		margin-top: 0px;

	}

	.admin-bar .main-side-left .left-main-menu {

		margin-top: 0px;

	}

}





@media screen and (min-width: 481px) {



.pix-portfolio-item.col-md-6.height-350 .portfolio-container, .pix-portfolio-item.col-md-6.height-350 .portfolio-img, .pix-portfolio-item.col-md-6.height-300 .portfolio-container, .pix-portfolio-item.col-md-6.height-300 .portfolio-img {

	padding-bottom: calc(50% - 15px);

}



.margin-no .pix-portfolio-item.col-md-6.height-350 .portfolio-container, .margin-no .pix-portfolio-item.col-md-6.height-350 .portfolio-img, .margin-no .pix-portfolio-item.col-md-6.height-300 .portfolio-container, .margin-no .pix-portfolio-item.col-md-6.height-300 .portfolio-img {

	padding-bottom: 50%;

}



.pix-portfolio-item.col-md-3.height-700 .portfolio-container, .pix-portfolio-item.col-md-3.height-700 .portfolio-img, .pix-portfolio-item.col-md-3.height-600 .portfolio-container, .pix-portfolio-item.col-md-3.height-600 .portfolio-img {

	padding-bottom: calc(200% + 30px);

}



.margin-no .pix-portfolio-item.col-md-3.height-700 .portfolio-container, .margin-no .pix-portfolio-item.col-md-3.height-700 .portfolio-img, .margin-no .pix-portfolio-item.col-md-3.height-600 .portfolio-container, .margin-no .pix-portfolio-item.col-md-3.height-600 .portfolio-img {

	padding-bottom: 200%;

}



.pix-portfolio-item.col-md-6.height-400 .portfolio-container, .pix-portfolio-item.col-md-6.height-400 .portfolio-img {

	padding-bottom: calc(50% - 15px);

}



.margin-no .pix-portfolio-item.col-md-6.height-400 .portfolio-container, .margin-no .pix-portfolio-item.col-md-6.height-400 .portfolio-img {

	padding-bottom: 50%;

}



.pix-portfolio-item.col-md-12.height-500 .portfolio-container, .pix-portfolio-item.col-md-12.height-500 .portfolio-img {

	padding-bottom: calc(40% + 30px);

}



.margin-no .pix-portfolio-item.col-md-12.height-500 .portfolio-container, .margin-no .pix-portfolio-item.col-md-12.height-500 .portfolio-img {

	padding-bottom: 40%;

}



.pix-portfolio-item.col-md-6.height-500 .portfolio-container, .pix-portfolio-item.col-md-6.height-500 .portfolio-img {

	padding-bottom: calc(75% + 30px);

}



.margin-no .pix-portfolio-item.col-md-6.height-500 .portfolio-container, .margin-no .pix-portfolio-item.col-md-6.height-500 .portfolio-img {

	padding-bottom: 75%;

}



}



@media screen and (max-width: 480px) {

	

	.container, .main-side-left .menu-container, .main-side-left .container {

		max-width: 80%;

		min-width: 280px;

	}



	.portfolio-contents .col-md-3, .gallery-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 screen and (max-width: 320px) {



	.container, .main-side-left .menu-container, .main-side-left .container {

		min-width: 80%;

	}



}





@media screen and (min-width: 992px){

	

}





@media screen and (min-width: 1200px){

	

}