/* -------------------------------------------------------
                     phone & tablet 
-------------------------------------------------------- */
@media (max-width: 991px) {
	.s-header .middle-c h1 {
	    line-height: 55px;
	}
	.services-items .service-box {
	    margin-bottom: 60px;
	}
	.services-items .service-box:last-child {
	    margin-bottom: 0;
	}
	.facts {
		padding: 120px 60px;
	}
	.facts .fact-item {
   		margin-bottom: 60px;
	}
	.lets-talk h4 {
    	line-height: 50px;
	}
	.price-table {
	    margin-bottom: 60px;
	}
	.price-table:last-child {
	    margin-bottom: 0;
	}
	.blog-c .b-item {
	    margin-bottom: 60px;
	}
	.blog-c .b-item:last-child {
	    margin-bottom: 0;
	}
	.contact-item {
	    margin-bottom: 30px;
	    display: inline-block;
	    width: 100%;
	}
	.contact-info .item {
		margin-bottom: 60px;
	}
	.contact-info .item:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 890px) {
	.work .work-item {
    	width: 50%;
	}
}

@media (max-width: 770px) {
	.navbar-header {
		padding: 10px;
	}
	.navbar-toggle .icon-bar {
	    background: #111;
	}
	.navbar-fixed-top .logo {
	    padding-top: 10px;
	}
	.navbar-fixed-top .navbar-nav>li>a {
	    color: #212121;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	    max-height: 400px;
	}
	.fixed .logo {
	    padding: 10px;
	}
	.fixed .navbar-toggle .icon-bar {
	    background: #212121;
	}
	.work .work-item {
    	width: 49.5%;
	}
	.facts {
		padding: 120px 0;
	}
	.facts .fact-item:last-child {
	    margin-bottom: 0;
	}

}

@media (max-width: 770px) {
	.clients .client-logo {
	    border-width: 0;
	}
}

@media (max-width: 560px) {
	.work .work-item {
    	width: 98.5%;
	}
	.work .filter-work a {
	    margin-bottom: 15px;
	    display: inline-block;
	}
	.sec-title p {
		width: 70%
	}
}

@media (max-width: 510px) {
	.about-s .about-content {
   		min-height: 700px;
	}
}

@media (max-width: 403px) {
	.s-header .middle-c h3 {
	    font-size: 13px;
	}
	.s-header .middle-c h1 {
	    padding: 0 7px;
	    font-size: 40px;
	}
	.sec-title h4 {
	    line-height: 45px;
	    padding: 0 7px;
	}
	.about-s .about-content {
	    min-height: 750px;
	}
	.about-s .about-content .about-bord {
	    position: relative;
	    top: 0;
	    -webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	    padding: 60px 15px;
	}
}

@media (max-width: 350px) {
	.footer .social-icon span {
	    margin-bottom: 10px;
	}
}