@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	header .navbar-collapse {
		position: absolute;
		width: 100%;
		background-color: rgb(255, 255, 255);
		top: 87px;
		left: 0px;
		width: 100%;
		margin: 0px;
		z-index: 9;
		/*padding: 15px;*/
	}
	#main-nav.affix .navbar-collapse{
		top: 72px;
	}
	#main-nav .navbar-right{
		padding: 15px 0;
		margin: 0;
	}
	body #main-nav .navbar-right li:first-child,
	body #main-nav .navbar-right li,
	body #main-nav .navbar-right li:last-child{
		padding: 0;
	}
	#footer .content-column .content-box > .row{
		margin: 0;
	}
	#main-nav .navbar-right li:last-child > a{
		margin-bottom: 0;
	}
	.share-point-service{
		height: auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	#main-nav .navbar-toggle{
		margin-top: 15px;
	}
	#about-section {
		bottom: 85px;
		position: absolute;
	}
	#serviceA, 
	#clientsA,
	#testimonialsA {
		bottom: 88px;
		position: absolute;
	}
	#contactA {
		top: -88px;
	}
	#about .about-heading h2{
		margin-top: 30px;
	}
}
@media screen and (min-width: 320px) and (max-width: 767px){
	header .navbar-collapse {
		top: 82px;
		left: 15px;
	}
	#about-section {
		bottom: 80px;
		position: absolute;
	}
	#serviceA, 
	#clientsA,
	#testimonialsA{
		bottom: 83px;
		position: absolute;
	}
	#contactA {
		top: -83px;
	}
	.about-promena form .input-group > span {
	    float: left;
	    width: calc(100% - 145px);
	}
	#footer .call-back-form .btn{
		width: 130px;
	    padding: 17px 0;
	}
}

@media only screen and (max-width: 1500px) {
	
}
@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 991px) {
	.flexslider .slides > li{
		height:auto;
	}
	.share-point-service{
		top:10px;
	}
	.share-point-service h2{
		padding: 0 0 5px;
	}
	.share-point-service p{
		font-size: 15px;
		padding: 0 0 15px;
	}
	.services-style-one .service-block{
		padding:0 0 20px;
	}
	.services-style-one .service-block .service-content{
		height:auto;
	}
	.services-style-one .service-block .service-content .inner-box{
		vertical-align:top;
	}	
	.services-style-one .service-block h4{
		font-size:32px;
		line-height:34px;
	}
	.owl-carousel .owl-item{
		width:345px !important;
	}
	#footer .content-column,#footer .services-column{
		width:100%;
	}
	#footer .services-column .content-outer, #footer .content-column  .content-box{
		float:left;
		max-width:100%;
	}
	#footer .about-promena{
		/*padding-left:13%;
		padding-right:13%;*/
		padding-left: 0;
		padding-right: 0;
		min-height:360px;
	}
	#footer .request-call-back{
		padding-right: 0;
	}
	#footer .office-location{
		padding-top:15px;
		/*padding-left:13%;
		padding-right:13%;*/
		padding-left: 0;
		padding-right: 0;
	}
	#footer .address{
		padding-left:0;
	}
	.navbar-header img{
		width:220px;
	}
	#main-nav .navbar-right li{
		padding: 0 13px;
	}
	#main-nav .navbar-right li:first-child {
        padding-left: 13px;
		padding-right:13px;
    }
	.share-point-service{
		position: inherit;
		padding-top:20px;
	}
	.services-style-one .service-block .service-img img{
		width:250px;
		height:250px;
	}
	#footer .request-call-back{
		padding-bottom:30px;
	}
	#footer .content-column  .content-box{
		padding:30px 0 30px 0;
	}	
}
@media only screen and (max-width: 767px) {
	.share-point-service h2,.share-point-service p{
		padding-bottom:10px;
	}
	.share-point-service .contec-form .second-div{
		padding-left:15px;
	}
	.services-style-one .service-block .service-content{
		display:inline-block;
		vertical-align:top;
		height:auto;
		padding:0 15px;
	}
	.services-style-one .service-block .service-img{
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
	#about .about-heading h2{
		padding:20px 0;
	}
	.owl-carousel .owl-item{
		width:353px !important;
	}
	.navbar-header img{
		padding-left:15px;
	}
}
@media only screen and (max-width: 639px){
	#service .service-heading h2,#clients .portfolio-heading h2,#testimonials .testimonials-heading h2,#contact .contact-heading h2{
		font-size:28px;
		line-height:46px;
	}
	.services-style-one .service-block h4{
		font-size:36px;
		line-height:37px;
	}
	.owl-carousel .owl-item{
		width:450px !important;
	}
}
@media only screen and (max-width: 479px) {
	.owl-carousel .owl-item{
		width:293px !important;
	}
	#bottom-footer img{
		margin-top:0;
	}
	.flexslider .slides img{
		height: 350px;
	}
}
@media only screen and (max-width: 1024px) {
    .container-fluid-main:hover .service-img:before,
	.container-fluid-main:hover:before,
	.container-fluid-main2:hover .service-img:before ,
	.container-fluid-main2:hover:before{
	    background:none;
    }
}
@media only screen and (max-width: 396px) {
	.top-right{
		float:none;
		text-align:center;
	}
	.top-right a.call-back-btn{
		display:inline-block;
	}
	.top-left{
		text-align:center;
		float:none;
		padding-bottom:15px;
	}
}
@media screen and (max-width:991px) and (min-width: 768px){
	#about .about-heading h2{
		padding-top:20px;
	}
}
@media screen and (max-width:1199px) and (min-width: 992px){
	.services-style-one .service-block .service-img img {
        width: 300px;
        height: 300px;
    }
}
/*@media screen and (max-width:1160px) and (min-width:510px){
	#footer .call-back-form input{
		width:200px;
	}
}*/
@media only screen and (max-width: 509px) {
    #footer .call-back-form .btn{
		padding: 17px 7px;
		font-size: 13px;
		width: 100%;
	}
	#footer .call-back-form .form-group{
		width: calc(100% - 127px);
	}
}
/*@media screen and (max-width:509px) and (min-width:360px){
	#footer .call-back-form input{
		width:123px;
	}
}*/
/*@media only screen and (max-width: 359px) {
	#footer .call-back-form input{
		width:80px;
	}
}*/