@media only screen and (min-width: 1281px), only screen and (min-device-width: 1281px) {
	.navbar .logo a img {
		height: 100px;
	}
}
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	.navbar .logo a img {
		height: 50px !important;
	}
	.page-header .inner-content{
		top: 30%;
	}
	.navigation-menu .inner ul li{
		margin-bottom:15px;
	}
	.navigation-menu .inner ul li a{
		font-size:3.5vw;
	}
	.footer-bottom-area .wrapper .top-footer, ul.footer-contact-info{
		display:block;
	}	
	ul.footer-contact-info li{
		float:none;
		border-right:none;
		width:100%;
		max-width:100%;
		border-bottom:1px solid #e5e5e5;
	}
	ul.footer-contact-info li:last-child{
		border-bottom:none;
	}
	ul.footer-contact-info li .single-footer-contact-info .inner{
		padding:25px;
	}
	.m-grid{
		column-count: 2;	
	}
	.projlisting.grid .grid-item{
		width:100%;
		padding:0px 15px !important;
	}
	.project-description-area{
		padding:3rem 0;
	}
	.project-description-area .pattern-bg{
		display:none;
	}
	.project-description-image-box{
		display:flex;
		width:100%;
	}
	.project-description-content{		
		padding-left:0px;
	}
	.jx-portfolio{
		padding:0rem 15px 9rem;
	}
	.jx-portfolio .grid-item, .projlisting.grid .grid-item{
		width:100%;
		margin-bottom:1rem;
	}
	.jx-portfolio .grid-item:last-child{
		margin-bottom:0rem;
	}
	.text-content-block .whatwedo{
		padding-bottom:1rem !important;
	}	
	.whatwedo ul li{
		margin-right:0px;
		width:165px;
		height:11em;
	}
	.whatwedo ul li div{
		width: 7em;
		height: 7em;
		padding:1.3em;
	}
	.whatwedo ul li img{
		width: 4em;
		height: 4em;
	}
}
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
	.header .slide-inner {
		padding: 0 60px;
		padding-left: 120px;
	}
	.side-content-block .inner {
		width: 60%;
	}
	.navbar .logo a img {
		height: 50px;
	}
}
/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.navbar {
		padding: 30px 25px;
	}
	.navbar .logo a img {
		height: 50px;
	}
	.navigation-menu.open address {
		display: none;
	}
	.navigation-menu .inner ul {
		width: 100%;
	}
	.navigation-menu .inner ul li{
		margin-bottom:10px;
	}
	.navigation-menu .inner ul li a {
		font-size: 30px;
	}
	.header:after {
		height: 30px;
		left: 25px;
	}
	.header .social-media {
		bottom: 40px;
		left: 25px;
	}
	.header .swiper-container .swiper-button-prev {
		display: none;
	}
	.header .swiper-container .swiper-button-next {
		display: none;
	}
	.header .slide-inner {
		padding: 0 10px;
	}
	.header .swiper-container .swiper-slide h5 {
		font-size: 17px;
	}
	.header .swiper-container .swiper-slide h5:before {
		display: none;
	}
	.header .swiper-container .swiper-slide h2 {
		font-size: 60px;
	}
	.header .swiper-container .swiper-pagination-fraction {
		display: none;
	}
	.page-header{
		position: absolute;
		padding:0rem;
		min-height:50vh;
	}
	.page-header .inner-content{
		position:relative;
		top:auto;
	}
	.page-header .inner-content .inner {
		padding: 0 10px;
	}
	.page-title h2{
		font-size:25px;
	}
	.page-header .social-media {
		left: 25px;
	}
	.text-content-block{
		padding:3rem 0rem;
	}
	.ptitlerow{
		margin:0px;
	}
	.pgtitle{
		padding:1rem;
	}
	.sec-title .title{
		font-size:30px;
	}
	.whatwedo ul li{
		margin-right:0px;
		width:165px;
		height:10em;
	}
	.whatwedo ul li div{
		width: 6em;
		height: 6em;
		padding:1.3em;
	}
	.whatwedo ul li img{
		width: 3em;
		height: 3em;
	}
	.text-content-block .whatwedo{
		padding-bottom:2rem !important;
	}	
	.footer-bottom-area .wrapper .top-footer, ul.footer-contact-info{
		display:block;
	}	
	ul.footer-contact-info li{
		float:none;
		border-right:none;
		width:100%;
		max-width:100%;
		border-bottom:1px solid #e5e5e5;
	}
	ul.footer-contact-info li:last-child{
		border-bottom:none;
	}
	ul.footer-contact-info li .single-footer-contact-info .inner{
		padding:25px;
	}
	.jx-portfolio{
		padding:0rem 15px 9rem;
	}
	.jx-portfolio .grid-item, .projlisting.grid .grid-item{
		width:100%;
		margin-bottom:1rem;
	}
	.jx-portfolio .grid-item:last-child{
		margin-bottom:0rem;
	}
	.projlisting.grid .grid-item{
		width:100%;
	}
	.footer-bottom-area .wrapper .bottom-footer{
		font-size: 12px;
		line-height: 28px;
	}
	.single-project-style1 .img-holder .title-box h3{
		font-size:1.1rem;
	}
	.project-description-area{
		padding:3rem 0;
	}
	.project-description-area .pattern-bg{
		display:none;
	}
	.project-description-image-box{
		display:flex;
		width:100%;
	}
	.project-description-content{		
		padding-left:0px;
	}
	.m-grid{
		column-count: 1;	
	}
	.projectimagewrapper{
		padding:0px 15px;
	}
	.project-description-area .sec-title .title, .main-project-area .sec-title .title{
		font-size:24px !important;
	}
	.projects-pagination{
		margin-bottom: 6rem;
	}
	.prevlink, .centerink{
		padding-bottom:0.5rem;
	}
	.prevlink, .centerink, .nextlink{
		text-align:center;
	}
}
@media (min-width: 768px) {
	
}
@media screen and (max-height:800px) {
    .mobx-video:before,
    .mobx-video:after {
        width: 60px;
        height: 60px;
        margin: -34px 0 0 -34px;
        background-size: 125px;
        background-position: 22px -294px
    }
}
@media screen and (max-height:360px) {
    .mobx-video:before,
    .mobx-video:after {
        width: 40px;
        height: 40px;
        margin: -24px 0 0 -24px;
        background-size: initial;
        background-position: 14px -208px;
        border-width: 3px
    }
}
@media screen and (max-width:400px) {
    .mobx-timer {
        margin: 10px 0
    }
    .mobx-top-bar button {
        margin: 2px 0
    }
}
@media screen and (max-width:360px) {
    .mobx-counter {
        margin: 0 6px 0 4px
    }
    .mobx-top-bar button {
        width: 34px
    }
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:380px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:380px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:380px), only screen and (min-device-pixel-ratio:2) and (max-width:380px) {
    .mobx-top-bar button {
        width: 40px
    }
}