@media screen and (max-width:1200px){
    
    .hero .nav-wrapper{
        padding: 60px 20px;
    }
    
    .hero-inner h1{
        margin-top: 40px!important;
    }
    
    header .nav-toggle{
        right: 25px;
    }
    
    .hero .hero-content{
        width: 80%;
    }
    
    .what-we-do .service-item .service-item-label{
        font-size: 18px;
    }
    
    .service-page .service-full-img{
        height: inherit;
    }
    
    .service-page .service-page-content{
        margin-top: -40px;
    }
    
    footer .footer-logo img{
        width: 70%;
    }
    
    footer .footer-nav{
        display: block;
    }
    
    footer ul.social-icons li{
        float: none;
        display: block;
        margin-bottom: 25px;
    }
}



@media screen and (max-width:991px){
    
    header .nav-toggle{
        top: 5px;
        right: 30px;
    }
    
    .hero{
        min-height: 640px;
    }
    
    .overlay-boxify.open{
        overflow-y: scroll;
    }
    
    .overlay nav{
        top: 0;
        display: block;
        padding: 40px;
    }
    .overlay ul{
        margin-bottom: 40px;
    }
    .overlay ul li a{
        padding: 0;
    }
    
    .service-bg{
        display: none;
    }
    .services-list .service-item-content{
        border-bottom: solid 1px #ebebeb;
    }
    
    
    
    
    .about-page .about-hero-content h1{
        font-size: 28px;
    }
    
    .hero h1{
        font-size: 38px;
    }
    .hero h4{
        font-size: 28px;
    }
    
    .hero-inner{
        min-height: 440px;
    }
    
    .hero-inner h1{
        font-size:26px;
        margin:10px 0 25px 0!important
    }
	.hero-inner h4{
        font-size:18px;
    }
    
    .hero .tab-nav ul li{
        font-size: 20px;
    }
    
    .who-we-are{
        padding: 60px 20px;
    }
    
    .what-we-do{
        height: auto;
    }
    
    .what-we-do .service-item{
        display: flex;    
        align-items: center;
        padding:20px 30px;
        min-height: 100px;
        margin-bottom: 20px;
    }
    
    .what-we-do .service-item .item-icon-box{
        min-height: auto;
    }
    
    .what-we-do .service-item .item-icon{
        width: 50px;
    }
    
    .what-we-do .service-item .service-item-label{
        font-size: 16px;
        text-align: left;
        margin: 0;
        padding-left: 25px;
    }
    
    .what-we-do .service-item .service-item-label span{
        display: inline
    }
    
    .what-we-do .service-item:hover .service-content{
        display: none;
    }
    
    .what-we-do,
    .features-list{
        padding: 60px 0;
    }
    
    .contact-page{
        margin:0; 
    }
    
    
    
    .contact-page .split-blocks{
        display: block;
    }
    
    .contact-page .fx-shadow{
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        
    }
    
    .contact-page .split-blocks .contact-info{
        min-height: 1000px;
        background-size: 80%;
    }
    
    .contact-page .split-blocks .split-col .split-col-inner{
        padding: 60px;
    }
    
    .career-intro,
    .job-openings-block{
        padding: 0 20px;
    }
    
    .job-openings-block .headings{
        padding: 20px 0 40px 0;
    }
    
    .job-openings-block h2,
    .job-openings-block h3{
        font-size: 24px;
    }
    
    .job-openings-block .box{
        min-height: 100px;
    }
    
    .job-openings-block .box h4{
        margin: 0;
    }
    .job-openings-block .box p{
        margin-bottom: 0;
    }
    
    .careers-details{
        padding: 40px 20px;
    }
    
    footer .footer-logo img{
        width: auto;
    }
    
    
}
@media screen and (max-width:768px){
    
    .hero h1{
        margin: 10px 0 15px 0;
    }
    
    .feature{
        min-height: 300px;
    }
    .features-list p{
        margin-bottom: 50px;
    }
    
    .service-page .service-page-content{
        margin-top:-20px;
    }
    
    footer{
        padding: 40px 20px;
    }
    footer ul{
        margin: 0;
    }
    footer ul.social-icons{
        float: left;
    }
    footer ul.social-icons li{
        display: inline-block;
        margin: 0 15px 10px 0;
    }
}
@media screen and (max-width:640px){
    
    
	.use-btn{display:none;}
	nav{margin-top:0px;}
	.overlay ul{margin-left:0px;}
/*	.overlay ul li a{padding:20px 0;min-width:120px;font-size:12px;}*/
}
@media screen and (max-width:465px){
    
    header .brand-logo img{
        width: 160px;
    }
    
    .hero .navbar [class*=' col-']{
        padding: 0;
    }
    
    header .nav-toggle{
        right: 15px;
    }
	
    header .nav-toggle.active{
        right: 340px;
    }
    
	.screenshots ul li{width:100%;min-height:100%;float:none;}
	section.video i{font-size:30px;}
	section.video h1{font-size:15px;font-weight:400;}
	section.video{padding:40px;}
/*	.feature-content{width:100%;text-align:center;margin-top:20px;}*/
	blockquote p{width:60%;}
	.features-slider {padding: 11% 50px 10% 50px;}
}

@media screen and (max-width:360px){
    
    header .brand-logo img{
        width: 120px;
    }
    
    header .nav-toggle{
        right: 15px;
    }
    header .nav-toggle span, .nav-toggle span:before, 
    header .nav-toggle span:after{
        width: 30px;
        
    }
    
    header .nav-toggle span{
        width: 26px;
    }
    
}